Menu Search
Jump to the content X X
The Smashing Book #5

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. new Smashing Book 5 features smart responsive design techniques and patterns.

50 Excellent Adobe Illustrator Video Tutorials

Advertisement

Adobe Illustrator is the industry-standard when it comes to the creation of vector graphics. Though a very robust tool – the learning curve involved in mastering it can be high. Thankfully, there are abundant resources on the web that allows you to “learn by doing”.

Video tutorials (in general) enable the learner to witness – step-by-step – how a particular technique works. We often learn best by seeing how things are done and following along with the instructor (much like in a classroom environment).

In this article, we present to you 50 excellent Adobe Illustrator video tutorials. We’ve broken down the video tutorials into several categories that include creating objects, effects, and general tips and techniques.

So fire up Illustrator, watch a few of these videos, and hopefully you will have learned a tip or two by the end of your adventures into these Illustrator video tutorials!

General Tips and Techniques Link

Patterns and Shapes in Adobe Illustrator1
This tutorial is based on an advertisement that uses patterns and shapes to create a unique design effect.

Importing and Manipulating Images in Illustrator - screen shot.2

Importing and Manipulating Images in Illustrator3
Learn the concepts of importing and manipulating external images in Illustrator.

Importing and Manipulating Images in Illustrator - screen shot.4

Creative Masking Techniques5
See a method for using complex masking techniques in Illustrator.

Creative Masking Techniques - screen shot.6

Making a Custom Art Brush
Create your own custom Art Brush that you can re-use in multiple projects via this Illustrator video tutorial.

Making a Custom Art Brush - screen shot.

Using Kuler with Illustrator7
This tutorial walks you through the process of interfacing with kuler8 (a community website for sharing color themes) via Illustrator so that you can easily select your color pallete.

Using Kuler with Illustrator - screen shot.9

Live Color in Illustrator CS310
Learn about the Live Color option in Illustrator.

Live Color in Illustrator CS3 - screen shot.11

Complete Guide to the Pen Tool12
Master the Pen tool (one of the most used and complex features in Illustrator) in this video tutorial.

Complete Guide to the Pen Tool - screen shot.13

All about Masking
Learn the concepts of masking in Illustrator in this video tutorial.

All about Masking - screen shot.

Adobe Illustrator Masking Tutorial14
This short and sweet tutorial will cover the basics of masking in Adobe Illustrator.

Adobe Illustrator Masking Tutorial - screen shot.15

Opacity Mask
You’ll learn about a technique for performing opacity masking (usually done in Photoshop) in Adobe Illustrator creative selecting with the Marquee tool.

Opacity Mask - screen shot.

Clipping Masks16
Learn about clipping masks to streamline the creation of complex objects in this excellent Illustrator video tutorial.

Clipping Masks - screen shot.17

Vespa Speed Trace18
In this video, you’ll see a method for speed tracing a stock image (in this particular case, a Vespa scooter19 is used as the reference image).

Vespa Speed Trace - screen shot.20

Offset Path tool21
Master the Offset Path tool by following along this video tutorial.

Offset Path tool - screen shot.22

Using the Paintbrush Tool23
You’ll discover the powers of the Paintbrush tool in Illustrator in this excellent video tutorial.

Using the Paintbrush Tool - screen shot.24

Working with Layers and Groups25
Understanding layers and groups in Illustrator (which is slightly different in Photoshop) can be a daunting task – but not so if you watch this video tutorial.

Working with Layers and Groups - screen shot.26

Working with Gradients and Blends27
Learn the concepts and techniques behind utilizing gradients and blends to add graduated colors onto your Illustrator objects.

Working with Gradients and Blends - screen shot.28

Select Objects Faster and More Efficiently29
Maximize your workflow by learning how to select different objects on your Illustrator document in this video tutorial.

Select Objects Faster and More Efficiently - screen shot.30

Creating Objects Link

Creating an iPod31
In this video tutorial, you’ll see the process involved in rendering an iPod Nano32 from scratch using the 3D Effect tool (among other tools and techniques) in Illustrator.

