Sunday, June 19, 2022
HomeWeb DevelopmentCreate a Mockup in Illustrator

Create a Mockup in Illustrator


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.

Big Set of Plastic and Paper Packaging Big Set of Plastic and Paper Packaging Big Set of Plastic and Paper Packaging

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).

how to create pouch mockuphow to create pouch mockuphow to create pouch mockup

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.

flat bottom pouch mockupflat bottom pouch mockupflat bottom pouch mockup

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:

  1. #C6C6C6
  2. #F2F2F2
  3. #D0D0D0
pouch bag design templatepouch bag design templatepouch bag design template

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:

  1. #DADADA
  2. #C6C6C6
  3. #E4E4E4
  4. #F2F2F2
stand up pouch templatestand up pouch templatestand up pouch template

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.

pouch bag design templatepouch bag design templatepouch bag design template

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:

  1. #D3D3D3
  2. #7B7B7B
  3. #929292
  4. #9D9D9D
  5. #9F9F9F
  6. #BDBDBD
how to create pouch mockuphow to create pouch mockuphow to create pouch mockup

Step 7

Add the third a part of the pouch packaging mockup to the others, similar to in Step 5, finishing the pouch mockup!

packaging bag mockuppackaging bag mockuppackaging bag mockup

Step 8

Use the Rotate Device (R) to rotate the completed flat backside pouch mockup by -4°.

how to create pouch mockuphow to create pouch mockuphow to create pouch mockup

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.

pouch mockuppouch mockuppouch mockup

Step 10

The primary packaging bag mockup ought to come out wanting like this!

stand up pouch templatestand up pouch templatestand up pouch template

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
packaging bag mockuppackaging bag mockuppackaging bag mockup

Step 2

Proceed by bending and coloring the form with Gradient Mesh, creating the primary piece of the stand-up pouch template.

  1. #F0F0F0
  2. #C3C3C3
  3. #CCCCCC
  4. #E4E4E4
  5. #E3E3E3
  6. #D7D7D7
  7. #C7C7C7
  8. #D3D3D3
pouch packaging mockuppouch packaging mockuppouch packaging mockup

Step 3

Subsequent, create the aspect of the pouch mockup. You will want these colours:

  1. #B6B6B6
  2. #9A9A9A
  3. #ABABAB
  4. #AAAAAA
  5. #969696
  6. #C7C7C7
packaging bag mockuppackaging bag mockuppackaging bag mockup

Step 4

For the third aspect of the packaging bag mockup, use these measurements:

  • Width: 220 px
  • Peak: 150 px
  • Nook Radius: 10 px
plastic pouch packaging mockupplastic pouch packaging mockupplastic pouch packaging mockup

Step 5

Bend the rectangle after which coloration it with Gradient Mesh.

  1. #CCCCCC
  2. #FFFFFF
  3. #9D9D9D
  4. #AFAFAF
  5. #ECECEC
  6. #969696
pouch mockuppouch mockuppouch mockup

Step 6

Within the Transparency panel, change the ensuing aspect’s Transparency Mode to Multiply and its Opacity to 40%.

pouch packaging mockuppouch packaging mockuppouch packaging mockup

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!

flat bottom pouch mockupflat bottom pouch mockupflat bottom pouch mockup

Step 8

To complete the pouch packaging mockup, place a shadow underneath it, simply as we realized within the earlier part.

stand up pouch templatestand up pouch templatestand up pouch template

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:

  1. #E1E1E1
  2. #A5A5A5
  3. #C3C3C3
stand up pouch templatestand up pouch templatestand up pouch template

Step 2

Shade the highest a part of the aspect.

  1. #D6D6D6
  2. #ECECEC
flat bottom pouch mockupflat bottom pouch mockupflat bottom pouch mockup

Step 3

Add extra nodes and colours to complete this piece of the plastic pouch packaging mockup.

  1. #E8E8E8
  2. #BABABA
  3. #D0D0D0
how to create a packaging design mockup in illustratorhow to create a packaging design mockup in illustratorhow to create a packaging design mockup in illustrator

Step 4

Create the second piece of the flat backside pouch mockup with Gradient Mesh.

  1. #B1B1B1
  2. #7C7C7C
  3. #8C8C8C
  4. #CCCCCC
plastic pouch packaging mockupplastic pouch packaging mockupplastic pouch packaging mockup

Step 5

Create the third aspect of the pouch mockup.

  1. #8C8C8C
  2. #636363
  3. #6E6E6E
  4. #545454
pouch packaging mockuppouch packaging mockuppouch packaging mockup

Step 6

Proceed by making a smaller piece for the stand-up pouch template.

  1. #ABABAB
  2. #8C8C8C
  3. #9B9B9B
plastic pouch packaging mockupplastic pouch packaging mockupplastic pouch packaging mockup

Step 7

End with one other small piece for the pouch packaging mockup.

  1. #969696
  2. #B7B7B7
  3. #636363
  4. #7A7A7A
how to create pouch mockuphow to create pouch mockuphow to create pouch mockup

Step 8

Put all the components collectively to create the flat backside pouch mockup, as proven under!

pouch packaging mockuppouch packaging mockuppouch packaging mockup

Step 9

Add a shadow, and also you’re achieved with this pouch packaging mockup!

how to create a packaging design mockup in illustratorhow to create a packaging design mockup in illustratorhow to create a packaging design mockup in illustrator

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.

Big Set of Plastic and Paper Packaging Big Set of Plastic and Paper Packaging Big Set of Plastic and Paper Packaging
Large Set of Plastic and Paper Packaging

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)

Plastic Pouch Product Mock-UpPlastic Pouch Product Mock-UpPlastic Pouch Product Mock-Up

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)

Product Bag Mock UpProduct Bag Mock UpProduct Bag Mock Up

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)

Paper Bag Coffee Product MockupsPaper Bag Coffee Product MockupsPaper Bag Coffee Product Mockups

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)

Product Box MockupProduct Box MockupProduct Box Mockup

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)

Doy Pack with Side Spout MockupsDoy Pack with Side Spout MockupsDoy Pack with Side Spout Mockups

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.

Verify Out Extra Mockup Tutorials!

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments