Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. 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. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

40 Excellent Adobe Illustrator Tutorials

Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of Illustrator tutorials, which offer tips, tricks, and artistic styles from other designers who have mastered certain techniques based on their experience. [Content Care Dec/07/2016]

From these tutorials, a designer can polish their skillsets on a variety of topics which will strengthen their own artwork. Sometimes a simple tutorial has tips which may have been overlooked based on the subject of the tutorial. By looking past the subjects of the tutorials, an endless array of learning opportunities exist. Essentially, the tutorials become not only a teacher but a “class” which a designer can repeat as often as necessary to refine their skills.

Further Reading on SmashingMag: Link

This post presents 40 excellent simple to complex Illustrator tutorials and presents the overall techniques of each tutorial, summarized in a brief overview. The purpose is to pick and choose among the tutorials based on the areas that need improvment. Whether your are a seasoned professional or a designer just starting out, these Illustrator tutorials offer a way to brush up on your skills.

Adobe Illustrator Tutorials Link

Gradient Mesh Bell Pepper Tutorial5

  • Use multiple smaller Meshes to create a realistic object
  • Learn to use the Eyedropper Tool (I) to sample colors from a reference photo

Illustrator Tutorials6

How to create a Television Icon7

  • Using Offset Path on an object
  • Learn to use Gradients to create surface texture and depth
  • Create a reflection using an Opacity Mask

Illustrator Tutorials8

Working with 3D Objects and Transparencies to Make a Vector Cola Bottle Design9

  • Learn to “cut” up an image in Pathfinder and use the pieces in 3D Revolve to create solid objects
  • Map art (symbols) onto a 3D object

screenshot10

  • Learn to use Offset Stroke on text
  • Apply a Pattern Swatch to text

screenshot12

Illustrate a Malevolent Skull in 8 Steps13

  • Working with a sketch and outlining with the Pen Tool (P)
  • Use Outline/Preview modes during design process
  • How to use the Reflect Tool (O) to save time

screenshot14

Create A Wood Grain Texture15

  • Use Raster Effects, Live Trace, and Expand to create a texture
  • Learn to use the Warp Tool (Shift +R) to customize a texture

screenshot16

Illustrator ring shape via overlapping crescents effect17

  • Create abstract geometric shapes with Linear Gradients, Align, and Pathfinder
  • Learn to use Smart Guides (Cmd/Ctrl + U)

screenshot18

How to Illustrate a Brain Icon for OSX and Vista19

  • For faster coloring, use the Live Paint Bucket (K)
  • Bonus Lesson: How to turn art into an icon

screenshot20

Create a Realistic Candy Bar in Illustrator21

  • Tips on stacking order for the Layers Panel when using a sketch
  • Create realistic creases in paper
  • Where to place shadows/highlights and why

screenshot22

How to Create a Vector Smiley Icon23

  • Working with Radial Gradients
  • Copy design elements for symmetry
  • Learn how to use the Isolation Mode

screenshot24

How to Create a Radial Mesh in Illustrator and Make a Vector CD25

  • Create a radial mesh from a Radial Gradient and the Mesh Tool (U)
  • Learn the finer points of selecting mesh points
  • Create a Clipping Mask

screenshot26

Illustrator full spectrum spirograph27

  • Using the Rotate Tool (R) to create abstract shapes
  • Learn to use Transform Again to save time

screenshot28

How to Make a Cartoon Style Cereal Box Logo in Adobe Illustrator CS329

  • Effectively use Strokes, Align Stroke, and Selection Tool (V) to modify fonts
  • How to use 3D Extrude & Bevel Options to Create 3D Text

screenshot30

How to Create a Gearbox Settings Icon Using Simple Shapes31

  • Use the Rotate Tool (R) to rotate shapes relative to another shape
  • Create a metallic texture using shapes and Radial Blur
  • Design a perforated metal backing using Gradients

screenshot32

3D Effect Extrude and Revolve33

  • Learn to use simple shapes to create a 3D object with Extrude & Bevel

screenshot34

Illustrator Tutorial: Realistic Orange35

  • Learn to use Plastic Wrap Effect and Sponge Effect to create an orange peel texture
  • Effectively use Opacity in an illustration

screenshot36

How to Create Semi-Realistic Scissors in Illustrator37

  • Using shapes and Gaussian Blur, create an aged metallic texture
  • Learn to add highlights on metal contours

screenshot38

How to Create a Hippy Van Vector in Illustrator39

  • Trace a photo with the Pen Tool (P)
  • Expand strokes to add Gradients

screenshot40