Creating an iPod screen shot.33

Creating 3D Shapes in Illustrator
Utilize the Revolve tool in Illustrator to create a great-looking 3-dimensional shape.

Create a 3D Background Using the Revolve Tool - screen shot.

Draw Fluffy Clouds34
Create an illustrated cloud using the Pencil tool in Adobe Illustrator via this video tutorial.

Draw Fluffy Clouds screen shot.35

How to Draw an Eye36
In this video tutorial, you’ll learn the process of drawing an eye in Illustrator.

How to Draw an Eye screen shot.37

Drawing Face
Witness a process for creating a vectorized face using a reference photo.

Drawing Face - screen shot.

Create a Gear38
You’ll witness the creation of a complex gear object in this Illustrator video tutorial that involves a variety of techniques and tools like the Pathfinder tool.

Create a Gear screen shot.39

Drawing a Gel Progress Bar
Learn how to create a stylish progress bar (inspired by the iPod progress bar) using a combination of techniques including the use of gradients and masking techniques.

Drawing a Gel Progress Bar screen shot.

Create Swirling Rainbows with Ease
Create the popular swirling rainbows graphic in Adobe Illustrator by following along this video tutorial.

Make a Fully Vector Metal Help Icon/Button screen shot.40

Make a Fully Vector Metal Help Icon/Button41
Make a metallic, shiny vector (and thus flexible in scale) icon via this Illustrator video tutorial.

Create Swirling Rainbows with Ease screen shot.

3D Brochure42
Add a bit of flare onto your print design mock-ups by making them 3-dimensional. This video tutorial shows you how to do it with a brochure, but it can easily be adapted to CD labels, software boxes, and other print design objects.

3D Brochure screen shot.43

Watermelon
Learn how to render a watermelon in Adobe Illustrator via this excellent video tutorial.

Watermelon screen shot.

Vector Drawing: “Dog”44
In this fast-paced video, you’ll witness the steps involved in drawing a dog in Illustrator.

Vector Drawing: "Dog" screen shot.45

Creating Vector Swirls and Swooshes46
This tutorial shows you how to create trendy swirls and swooshes using the Pen tool.

Creating Vector Swirls and Swooshes screen shot.47

Roundtrip Logo from Illustrator to Photoshop48
Find out the methods of an effective workflow that utilizes the power of Illustrator and Photoshop to create a grungy logo design.

Roundtrip Logo from Illustrator to Photoshop screen shot.49

Batman Logo50
Create the Batman logo via this tutorial that shows you the true powers of the Illustrator’s Pathfinder tool.

Batman Logo screen shot.51

Feynman Diagrams52
Create a Feynman diagram53 in Illustrator for presentations and reports.

Feynman Diagrams screen shot.54

Create 3D Pyramid55
This Illustrator video tutorial will walk you through the creation of a 3-dimensional pyramid.

Create 3D Pyramid - screen shot.56

Drawing a Nice Vector Golden Badge Award
In this video tutorial, you’ll be using a variety of Illustrator techniques including masking and working with the Pen tool to create a gold badge.

Drawing a Nice Vector Golden Badge Award screen shot.

Vectoring an EyeBall
Learn to vectorize a human eye using a reference photo.

Vectoring an EyeBall - screen shot.

Creating Seamless Pattern57
You’ll be creating a seamless floral pattern in this Illustrator video tutorial.

Creating Seamless Pattern - screen shot.58

Tribal Sun Vector
Create a tribal Sun illustration by following along this excellent video tutorial.

Tribal Sun Vector - screen shot.

Effects Link

Simple Silhouettes in Illustrator CS459
Apply silhouettes onto objects by utilizing the Gradient Mesh tool.

Simple Silhouettes in Illustrator CS4 - screen shot.60

Create Wood Effect Using Gradients61
Create a wood texture in Illustrator by using the Gradients tool.

Create Wood Effect Using Gradients - screen shot.62

