Cara Cara

untung99.homes: How to Create a Mockup in Illustrator

falma.u99 , , ,


Untung99 menawarkan beragam permainan yang menarik, termasuk slot online, poker, roulette, blackjack, dan taruhan olahraga langsung. Dengan koleksi permainan yang lengkap dan terus diperbarui, pemain memiliki banyak pilihan untuk menjaga kegembiraan mereka. Selain itu, Untung99 juga menyediakan bonus dan promosi menarik yang meningkatkan peluang kemenangan dan memberikan nilai tambah kepada pemain.

Berikut adalah artikel atau berita tentang Harian untung99.homes dengan judul untung99.homes: How to Create a Mockup in Illustrator yang telah tayang di untung99.homes terimakasih telah menyimak. Bila ada masukan atau komplain mengenai artikel berikut silahkan hubungi email kami di koresponden@untung99.homes, Terimakasih.

In this tutorial, you’ll learn how to create a pouch mockup using the Mesh Tool in Adobe Illustrator. We’ll create a set of three different stand-up pouch mockups!

If you’d like to skip the tutorial and just use this vector in your work, you can go ahead and purchase the Big Set of Plastic and Paper Packaging, and also browse Envato Elements’ library of pouch packaging mockups.

Ready to learn how to create a packaging design mockup in Illustrator? Let’s get started!

What You’ll Learn in This Pouch Mockup Tutorial

  • How to create three pouch bag design templates
  • How to use the Mesh Tool to create packaging bag mockups
  • How to edit and add color to a mesh grid

1. How to Create the First Pouch Bag Design Template

Step 1

To begin drawing the first part of the first plastic pouch packaging mockup, create a rectangle, coloring it with #EEEEEE. Then, take the Mesh Tool (U) and, following the picture below, create a mesh grid.

Next, using the Mesh Tool (U), bend the rectangle to resemble the shape in the third section of this step. You can achieve it by moving the edge Mesh nodes.

To get rounded corners just like those in the bottom part of the shape, I recommend first converting the corner nodes with the Convert Anchor Point Tool (Shift-C).

Step 2

Now let’s start coloring the mesh grid! Using either the Mesh Tool (U) or the Direct Selection Tool (A), select the mesh nodes selected in section 1 of the screenshot below. Color these nodes with #DBDBDB via the Color Picker panel.

Next, add some more mesh nodes and bend them accordingly to achieve the shape shown in the second section below.

When you’re happy with your shape, color some more nodes (selected in the third section) with #D1D1D1.

Step 3

Finish this part of the plastic pouch packaging mockup by coloring the remaining nodes according to the screenshot below. You will need these colors:

Step 4

To make the second part of the flat bottom pouch mockup, create a grey (#DADADA) rectangle with a mesh grid, and then bend it and color it according to the screenshot below.

You will need these colors:

  1. #DADADA
  2. #C6C6C6
  3. #E4E4E4
  4. #F2F2F2

Step 5

Attach both parts of the packaging bag mockup we’ve made so far. Bend and color the edge nodes so that they overlap and create a seamless illusion!

For easier manipulation, you can Group (Control-G) both elements.

Step 6

Create the third part of the plastic pouch packaging mockup with Gradient Mesh, following similar steps as in Steps 1 to 5. Use these colors:

  1. #D3D3D3
  2. #7B7B7B
  3. #929292
  4. #9D9D9D
  5. #9F9F9F
  6. #BDBDBD

Step 7

Add the third part of the pouch packaging mockup to the others, just like in Step 5, completing the pouch mockup!

Step 8

Use the Rotate Tool (R) to rotate the finished flat bottom 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 under the stand-up pouch template.

Step 10

The first packaging bag mockup should come out looking like this!

2. How to Create the Second Pouch Bag Design Template

Step 1

Let’s start the creation of the second packaging bag mockup by drawing a rectangle! For this element, we will need to use a rectangle with rounded edges.

You can use my measurements below with the Rounded Rectangle Tool. Once you’re happy with your shape, color it with #D9D9D9.

  • Width: 122 px
  • Height: 253 px
  • Corner Radius: 4 px

Step 2

Continue by bending and coloring the shape with Gradient Mesh, creating the first piece of the stand-up pouch template.

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

Step 3

Next, create the side of the pouch mockup. You will need these colors:

  1. #B6B6B6
  2. #9A9A9A
  3. #ABABAB
  4. #AAAAAA
  5. #969696
  6. #C7C7C7

Step 4

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

  • Width: 220 px
  • Height: 150 px
  • Corner Radius: 10 px

Step 5

Bend the rectangle and then color it with Gradient Mesh.

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

Step 6

In the Transparency panel, change the resulting element’s Transparency Mode to Multiply and its Opacity to 40%.

Step 7

To create the pouch mockup, put all the elements together, as shown below. Make sure that element 3 stays on top of the other pieces!

Step 8

To finish the pouch packaging mockup, place a shadow under it, just as we learned in the previous section.

3. How to Create the Third Pouch Bag Design Template

Step 1

Begin creating the mesh grid for the last plastic pouch packaging mockup.

Use these colors:

Step 2

Color the top part of the element.

Step 3

Add more nodes and colors to finish this piece of the plastic pouch packaging mockup.

Step 4

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

  1. #B1B1B1
  2. #7C7C7C
  3. #8C8C8C
  4. #CCCCCC

Step 5

Create the third element of the pouch mockup.

  1. #8C8C8C
  2. #636363
  3. #6E6E6E
  4. #545454

Step 6

Continue by creating a smaller piece for the stand-up pouch template.

Step 7

Finish with another small piece for the pouch packaging mockup.

  1. #969696
  2. #B7B7B7
  3. #636363
  4. #7A7A7A

Step 8

Put all of the elements together to create the flat bottom pouch mockup, as shown below!

Step 9

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

Awesome Work, You Know How to Create a Pouch Mockup!

Now you know how to create a packaging design mockup in Illustrator. What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original set of elements, some of which we created today.

Big Set of Plastic and Paper Packaging

Discover More Amazing Product Mockups From Envato Elements!

If you don’t have the time to learn how to create a packaging design mockup in Illustrator, you can always visit Envato Elements’ library of pouch bag design templates! These ready-to-use templates will save you lots of time. Let’s review a few of the top pouch mockups.

Check out this high-quality plastic pouch mockup for your packaging design! It’s easy to customize via the smart object feature, and it comes with grouped and named layers, isolated shadows, and an editable background texture and color.

By purchasing this product bag mockup, you will receive four gorgeous, well-organized PSD files that are simple to customize. Using the smart object feature, you can modify everything about this mockup. Place your own design or replace the logo with the color you want!

This product mockup allows you to showcase your coffee packaging design professionally! It is available in PSD format with smart-object features to help you replace the current designs with your own within seconds.

This product box mockup uses smart object features to help you adjust your design. It’s incredibly simple to use and easy to recolor by using solid color layers.

The high resolution of this mockup allows it to be used for commercial purposes.

Present any of your pouch packaging designs using these doy pack with side spout mockups! They come complete with the smart object feature and well-named layers for your personalization needs.

Check Out More Mockup Tutorials!

  • Learn how to create a vector set of bags and gift boxes using Gradient Mesh in Adobe Illustrator!

  • Learn how to create a vector set of polypropylene and plastic packaging using Gradient Mesh in Adobe Illustrator!

  • Today you will learn how to create a vector set of various photo-realistic office supplies using the Mesh Tool in Adobe Illustrator!

  • Learn how to create a vector nature background with a wooden sign, grass, leaves and a ladybug using Gradient Mesh in Adobe Illustrator!