Often after approving the final label's design, clients will want to see the design mocked-up as a package. Starting with a final label design, we'll use Illustrators mesh tools to simulate a 3D package design. Let's go ahead and do that!
How to Turn a Client Approved Snack Label into a 3D Looking Snack Pack
Aug 25th in Designing by Ferry IckhwanoFinal Image Preview
Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.
Tutorial Details
- Program: Adobe Illustrator CS3
- Difficulty: Easy
- Estimated Completion Time: 30 minutes

Step 1
Open your approved label design in Illustrator, in this tut I use snack label as an example, which is shown below.

Step 2
Group the objects (Command + G), select it, then apply Envelope Distort > Make with Mesh. When the dialog box appears set 4 in the rows and columns fields. No need to use too many rows and columns because we're going to add them later.


Step 3
Before we add more rows and columns we have to decide the final shape for the pack first. Use a little bit of your imagination to do it, photo references would be much better. Select the anchor point with the Gradient Mesh Tool (U) or Direct Selection Tool (A) to re-shape the mesh, as you picture it in your mind or as the reference dictates. Add rows or columns as needed.

Step 4
After you're happy with the result, copy the object and release the Gradient Mesh within the copied one. We are going to use this Mesh to shade the distorted label.

Delete the copied label and fill the mesh with 10% black. Later we will apply black and white colors to it.

Step 5
Now put the Mesh right above the label, then adjust its size and shape. Make sure you fit it into the label. Set the Mesh to Multiply.


Step 6
The Multiply mode makes the white color disappear and shows the black color. Fill the anchor points with the colors as you want the shade on the pack to look like.

Step 7
Now to create some highlights on it. Use the Pen Tool (P) to make needed shapes, fill them with white and set various opacity amounts. Also, place them where you think they should belong.

This is the final look shown below.

Step 8
Now create a drop shadow from two ellipses (fill black for the small one and white for the large) by applying Object > Blend > Make, as shown below. Adjust the shape so it looks natural. To have it blend to the background smoothly change the color and opacity for each object within the blend as shown. Last is to set the drop shadow blending mode to Multiply.


Conclusion
Add a background and we're done. So next time your clients want to see their label designs applied in 3D, you can show them a quick look in just about 30 minutes or so.

Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

























User Comments
( ADD YOURS )sam stratton August 25th
very useful
( )BB August 25th
Great stuff!
( )Simon August 25th
Personally, I would have been a lot more interested in how you got the “client approved image” The text, the drawings, etc. I feel like this tutorial is just a bit on the lacking side.
Maybe you should make that tutorial too!
( )John August 25th
I agree, as useful as this technique is, It wasn’t as in depth as previous tutorials.
( )SDEE August 25th
gr8
( )Xtreme Design August 25th
Nice tutorial! Thanks!
( )jon smithville August 25th
isn’t this just a rip off of the tutorial that does identical technique and styling but with a Lay’s potato chip bag? it has 2-3 ruffles chips pouring out.
this is a bit fishy to me. does the editor pay people for these tuts? if so what is classified as plaigarism?
( )snnaqvi August 25th
Cool
( )Sushimoron August 26th
wow! that was fast! very nice and helfpul.
( )rory August 26th
Very good tutorial, lovely final image very realistic. Never used the mesh tool for any design, but with results like these I think I should start! Cheers
( )Bill August 27th
That’s good info. It helps to have a quick way to do a virtual mock up without spending a lot of time on it.
Thanks
( )akkis August 29th
Much cute
Thank you!
( )Clay Jackson August 30th
Beaut!
( )mannysaxman September 1st
A Very Nice Tutorial!
( )friend September 11th
few things unknown in AI
( )Francesco September 16th
Fantastico! Great!
( )