Creating a “Firebrush” Logo63
Make a fiery, fierce abstract logo design in Adobe Illustrator video tutorial.

Creating a "Firebrush" Logo - screen shot.64

Brushed Metal Effect65
Give objects scalable “brushed metal” (also known as “brushed aluminum”) texture by following along this Illustrator video tutorial.

Brushed Metal Effect - screen shot.66

Vector Grunge Patterns and Distressed Text
Give text a distressed/worn effect via this Illustrator video tutorial.

Vector Grunge Patterns and Distressed Text - screen snot.

Creating Glass, Shining, Reflective, and Vector Text
Go Web 2.0 in Illustrator by creating this sleek, shiny, glossy text effect.

Creating Glass, Shining, Reflective, and Vector Text - screen shot.

Creating Comic Book Style Text67
Give your text a comic book look-and-feel by following along this video tutorial.

Creating Comic Book Style Text - screen shot.68

Creative Background Effects69
In this video tutorial, you’ll learn how to create abstract backgrounds/textures in Illustrator.

Creative Background Effects - screen shot.70

Abstract Vector Background
Create a stylish vector background by viewing this excellent Illustrator video tutorial.

Abstract Vector Background - screen shot.

Adding Texture71
You’ll learn how to give your vector objects some texture in this video tutorial.

Adding Texture - screen shot.72

Create Intricate Patterns73
Learn to create complex patterns in Illustrator via this detailed and highly-involved video tutorial.

Create Intricate Patterns - screen shot.74

Creating Vectorized Shining and Sparkling Heart Artwork and Icons
Make a vector heart piece by following along this wonderful Illustrator video tutorial.

Creating Vectorized Shining and Sparkling Heart Artwork and Icons - screen shot.