Illustrator Quick Tips #1 – Complex Symbols with Pathfinder41

  • Use the Gradient Tool (G) to create a 3D effect
  • With the Pathfinder Divide, create abstract shapes
  • Learn to use the Blending Mode Multiply

screenshot42

How to Make a Vector Diamond Ring in Illustrator43

  • Use Pathfinder to create a compound shape
  • Create a metallic finish with Gradients
  • Create a diamond with Linear Gradients

screenshot44

Create Fun, Eye-catching Text with Adobe Illustrator45

  • Use the Free Transform Tool (E) on text to create depth and perspective
  • Highlight and shadow placement on text

screenshot46

‘Women and Cats’ How-To Advanced Tutorial47

  • Learn about shading/highlights in vector portraits
  • Use of Transparency and Opacity Masks

screenshot48

Turn Any Font Into a Sketch Font49

  • Learn to use the Scribble Effect and Roughen to create a font
  • Create a custom Graphic Style

screenshot50

How To Create A Realistic Pendrive in Adobe Illustrator51

  • Learn how to align objects to the Artboard
  • Create a realistic metallic surface using Linear Gradients

screenshot52

How to Create a Rainy Window Vector Background53

  • Create an abstract background with the Mesh Tool (U) and circles
  • Use Gradients, Inner Glow, and Warp to design raindrops
  • Learn to make a Symbol from artwork

screenshot54

Draw a Cute Purse Using Simple Shapes55

  • Modify shapes using the Warp Tool
  • Use Pathfinder Exclude to create new shapes
  • Learn to design a simple pattern
  • Quick Tip: Horizontal Align to align anchor points

screenshot56

Make a Christmas Light Bulb in Illustrator57

  • Create a quick glossy orb using Gradients and the Blend Mode
  • Add an image to a round surface using Pathfinder

screenshot58

How to Create Shiny, Vector Dice in Illustrator59

  • Learn to use the 3D Extrude & Bevel
  • Create highlights on a 3D object with the Gradient Mesh Tool (U)

screenshot60

Create a Cute Vector Monster from a Pencil Sketch61

  • Learn to rough in a character using the Pen Tool (P)
  • Use tapered brushes to create a sketch style

screenshot62

Design
  • Create symmetric shapes using the Rotate Tool (R) and Ctrl+D
  • Overlay images using Symbols and Color Burn

screenshot64

How to Draw A Realistic Vector Light Bulb From Scratch65

  • Create a metal thread contact with Effects and Gradients
  • Use the Zig Zag Effect to create wires

screenshot66

Create a Character Mascot with Adobe Illustrator CS467

  • How to set up an Adobe Illustrator file to trace with a sketch
  • Create a Custom Art Brush

screenshot68

Hit the Mark with a Realistic Vector Dartboard69

  • Using Transform Effect to create segments
  • Save time with Live Paint
  • Learn to create bent wire numbers

screenshot70

The Shane Harper way to go Lineless!71

  • Add details to a drawing with the Pencil Tool (N)
  • Alter shapes quickly using the Knife Tool

screenshot72

Illustrator Tutorial: How to Make an Icy Cocktail73

  • Simulate “glass” using Color Burn and Gradients
  • Create Water Drops quickly

screenshot74

Create a Simple Vector Creature in Illustrator75

  • Learn to use Guidelines effectively
  • Use the Reflect Tool (O) for symmetry
  • Change end caps on Strokes to alter paths

screenshot76

Create an easy landscape scene in Illustrator77

  • How to use the Crystallize Tool to create shapes
  • Learn to use the Free Transform Tool (E) to create perspective

screenshot78

How to Create a Killer Chainsaw Bunny Character79

  • Learn to trace with vectors
  • Block a character in using the Pen Tool (P)

screenshot80

Blueprint-Style Text in Adobe Illustrator81

  • Use Scribble Effect to create a hand drawn font
  • Learn to use an Opacity Mask with a Gradient

screenshot82

Create a Cute Lipstick Tube83

  • Working with shapes and Pathfinder
  • Learn shading tips for 3D Objects
  • Design a Reflection on a shiny surface

screenshot84

Conclusion Link

