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

Duration : 0:26:19


[youtube BCAbZBDwMPc]

This entry was posted in see picture and tagged , , , , , , , , , , , , , . Bookmark the permalink.

25 Responses to Web 2.0 Style Box / Icon: Adobe Illustrator Tutorial

  1. hybridmaci says:

    thanks! this is the …
    thanks! this is the best tutorial i’ve ever seen :) and the box is also nice :)

  2. Forgeth3Bulletz says:

    on the layer thing …
    on the layer thing mine only colapes into path and thats it?
    help?

  3. 962thi says:

    cool!!!! you rock
    cool!!!! you rock

  4. AboAbdulable says:

    lol a very fat CD …
    lol a very fat CD case

  5. yakusokowairanai says:

    @colleenmairead …
    @colleenmairead same here. :(

  6. TheOneWhoKnows0205 says:

    good comment, i …
    good comment, i agree. nothing worse than finding the exact video you need only to be convinced you’re being grieved over lol

  7. oceanfloor69 says:

    your voice makes me …
    your voice makes me happy, and i like the way you taught this. very helpful.

  8. SeanMinn says:

    I just got one …
    I just got one problem with the reflection. I chose the recycle symbol instead of the arrows for the front side of the box and realized it does not correctly tranform as reflected object. I think it’s because the recycle symbol is not symmetrical. Any ideas how to correct it?
    Thanks.

  9. gmod92 says:

    Uhm i grab the …
    Uhm i grab the rectangle tool and click once but the hand just closes.. what key to i hold in?

  10. Itrainharder says:

    Nice preview, will …
    Nice preview, will come in handy

  11. SiddyV4 says:

    same here/….
    same here/….

  12. eddyjt13 says:

    when i tilt my box …
    when i tilt my box it doesnt shade from the box

  13. 999chan999 says:

    this guy talks …
    this guy talks faaaaast ,,,but he does it awsome

  14. chesterchewbacca says:

    lol so energetic, …
    lol so energetic, but its nice since the last few tutorials I have watched made me feel like I was at a funeral. Thanks for the nice tutorial :)

  15. robertmroczek says:

    take it easy with …
    take it easy with your medications when making those vids.

  16. 0987654321284 says:

    I would use this as …
    I would use this as an installer icon

  17. LyraPink says:

    r u the same person …
    r u the same person with tutcast

  18. pxb353 says:

    i think there’s a …
    i think there’s a problem with the perspective. it looks even more wrong with the glow.
    nice tutorial. it s not the fastest way to draw this thing though.

  19. PycckuuBouH says:

    I like people THAT …
    I like people THAT enthusiastic =)

  20. freddabrainy says:

    Anyone got those …
    Anyone got those colours in hex values?

  21. xKopGx says:

    hanging out on the …
    hanging out on the ground, doing it’s box thing..
    hahahahahaha

    nice tut m8 cheers! =) i enjoyed it

  22. victori4music says:

    Thank you for …
    Thank you for sharing, you’re awesome.

  23. thetechall says:

    what are the specs …
    what are the specs of your pc. i recently upgraded to a quad core machine and my productivity has massivily increased

  24. engin88r says:

    thanx a million …
    thanx a million mate…

    n you’re funny 2:26 doing its box thing , and we are just kinaa looking at it and admiring this box

  25. JubilantPenguin says:

    very versatile box …
    very versatile box ftw