Web 2.0 Style Box / Icon: Adobe Illustrator Tutorial

In this Illustrator Tutorial we will be using Illustrator CS4 to draw this nice little 3D box which can easily be edited for use in tons of different ways! The beauty of this box is that it is all vector and very easy to use in a wide number of different editing programs! We will take a look at mapping artwork, using the 3D effect, effects in general, creating a reflection, and a bit of masking as well. A bunch of cool stuff to learn as we build a nice little box!

Be sure to check out http://www.tutvid.com
Check out the blog @ http://tutvid.wordpress.com

Category:

Education

Tags:

• Adobe
• Illustrator
• Tutorial
• Web
• 2.0
• Box
• Cardboard
• Style
• Icon
• Reflection
• Nice
• Smooth
• Help
• Tutvid

[AwsmUsername]

The only mistake is the reflection. Nice tut tho.

[themajiks]

Wonderful. Great Job. And thanks alot. Its really a great effort. appreciate it.

[andr3w000]

Youre a pro man!

[tashi346]

@mannheim666 thank you, I have the same question. No mattter how many times i make the box, when i use ungroup and remove the top portion of box the two back sides of the box is missing. TutVid or Someone please help..thanks alot :)!!

[MyloHase]

wow what a shitty program

[imfreeareyou]

I really like your tutorials, and all on Adobe ones I got more interest to.

[illegalbrain]

Another great tutorial, I am going to have fun messing around with this idea.  I found the reflection looked better if I applied an angles gradient mask for each side of the box.

[grmunnabd]

Really cool !!! this tutorial is more awesome to me for persenter's voice. Personally I like his teaching approach. Thank you !!!

[Deltalock121]

Jesus Christ that was actually really helpful... Unlike everyone else that just shows me how to do it, you told me how to make it AND explain everything. Kudos to you =3