On this tutorial, you will discover ways to create a pouch mockup utilizing the Mesh Device in Adobe Illustrator. We’ll create a set of three totally different stand-up pouch mockups!
If you would like to skip the tutorial and simply use this vector in your work, you possibly can go forward and buy the Large Set of Plastic and Paper Packaging, and likewise browse Envato Components‘ library of pouch packaging mockups.
Able to discover ways to create a packaging design mockup in Illustrator? Let’s get began!
What You may Be taught in This Pouch Mockup Tutorial
- create three pouch bag design templates
- use the Mesh Device to create packaging bag mockups
- edit and add coloration to a mesh grid
1. Create the First Pouch Bag Design Template
Step 1
To start drawing the primary a part of the primary plastic pouch packaging mockup, create a rectangle, coloring it with #EEEEEE
. Then, take the Mesh Device (U) and, following the image under, create a mesh grid.
Subsequent, utilizing the Mesh Device (U), bend the rectangle to resemble the form within the third part of this step. You possibly can obtain it by shifting the sting Mesh nodes.
To get rounded corners similar to these within the backside a part of the form, I like to recommend first changing the nook nodes with the Convert Anchor Level Device (Shift-C).
Step 2
Now let’s begin coloring the mesh grid! Utilizing both the Mesh Device (U) or the Direct Choice Device (A), choose the mesh nodes chosen in part 1 of the screenshot under. Shade these nodes with #DBDBDB
through the Shade Picker panel.
Subsequent, add some extra mesh nodes and bend them accordingly to attain the form proven within the second part under.
Once you’re pleased together with your form, coloration some extra nodes (chosen within the third part) with #D1D1D1
.
Step 3
End this a part of the plastic pouch packaging mockup by coloring the remaining nodes in keeping with the screenshot under. You will want these colours:
#C6C6C6
#F2F2F2
#D0D0D0
Step 4
To make the second a part of the flat backside pouch mockup, create a gray (#DADADA
) rectangle with a mesh grid, after which bend it and coloration it in keeping with the screenshot under.
You will want these colours:
#DADADA
#C6C6C6
#E4E4E4
#F2F2F2
Step 5
Connect each components of the packaging bag mockup we have made up to now. Bend and coloration the sting nodes in order that they overlap and create a seamless phantasm!
For simpler manipulation, you possibly can Group (Management-G) each components.
Step 6
Create the third a part of the plastic pouch packaging mockup with Gradient Mesh, following related steps as in Steps 1 to five. Use these colours:
#D3D3D3
#7B7B7B
#929292
#9D9D9D
#9F9F9F
#BDBDBD
Step 7
Add the third a part of the pouch packaging mockup to the others, similar to in Step 5, finishing the pouch mockup!
Step 8
Use the Rotate Device (R) to rotate the completed flat backside pouch mockup by -4°.
Step 9
Draw a shadow with a Radial Gradient from #979797
to white. Change its Transparency mode to Multiply. Then, place the shadow underneath the stand-up pouch template.
Step 10
The primary packaging bag mockup ought to come out wanting like this!
2. Create the Second Pouch Bag Design Template
Step 1
Let’s begin the creation of the second packaging bag mockup by drawing a rectangle! For this aspect, we might want to use a rectangle with rounded edges.
You should utilize my measurements under with the Rounded Rectangle Device. When you’re pleased together with your form, coloration it with #D9D9D9
.
- Width: 122 px
- Peak: 253 px
- Nook Radius: 4 px
Step 2
Proceed by bending and coloring the form with Gradient Mesh, creating the primary piece of the stand-up pouch template.
#F0F0F0
#C3C3C3
#CCCCCC
#E4E4E4
#E3E3E3
#D7D7D7
#C7C7C7
#D3D3D3
Step 3
Subsequent, create the aspect of the pouch mockup. You will want these colours:
#B6B6B6
#9A9A9A
#ABABAB
#AAAAAA
#969696
#C7C7C7
Step 4
For the third aspect of the packaging bag mockup, use these measurements:
- Width: 220 px
- Peak: 150 px
- Nook Radius: 10 px
Step 5
Bend the rectangle after which coloration it with Gradient Mesh.
#CCCCCC
#FFFFFF
#9D9D9D
#AFAFAF
#ECECEC
#969696
Step 6
Within the Transparency panel, change the ensuing aspect’s Transparency Mode to Multiply and its Opacity to 40%.
Step 7
To create the pouch mockup, put all the weather collectively, as proven under. Guarantee that aspect 3 stays on prime of the opposite items!
Step 8
To complete the pouch packaging mockup, place a shadow underneath it, simply as we realized within the earlier part.
3. Create the Third Pouch Bag Design Template
Step 1
Start creating the mesh grid for the final plastic pouch packaging mockup.
Use these colours:
#E1E1E1
#A5A5A5
#C3C3C3
Step 2
Shade the highest a part of the aspect.
#D6D6D6
#ECECEC
Step 3
Add extra nodes and colours to complete this piece of the plastic pouch packaging mockup.
#E8E8E8
#BABABA
#D0D0D0
Step 4
Create the second piece of the flat backside pouch mockup with Gradient Mesh.
#B1B1B1
#7C7C7C
#8C8C8C
#CCCCCC
Step 5
Create the third aspect of the pouch mockup.
#8C8C8C
#636363
#6E6E6E
#545454
Step 6
Proceed by making a smaller piece for the stand-up pouch template.
#ABABAB
#8C8C8C
#9B9B9B
Step 7
End with one other small piece for the pouch packaging mockup.
#969696
#B7B7B7
#636363
#7A7A7A
Step 8
Put all the components collectively to create the flat backside pouch mockup, as proven under!
Step 9
Add a shadow, and also you’re achieved with this pouch packaging mockup!
Superior Work, You Know Create a Pouch Mockup!
Now you know the way to create a packaging design mockup in Illustrator. What now? You possibly can strive any of my different tutorials from my profile, or try my portfolio on GraphicRiver, in addition to the unique set of components, a few of which we created right now.
Uncover Extra Superb Product Mockups From Envato Components!
If you do not have the time to discover ways to create a packaging design mockup in Illustrator, you possibly can at all times go to Envato Components’ library of pouch bag design templates! These ready-to-use templates will prevent a number of time. Let’s overview a number of of the prime pouch mockups.
1. Plastic Pouch Product Mock-Up (PSD, PDF)
Take a look at this high-quality plastic pouch mockup on your packaging design! It is easy to customise through the good object function, and it comes with grouped and named layers, remoted shadows, and an editable background texture and coloration.
2. Product Bag Mock Up (PSD, PDF)
By buying this product bag mockup, you’ll obtain 4 beautiful, well-organized PSD recordsdata which can be easy to customise. Utilizing the good object function, you possibly can modify all the pieces about this mockup. Place your personal design or substitute the brand with the colour you need!
3. Paper Bag Espresso Product Mockups (PSD, PDF)
This product mockup means that you can showcase your espresso packaging design professionally! It’s out there in PSD format with smart-object options that will help you substitute the present designs with your personal inside seconds.
4. Product Field Mockup (PSD)
This product field mockup makes use of good object options that will help you modify your design. It’s extremely easy to make use of and straightforward to recolor by utilizing strong coloration layers.
The excessive decision of this mockup permits it for use for business functions.
5. Doy Pack With Facet Spout Mockups (PSD)
Current any of your pouch packaging designs utilizing these doy pack with aspect spout mockups! They arrive full with the good object function and well-named layers on your personalization wants.