These Adobe Illustrator tutorials are just a sample of some of the free learning opportunities available online. Learn to look past the tutorial subject and find what skills the tutorial covers. After all, it’s never too late to go back to school!

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2011/02/useful-typography-tips-for-adobe-illustrator/
  2. 2 https://www.smashingmagazine.com/2009/06/50-excellent-3d-adobe-illustrator-tutorials/
  3. 3 https://www.smashingmagazine.com/2009/01/50-excellent-adobe-illustrator-video-tutorials/
  4. 4 https://www.smashingmagazine.com/2009/11/35-incredible-digital-painting-tutorials/
  5. 5 https://design.tutsplus.com/tutorials/tips-for-working-with-the-gradient-mesh-tool-in-illustrator--vector-1423
  6. 6 https://design.tutsplus.com/tutorials/tips-for-working-with-the-gradient-mesh-tool-in-illustrator--vector-1423
  7. 7 http://www.aivault.com/latest/tutorialhow-to-create-a-television-icon/
  8. 8 http://www.aivault.com/latest/tutorialhow-to-create-a-television-icon/
  9. 9 https://design.tutsplus.com/tutorials/working-with-3d-objects-and-transparencies-to-make-a-vector-cola-bottle-design--vector-100
  10. 10 https://design.tutsplus.com/tutorials/working-with-3d-objects-and-transparencies-to-make-a-vector-cola-bottle-design--vector-100
  11. 11 https://design.tutsplus.com/tutorials/create-a-multicolored-splashed-text-effect-in-adobe-illustrator--cms-22306
  12. 12 http://www.dezignmusings.com/2009/06/create-colorful-text-effect-illustrator.html
  13. 13 http://www.gomediazine.com/tutorials/illustrate-malevolent-skull-8-steps/
  14. 14 http://www.gomediazine.com/tutorials/illustrate-malevolent-skull-8-steps/
  15. 15 http://vectips.com/tutorials/create-a-wood-grain-texture/
  16. 16 http://vectips.com/tutorials/create-a-wood-grain-texture/
  17. 17 http://veerle.duoh.com/blog/comments/illustrator_ring_shape_via_overlapping_crescents_effect/
  18. 18 http://veerle.duoh.com/blog/comments/illustrator_ring_shape_via_overlapping_crescents_effect/
  19. 19 http://vector.tutsplus.com/tutorials/icon-design/how-to-illustrate-a-brain-icon-for-osx-and-vista/
  20. 20 http://vector.tutsplus.com/tutorials/icon-design/how-to-illustrate-a-brain-icon-for-osx-and-vista/
  21. 21 http://www.webdesignerdepot.com/2009/06/create-a-realistic-candy-bar-in-illustrator/
  22. 22 http://www.webdesignerdepot.com/2009/06/create-a-realistic-candy-bar-in-illustrator/
  23. 23 https://design.tutsplus.com/tutorials/how-to-create-a-nice-emoticons-icon-set--vector-4866
  24. 24 https://design.tutsplus.com/tutorials/how-to-create-a-nice-emoticons-icon-set--vector-4866
  25. 25 http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-radial-mesh-in-illustrator-and-make-a-vector-cd/
  26. 26 http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-radial-mesh-in-illustrator-and-make-a-vector-cd/
  27. 27 http://veerle.duoh.com/blog/comments/illustrator_full_spectrum_spirograph/
  28. 28 http://veerle.duoh.com/blog/comments/illustrator_full_spectrum_spirograph/
  29. 29 http://alandesigns.com/blog/how-to-make-a-cartoon-style-cereal-box-logo-in-adobe-illustrator-cs3/
  30. 30 http://hotupdate786.blogspot.de/2012/02/how-to-make-cartoon-style-cereal-box.html
  31. 31 http://vector.tutsplus.com/tutorials/icon-design/how-to-create-a-gearbox-settings-icon-using-simple-shapes/
  32. 32 http://vector.tutsplus.com/tutorials/icon-design/how-to-create-a-gearbox-settings-icon-using-simple-shapes/
  33. 33 http://www.flickr.com/photos/cgt123/2632332550/"
  34. 34 http://www.flickr.com/photos/cgt123/2632332550/
  35. 35 http://www.vectordiary.com/illustrator/realistic-orange-tutorial/
  36. 36 http://www.vectordiary.com/illustrator/realistic-orange-tutorial/
  37. 37 http://vector.tutsplus.com/tutorials/illustration/how-to-create-semi-realistic-scissors-in-illustrator/
  38. 38 http://vector.tutsplus.com/tutorials/illustration/how-to-create-semi-realistic-scissors-in-illustrator/
  39. 39 https://design.tutsplus.com/tutorials/how-to-create-a-van-icon-in-photoshop--psd-2766
  40. 40 https://design.tutsplus.com/tutorials/how-to-create-a-van-icon-in-photoshop--psd-2766
  41. 41 http://abduzeedo.com/illustrator-quick-tips-1-complex-symbols-pathfinder
  42. 42 http://abduzeedo.com/illustrator-quick-tips-1-complex-symbols-pathfinder
  43. 43 http://vector.tutsplus.com/tutorials/illustration/how-to-make-a-vector-diamond-ring-in-illustrator/
  44. 44 http://vector.tutsplus.com/tutorials/illustration/how-to-make-a-vector-diamond-ring-in-illustrator/
  45. 45 http://www.layersmagazine.com/create-fun-eye-catching-text-with-adobe-illustrator.html
  46. 46 http://www.layersmagazine.com/create-fun-eye-catching-text-with-adobe-illustrator.html
  47. 47 http://zzanthia.deviantart.com/art/Woman-and-Cats-How-To-Advanced-67624997
  48. 48 http://zzanthia.deviantart.com/art/Woman-and-Cats-How-To-Advanced-67624997
  49. 49 http://vectips.com/tutorials/turn-any-font-into-a-sketch-font/
  50. 50 http://vectips.com/tutorials/turn-any-font-into-a-sketch-font/
  51. 51 http://www.tutorialboard.net/create-realistic-pendriveas-adobe-illustrator/
  52. 52 http://www.tutorialboard.net/create-realistic-pendriveas-adobe-illustrator/
  53. 53 http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-rainy-window-vector-background/
  54. 54 http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-rainy-window-vector-background/
  55. 55 http://bortonia.wordpress.com/tutorials/draw-a-cute-purse-using-simple-shapes/
  56. 56 http://bortonia.wordpress.com/tutorials/draw-a-cute-purse-using-simple-shapes/
  57. 57 https://design.tutsplus.com/tutorials/create-a-detailed-christmas-lights-text-effect-in-adobe-illustrator--vector-19163
  58. 58 https://design.tutsplus.com/tutorials/create-a-detailed-christmas-lights-text-effect-in-adobe-illustrator--vector-19163
  59. 59 http://vector.tutsplus.com/tutorials/illustration/how-to-create-shiny-vector-dice-in-illustrator/
  60. 60 http://vector.tutsplus.com/tutorials/illustration/how-to-create-shiny-vector-dice-in-illustrator/
  61. 61 http://www.blog.spoongraphics.co.uk/tutorials/create-a-cute-vector-monster-from-a-pencil-sketch
  62. 62 http://www.blog.spoongraphics.co.uk/tutorials/create-a-cute-vector-monster-from-a-pencil-sketch
  63. 63 https://design.tutsplus.com/tutorials/create-a-gentle-flat-oriental-pattern-in-adobe-illustator--cms-20952
  64. 64 http://www.tutorialhero.com/click-60521-drawing_a_chinese_fan.php
  65. 65 http://vector.tutsplus.com/tutorials/illustration/how-to-draw-a-realistic-vector-light-bulb-from-scratch/
  66. 66 http://vector.tutsplus.com/tutorials/illustration/how-to-draw-a-realistic-vector-light-bulb-from-scratch/
  67. 67 https://colorburned.com/create-a-character-mascot-with-adobe-illustrator-cs4/
  68. 68 https://colorburned.com/create-a-character-mascot-with-adobe-illustrator-cs4/
  69. 69 http://vector.tutsplus.com/tutorials/illustration/hit-the-mark-with-a-realistic-vector-dartboard/
  70. 70 http://vector.tutsplus.com/tutorials/illustration/hit-the-mark-with-a-realistic-vector-dartboard/
  71. 71 http://ShineyShane.deviantart.com/art/Shane-s-Lineless-Tutorial-133184331
  72. 72 http://ShineyShane.deviantart.com/art/Shane-s-Lineless-Tutorial-133184331
  73. 73 http://www.vectordiary.com/illustrator/how-to-make-an-icy-cocktail-tutorial/
  74. 74 http://www.vectordiary.com/illustrator/how-to-make-an-icy-cocktail-tutorial/
  75. 75 http://blog.spoongraphics.co.uk/tutorials/create-a-cute-furry-vector-monster-in-illustrator
  76. 76 http://blog.spoongraphics.co.uk/tutorials/create-a-cute-furry-vector-monster-in-illustrator
  77. 77 http://www.denisdesigns.com/blog/2009/07/create-an-easy-landscape-scene-in-illustrator/
  78. 78 http://www.denisdesigns.com/blog/2009/07/create-an-easy-landscape-scene-in-illustrator/
  79. 79 http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-killer-chainsaw-bunny-character/
  80. 80 http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-killer-chainsaw-bunny-character/
  81. 81 http://www.layersmagazine.com/blueprint-style-text-in-adobe-illustrator.html
  82. 82 http://www.layersmagazine.com/blueprint-style-text-in-adobe-illustrator.html
  83. 83 http://bortonia.wordpress.com/tutorials/create-a-cute-lipstick-tube/
  84. 84 http://bortonia.wordpress.com/tutorials/create-a-cute-lipstick-tube/