Footnotes Link

  1. 1 http://www.layersmagazine.com/category/tutorials/illustrator
  2. 2 http://www.layersmagazine.com/category/tutorials/illustrator
  3. 3 http://www.vimeo.com/2145550
  4. 4 http://www.vimeo.com/2145550
  5. 5 http://www.layersmagazine.com/creative-masking-techniques-in-illustrator.html
  6. 6 http://www.layersmagazine.com/creative-masking-techniques-in-illustrator.html
  7. 7 http://www.layersmagazine.com/kuler-color-illustrator.html
  8. 8 http://kuler.adobe.com/
  9. 9 http://www.layersmagazine.com/kuler-color-illustrator.html
  10. 10 http://www.layersmagazine.com/illustrator-live-color.html
  11. 11 http://www.layersmagazine.com/illustrator-live-color.html
  12. 12 http://www.tutvid.com/tutorials/illustrator/tutorials/thePenTool.php
  13. 13 http://www.tutvid.com/tutorials/illustrator/tutorials/thePenTool.php
  14. 14 http://www.youtube.com/watch?v=ZmlIxMTt3dw
  15. 15 http://www.youtube.com/watch?v=ZmlIxMTt3dw
  16. 16 http://www.youtube.com/watch?v=lvkVJLMzmBw
  17. 17 http://www.youtube.com/watch?v=lvkVJLMzmBw
  18. 18 http://www.youtube.com/watch?v=_hkhRIN4-wU
  19. 19 http://www.vespausa.com/
  20. 20 http://www.youtube.com/watch?v=_hkhRIN4-wU
  21. 21 http://www.youtube.com/watch?v=CzEvnOGCaNQ
  22. 22 http://www.youtube.com/watch?v=CzEvnOGCaNQ
  23. 23 http://www.adobe.com/designcenter/video_workshop/?id=vid0038
  24. 24 http://www.adobe.com/designcenter/video_workshop/?id=vid0038
  25. 25 http://www.adobe.com/designcenter/video_workshop/?id=vid0041
  26. 26 http://www.adobe.com/designcenter/video_workshop/?id=vid0041
  27. 27 http://www.adobe.com/designcenter/video_workshop/?id=vid0050
  28. 28 http://www.adobe.com/designcenter/video_workshop/?id=vid0050
  29. 29 http://www.vimeo.com/2507719
  30. 30 http://www.vimeo.com/2507719
  31. 31 http://www.layersmagazine.com/illustrator-ipod.html
  32. 32 http://www.apple.com/ipodnano/
  33. 33 http://www.layersmagazine.com/illustrator-ipod.html
  34. 34 http://www.youtube.com/watch?v=L21y9o5wsTg
  35. 35 http://www.youtube.com/watch?v=L21y9o5wsTg
  36. 36 http://www.youtube.com/watch?v=doTUanZ8GHA
  37. 37 http://www.youtube.com/watch?v=doTUanZ8GHA
  38. 38 http://www.youtube.com/watch?v=XdEX8Zat37w
  39. 39 http://www.youtube.com/watch?v=XdEX8Zat37w
  40. 40 http://www.tutvid.com/tutorials/illustrator/tutorials/metalButton.php
  41. 41 http://www.tutvid.com/tutorials/illustrator/tutorials/metalButton.php
  42. 42 http://www.youtube.com/watch?v=fgpWLu4HSpI
  43. 43 http://www.youtube.com/watch?v=fgpWLu4HSpI
  44. 44 http://www.youtube.com/watch?v=ohK5ihZC4QM
  45. 45 http://www.youtube.com/watch?v=ohK5ihZC4QM
  46. 46 http://www.tutvid.com/tutorials/illustrator/tutorials/swirlsAndSwooshes.php
  47. 47 http://www.tutvid.com/tutorials/illustrator/tutorials/swirlsAndSwooshes.php
  48. 48 http://www.layersmagazine.com/roundtrip-logo-from-illustrator-to-photoshop.html
  49. 49 http://www.layersmagazine.com/roundtrip-logo-from-illustrator-to-photoshop.html
  50. 50 http://www.youtube.com/watch?v=LALKL_barTM
  51. 51 http://www.youtube.com/watch?v=LALKL_barTM
  52. 52 http://www.youtube.com/watch?v=O3wpkU2h1mo
  53. 53 http://en.wikipedia.org/wiki/Feynman_diagram
  54. 54 http://www.youtube.com/watch?v=O3wpkU2h1mo
  55. 55 http://www.layersmagazine.com/illustrator-design-pyramid.html
  56. 56 http://www.layersmagazine.com/illustrator-design-pyramid.html
  57. 57 http://www.vimeo.com/2434697
  58. 58 http://www.vimeo.com/2434697
  59. 59 http://www.layersmagazine.com/simple-silhouettes-in-illustrator-cs4.html
  60. 60 http://www.layersmagazine.com/simple-silhouettes-in-illustrator-cs4.html
  61. 61 http://www.layersmagazine.com/wood-grain.html
  62. 62 http://www.layersmagazine.com/wood-grain.html
  63. 63 http://www.youtube.com/watch?v=IxDSEuM-PT0
  64. 64 http://www.youtube.com/watch?v=IxDSEuM-PT0
  65. 65 http://www.layersmagazine.com/brushed-metal-effect-in-adobe-illustrator.html
  66. 66 http://www.layersmagazine.com/brushed-metal-effect-in-adobe-illustrator.html
  67. 67 http://www.tutvid.com/tutorials/illustrator/tutorials/comicText.php
  68. 68 http://www.tutvid.com/tutorials/illustrator/tutorials/comicText.php
  69. 69 http://www.youtube.com/watch?v=g9IuHXP9wvI
  70. 70 http://www.youtube.com/watch?v=g9IuHXP9wvI
  71. 71 http://www.youtube.com/watch?v=coE27IqCvW8
  72. 72 http://www.youtube.com/watch?v=coE27IqCvW8
  73. 73 http://www.youtube.com/watch?v=BI90SIEiiWs
  74. 74 http://www.youtube.com/watch?v=BI90SIEiiWs
