Over years Adobe Illustrator has become the standard application when it comes to illustration design. Artists, illustrators and graphic designers use Illustrator to create vector-based graphics which — contrary to raster-based editors such as Adobe Photoshop — can be easily rescaled without the loss of quality. E.g., Illustrator is often used to quickly transform hand-drawn sketches on a sheet of paper into lively and colorful digital images.
However, to master Adobe Illustrator isn’t easy; and the creating process of professional illustrations requires both time and patience. Therefore tutorials can turn out to be real life- and time-savers as they show exactly what needs to be done in order to create professional illustrations and how masters of illustration actually manage to do their magic. One year ago we’ve presented a hand-picked collection of Illustrator tutorials1. Now it’s time for a fresh portion of healthy and creative Illustrator material.
In this post we present a collection of excellent Adobe Illustrator tutorials for beginners and advanced designers. The new selection isn’t enormous, but big enough to provide you with some good starting points.
Please notice that
- we’ve selected only those tutorials which haven’t been featured last year or were released after the article was published.
- you might also be interested in Adobe Photoshop Tutorials – Best Of2 we’ve presented few weeks ago.
Illustrator Tutorials Link
Creating a Crazy Cool Logo3
In this post I will show you how we created the logo. I will skip the drawing parts, yes there were tons of drawings before going to the computer, because when they stole my computer and backups in 2006 they took all my photos of the drawings.
Spice up Pie Charts5
For some charts you might only want to spice up the most important slice or the biggest one. Although most topics aren’t as fun as mutations, any sort of added graphics make boring charts look a lot better.
Test Your Creativity13
“Using a provided set of basic shapes I have to compile them to create my illustration. The theme is up to me but there are some ground rules such as you cannot edit the shapes or distort them, you however can subtract from them using any of the shapes in the provided set.”
It’s easy to create authentic collegiate T-shirt designs using Illustrator, Photoshop and a good old-fashioned iron. In this tutorial, illustrator Derek Lea reveals how combining both applications can create stunning results.
Pixels and Vectors Tutorial21
The gap between working with pixels and vectors in Photoshop and Illustrator is closing rapidly, thanks to Smart Objects. Derek Lea explains all while creating a highly textured yet vector-sharp masterpiece.
Creating Road Maps in Adobe Illustrator25
Sooner or later every designer comes across the exciting job of producing a map, whether it’s on a leaflet or website the overall aim is to visually document a particular area of land to allow for people to find their way to a place of business or event.
From Sketch To Vector Illustration31
A technique of vector illustrating that takes a little bit more skill is starting with hand-drawn sketches. This tutorial captures the whole design process — from scratch.
Intricate Patterns In Illustrator Tutorial35
This tutorial will show you how to create intricate patterns in Illustrator super quickly. Stuff that would take you hours to draw manually with the Pen Tool takes just seconds when you use this technique. Video-version is also available.
Poster Illustration: Go Forth and Create48
Suffice it to say this tutorial is my personal switcher story from FreeHand to Illustrator and contains the good, the bad and the ugly details of both apps. Tutorial Includes Notes in both ‘English’ and ‘Español’.
Create a Vector RSS Icon with Illustrator50
Probably one of the most popular and recognisable icons in the web universe; the RSS icon is displayed on many website to indicate the availability of a subscription feed. There are pre-made icons you can download and place on your website, however this tutorial cover the process of creating your own custom vector RSS icon in Illustrator.
Illustrator: Golden Selection58
Have you ever wondered why a profound piece of art is so compositionally pleasing? The artist probably employed the use of the Divine Proportion, which is a phenomenon that suggests that there’s a mathematical equation that’s consistent with the aesthetics of good composition.
Complex Circular Design Techniques60
Creating intricate circular designs and patterns may look difficult because the shapes can be very complicated, but you will be surprised at just how easy making these shapes can be. I will go over some neat tricks, tools, techniques, and settings that will have you pumping out perfect circular designs in no time using Illustrator.
Drawing a Character’s Face in Illustrator64
Creating a cartoon or human-like caricature is a fun and rewarding project to do in Illustrator. Not only that, but if you’re pretty good with the pen tool, it doesn’t take very long. In this tutorial I will be creating an elf. Be sure to look at refrences of other cartoons or caricatures to make sure your shapes are correct.
Ornate Lettering Process66
I’m going to show you the process as to how I do my ornate lettering. This is a new design I did for Stone Sour that utilized this technique. Now right off the bat, this is not a step by step tutorial. It’s more of a look behind the scenes into how I work.
You can achieve surprisingly cool results using the Transform Again feature in Illustrator starting from a simple shape. As you all know simplicity is my motto. Today I try turn this into practice again. So sit tight for another step-by-step tutorial using this simple but oh so powerful feature.
Create A Blob Monster in Illustrator – The Scream70
Over that last couple of days i’ve been playing around in Illustrator a lot make some basic shapes and images. One of my best creations is the Blob Monster called the scream. It is really simple to do and doesn’t take long to complete. This technique can be used for nearly any type of simple shape / monster.
Drawing Homer Simpson72
Illustrator is a great program. It offers so much versatility in creating vector images. Hence why it is the top vector program out there. As a beginner to this program I want to share with you a tutorial that is simple to follow that you can use to draw Homer Simpson of The Simpsons.
Creating Seamless Patterns73
One of the frequest questions I get from readers is how you create seamless patterns in Illustrator. Today I’ll explain how I create such patterns and how you can scale and rotate them using different settings in the Scale tool options.
Pins are popular these days, so I thought why not write a tutorial on how to create these in Adobe Illustrator. If you’ve ever wondered how to simulate this realistic looking pin or button effect, here’s your chance to learn.
Illustrator Tutorial: Creating Vector Snowflakes
Just in time for the holidays… a tutorial for creating those fun, festive holiday snowflakes. These vector flakes are a must-have for turning your holiday designs into a winter wonderland. So sit back, grab a cup of eggnog, and feast your eyes on how amazingly simple it is to create a vector snowflake.
The Complete Digital Comic, Part 2: Inking in Illustrator79
This is part two in my series of tutorials about how to make comic book art on the computer.
Creating Reflecting Web Icons in Illustrator83
One of the looks of "Web 2.0" is the aqua icons that Matt Kloskowski shows us how to make in the first issue of Adobe Illustrator Techniques print issue. Another look is the reflecting icon. The clean, crisp look of these attractive images makes clicking through a website’s navigation fun. Here’s how to make one of those neat icons.
Sources and Resources Link
- 65 Adobe Illustrator Tutorials89
- ComputerArts.co.uk Tutorials90
A growing collection of high-quality tutorials for Illustrator.
- Adobe Illustrator CS3 Tutorials91
Over 7.5 hours of free video-tutorials for Adobe Illustrator
- The Tutorials Pool92 on Flickr
- Tutorial By Picture Pool93 on Flickr
- 1 https://www.smashingmagazine.com/2007/02/03/adobe-illustrator-tutorials/
- 2 https://www.smashingmagazine.com/category/tutorials/
- 3 http://abduzeedo.com/creating-crazy-cool-logo
- 4 http://abduzeedo.com/creating-crazy-cool-logo
- 5 http://pinkzap.com/tutorial/spice-up-charts/
- 6 http://pinkzap.com/tutorial/spice-up-charts/
- 7 http://spiritwolf77.deviantart.com/art/Digital-Art-Tutorial-25660523
- 8 http://spiritwolf77.deviantart.com/art/Digital-Art-Tutorial-25660523
- 9 http://www.illustrationclass.com/?p=103
- 10 http://www.illustrationclass.com/?p=103
- 11 http://lerms.deviantart.com/art/How-I-Do-Stuff-Cheap-Tutorial-52398212
- 12 http://lerms.deviantart.com/art/How-I-Do-Stuff-Cheap-Tutorial-52398212
- 13 http://www.illustrationclass.com/?p=80
- 14 http://www.illustrationclass.com/?p=80
- 15 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/diy_vintage_t-shirts
- 16 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/diy_vintage_t-shirts
- 17 http://www.gomediazine.com/tutorials/gigposter-design-the-new-sex/
- 18 http://www.gomediazine.com/tutorials/gigposter-design-the-new-sex/
- 19 http://www.blog.spoongraphics.co.uk/uncategorized/create-a-vector-pirate-cartoon-character-from-a-hand-drawn-sketch
- 20 http://www.blog.spoongraphics.co.uk/uncategorized/create-a-vector-pirate-cartoon-character-from-a-hand-drawn-sketch
- 21 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/pixels_and_vectors
- 22 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/pixels_and_vectors
- 23 http://www.gomediazine.com/tutorials/comic_book_style/
- 24 http://www.gomediazine.com/tutorials/comic_book_style/
- 25 http://www.blog.spoongraphics.co.uk/tutorials/creating-road-maps-in-adobe-illustrator
- 26 http://www.blog.spoongraphics.co.uk/tutorials/creating-road-maps-in-adobe-illustrator
- 27 http://www.khulsey.com/demo_howto_car.html
- 28 http://www.khulsey.com/demo_howto_car.html
- 29 http://www.illustrationclass.com/?p=104
- 30 http://www.illustrationclass.com/?p=104
- 31 http://www.gomediazine.com/tutorials/from-sketch-to-vector-illustration/
- 32 http://www.gomediazine.com/tutorials/from-sketch-to-vector-illustration/
- 33 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/retro_car_vectors
- 34 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/retro_car_vectors
- 35 http://www.gomediazine.com/tutorials/intricate-patterns-in-illustrator/
- 36 http://www.gomediazine.com/tutorials/intricate-patterns-in-illustrator/
- 37 http://freetransform.net/?p=45
- 38 http://freetransform.net/?p=45
- 39 http://freetransform.net/?p=70
- 40 http://freetransform.net/?p=70
- 41 http://www.layersmagazine.com/illustrator-ipod.html
- 42 http://www.layersmagazine.com/illustrator-ipod.html
- 43 http://www.khulsey.com/demo_howto_car.html
- 44 http://www.khulsey.com/student.html
- 45 http://www.khulsey.com/demo_howto_car.html
- 46 http://www.bittbox.com/illustrator/illustrator-tutorial-how-to-make-3d-vector-vintage-stars/
- 47 http://www.bittbox.com/illustrator/illustrator-tutorial-how-to-make-3d-vector-vintage-stars/
- 48 http://www.illustrationclass.com/?p=106
- 49 http://www.illustrationclass.com/?p=106
- 50 http://www.blog.spoongraphics.co.uk/tutorials/create-a-vector-rss-icon-with-illustrator
- 51 http://www.blog.spoongraphics.co.uk/tutorials/create-a-vector-rss-icon-with-illustrator
- 52 http://adroit-designs.deviantart.com/art/Vehicle-Vector-Tutorial-24762812
- 53 http://adroit-designs.deviantart.com/art/Vehicle-Vector-Tutorial-24762812
- 54 http://www.illustrationclass.com/?p=86
- 55 http://www.illustrationclass.com/?p=86
- 56 http://chewedkandi.deviantart.com/art/VectorTutorial-for-Illustrator-28952359
- 57 http://chewedkandi.deviantart.com/art/VectorTutorial-for-Illustrator-28952359
- 58 http://www.layersmagazine.com/illustrator-design-goldensection.html
- 59 http://www.layersmagazine.com/illustrator-design-goldensection.html
- 60 http://www.bittbox.com/illustrator/complex-circular-design-techniques/
- 61 http://www.bittbox.com/illustrator/complex-circular-design-techniques/
- 62 http://www.webdesignerwall.com/tutorials/illustrating-the-flower-pattern/
- 63 http://www.webdesignerwall.com/tutorials/illustrating-the-flower-pattern/
- 64 http://pinkzap.com/tutorial/drawing-a-characters-face-in-illustrator/
- 65 http://pinkzap.com/tutorial/drawing-a-characters-face-in-illustrator/
- 66 http://www.gomediazine.com/tutorials/ornate-lettering-process/
- 67 http://www.gomediazine.com/tutorials/ornate-lettering-process/
- 68 http://veerle.duoh.com/blog/comments/transform_again_in_illustrator/
- 69 http://veerle.duoh.com/blog/comments/transform_again_in_illustrator/
- 70 http://great-design.blogspot.com/2007/11/create-blob-monster-in-illustrator.html
- 71 http://great-design.blogspot.com/2007/11/create-blob-monster-in-illustrator.html
- 72 http://great-design.blogspot.com/2007/09/drawing-homer-simpson-in-illustrator.html
- 73 http://veerle.duoh.com/blog/comments/creating_seamless_patterns_in_illustrator/
- 74 http://veerle.duoh.com/blog/comments/creating_seamless_patterns_in_illustrator/
- 75 http://veerle.duoh.com/blog/comments/creating_pins_in_illustrator/
- 76 http://veerle.duoh.com/blog/comments/creating_pins_in_illustrator/
- 77 http://hatchingeggstory.blogspot.com/2007/05/complicate-orb-icon.html
- 78 http://hatchingeggstory.blogspot.com/2007/05/complicate-orb-icon.html
- 79 http://danidraws.com/2007/08/10/the-complete-digital-comic-part-2-inking-in-illustrator/
- 80 http://danidraws.com/2007/08/10/the-complete-digital-comic-part-2-inking-in-illustrator/
- 81 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/instant_op_art
- 82 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/instant_op_art
- 83 http://www.layersmagazine.com/illustrator-reflecting-web-icons.html
- 84 http://www.layersmagazine.com/illustrator-reflecting-web-icons.html
- 85 http://www.voidix.com/illustrator_draw_baloon.html
- 86 http://www.voidix.com/illustrator_draw_baloon.html
- 87 http://www.flickr.com/photos/cgt123/447603148/
- 88 http://www.flickr.com/photos/cgt123/447603148/
- 89 http://www.emmaalvarez.com/2007/11/65-adobe-illustrator-tutorials.html
- 90 http://www.computerarts.co.uk/tutorials
- 91 http://www.vtc.com/products/Adobe-Illustrator-CS3-Tutorials.htm
- 92 http://www.flickr.com/groups/tutorials/pool/
- 93 http://www.flickr.com/groups/tutorialbypicture/pool/
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 Barcelona, on October 25–26, with smart design patterns and front-end techniques.