↑ Back to top Tweet itShare on Facebook

Melissa Scroggins is a freelance graphic designer and co-founder of PeachPoPs. She loves designing icons, creating vector illustrations, and playing survival horror video games. Follow her design adventures on Twitter and feel free to send a tweet.

  1. 1

    Webstandard-Team

    September 23, 2009 4:09 am

    Very nice collection, but dont’ miss the “Viking Logo-Tutorial”!

    0
  2. 2

    oh men, this smashing me! :D

    1
  3. 3

    Very useful tuts smashing!

    0
  4. 5

    Nice article, really useful tutorials!

    0
  5. 6

    Some very good tutorials, nice :o) will have to go and play about with some of them…

    0
  6. 7

    Great collection .. thank you! =)

    0
  7. 8

    Great…………. :)

    0
  8. 9

    Good collection …thank you

    0
  9. 10

    Exactly what I needed! Thanks :D

    0
  10. 11

    great stuff

    0
  11. 12

    As always…..Very useful tutorial specially for designers who wants to improve their illustrator skills!

    0
  12. 13

    Very helpful, back to Illustrator School ;)

    0
  13. 14

    Caitlin Reynolds

    September 23, 2009 10:10 am

    Awesome article.. I’m going to give the bell pepper and the skull a try when I get some free time.

    Smashing Mag is still kicking ass!

    0
  14. 15

    I can’t wait to try these tutorials at home. You guys rock!

    0
  15. 16

    grate work….

    0
  16. 17

    I think SM post this already…

    0
  17. 18

    Very Useful!!!

    0
  18. 19

    This is just what I am after. Cheers!!!

    0
  19. 20

    Thanks for featuring two of my Illustrator tutorials, very much appreciated! :D

    0
  20. 21

    Smashing,

    You guys are amazing! Thanks for putting this together! All of you are are invaluable and provide an invaluable service to the web design community.

    Cheers!

    0
  21. 22

    Thanks so much. It’s very helpful.

    0
  22. 23

    I’m a huge fan of Andy Gilmore’s work… you guys should mention his name somewhere in this article! he’s a genius in making simple vector shapes in to stunning spirographics. great post though! :)

    0
  23. 24

    …………………..Marvolous tutorials………………………………………

    0
  24. 25

    This is exactly what I needed more, thanks! (Been flipping through other adobe illustrator tutorials on SM recently)

    0
  25. 26

    Great collection! I’m beginning to love Illustrator more and more everyday!

    0
  26. 27

    Great list,very helpful. 10x

    0
  27. 28

    I’ve seen most of these already, but nice to see them all collected. :’3

    0
  28. 29

    Ah, finnaly i can start ilustrator agian:D

    0
  29. 30

    Hey thats a nice set of illustrator tutorials…

    Thanks

    0
  30. 31

    Very good! Congratulations one the post. It’s one of the best.

    Bye

    0
  31. 32

    I’ll try all these..
    Thanks Smash.

    0
  32. 33

    Fireworks is the better Illustrator!

    -1
  33. 34

    THAT’S REALLY COOL

    0
  34. 35

    Shane - Inspiring Your Success

    October 16, 2009 8:07 am

    Oh wow, what a nice collection of tutorials! Best collection I have ever seen.

    0
  35. 36

    Great collection. Can i use some pic in my personal blog?

    0
  36. 37

    Hi guy’s,
    It’s really Good Collection.i like it.Thanks fore sharing useful information.

    dsi r4

    0
  37. 38

    I was looking for group lessons of this type you Reduced me the time to research

    0
  38. 39

    simply gr8 …..

    0
  39. 40

    God damn, these tutorials are amazing. Awesome effects! TIME TO BOOST MY SKILLS UP!

    0
  40. 41

    I need to start doing more illustrator stuff, right now i’m pretty much maxed out on what i can learn in photoshop.

    If you have the time, check out my
    Top 10 Ways to Become a Better Artist

    0
  41. 42

    This is the stuff I needed when I first started learning Illustrator. Brava, Melissa, and many thanks!!!

    0
  42. 43

    muy bueno los tutoriales

    0
  43. 44

    Amazing pictures, it is really a good collection.

    0

↑ Back to top