SmashingConf Oxford

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Oxford, on March 15—16, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Jacob Gube is the Founder and Chief Editor of Six Revisions, a web publication for web developers and designers, and the Deputy Editor of Design Instruct, a web magazine for designers and digital artists. He has over seven years of experience as professional web developer and web designer and has written a book on JavaScript.

Advertisement
  1. 1

    Great start of 2009, thanks SM!

    -2
  2. 2

    Nice…Illustrator is my sweet spot! Without it I would perish!

    -1
  3. 3

    Thank you SmashingMagazine, at a quick glance these will surely help!

    1
  4. 4

    I really appreciate the effort. This post is really helpful

    0
  5. 5

    Nice Collection Jacob, one of the really helpful post around.

    Thank you,
    DKumar M.

    0
  6. 6

    Yessss! Exactly what I needed! I suck at Illustrator…
    Thanks a lot!

    0
  7. 7

    Great stuff. Let me say, I don’t have to search around for Illustrator tuts now. Almost everything I need I’ve just found in here.

    Thanks a lot…

    0
  8. 8

    Thanks dude …
    That’s really what I’m looking for.
    Great to you for that.. ^_^

    0
  9. 9

    Oh, just what I’ve been wanting!

    0
  10. 10

    I’ve used Illustrator quite a bit, and the more I use it, the more I realize I have barely scratched the surface! Thanks for the tips. Great site!

    0
  11. 11

    Expected a more wonderful beginning for Year 2009. :-( .. Thanks for this listing

    0
  12. 12

    I found this one really useful too

    0
  13. 13

    Excellent post…

    0
  14. 14

    great post! very usefull

    0
  15. 15

    Thank for good video collection.

    0
  16. 16

    Very good post.

    I also suck at illustrator and certainly this will help me a lot.

    Thank you SM.

    0
  17. 17

    wow…i like this post..tnx SM!

    0
  18. 18

    Thanks, Illustrator is very great.
    I´ll try with some tutorials now.

    0
  19. 19

    Great work… thanks

    0
  20. 20

    Thanks for the post but considering this is for the great Smashing Magazine you could select just the best examples. There are no more than 10 that are interesting tutorials…

    0
  21. 21

    blog.gonzalollorens.com

    January 9, 2009 2:50 pm

    Gracias, personalmente me viene mu bien para empezar a utilizar el illustrator (llevo un año intenando ponerme a aprender a utilizarlo) y dejar de lado el freehand que ya toca!
    Gracias por compartir la información.
    Un saludo

    0
  22. 22

    very useful, thanks!

    1
  23. 23

    Sorry guys. The pen tutorial (the one with the guitar…) totally sucks! It doesn’t play and they want you to buy it first. I love SM, so please find a better one. Thanks.

    0
  24. 24

    very nice

    0
  25. 25

    @Ron Evans: The guitar tutorial *does* play and it doesn’t ask me to pay. Make sure you have Quicktime installed.

    Thanks for the list of tutorials! Some of them are pretty good, especially the last one with the hearts. :)

    0
  26. 26

    Thank you tuotorials help me lot

    0
  27. 27

    Excellent and helpful post!

    0
  28. 28

    A note on Abstract Logo Design

    Various factors that needs to be considered when selecting an identity; the company’s image and target audience are high on the list. Features of a logo design are pensiveness, font type, colors and illustration. Abstract logo designs are good, but overly abstract logos are not suitable for business. Viewers may not associate your company with your services if the identity is too theoretical. Simple, conceptual designs are attractive and they promote your business’ attributes and style.

    A conceptual logo has to be simple, yet complicated. Simplicity of an abstract logo designs makes a logo easy to reproduce and its complicated aspect makes it easy for customers to recognize. Use limited colors in your business identity, avoiding muddy colors and consider contrasts when thinking designing your corporate identity.

    http://www.logoian.com/logoian/logo-design-categories/Abstract_Logos.asp

    0
  29. 29

    I m with you guys awesome art work!!!

    0
  30. 30

↑ Back to top