attitude design | graphic design portfolio

Attitude Design Journal
Online graphic design thoughts and latest news

7 Things You Didn’t Know Adobe Illustrator Could Do

July 23rd, 2007 - Articles, General Design, Tutorials

7 Things You Didn'tKnow Adobe Illustrator Could Do

01. The Blend Tool / Adding Lines Between Lines…

We’ve all seen those fancy cool looking vectors where lots of evenly spaced lines curve around some complicated graphics. It can really help to add movement and interest to a design and its really easy to do. This tool is how you do it.

Draw two lines with the pen tool (Hot key =”P”). Now select the blend tool (Hot key=”W”). If you would like to set some options up (eg. how many lines will appear between the two you have drawn) then press “return”. On nearly all the tools this will bring up an option window where you can play about with settings. When you are ready simply select one of the lines you have drawn with the blend tool and then select the other line.

Blend 1

And… Bing, you should have a blend between the two lines. Enjoy…

Blend 2

02. The Mesh Tool / Adding Shading To A Shape…

Ok this one can get very complicated. Some have been able to create photo realistic images using this technique. However we will just use it on a simple circle. So press “L” for the circle tools and draw yourself a circle, using the shift key to keep it from distorting into an oval shape.

Mesh Tool

Make sure the circle has a fill in it and that it is selected, then press the “U” key for the mesh tool.

Now make a selection anywhere within the circle and select a different colour. The point which you made the selection will evenly gradient into the outer colours.

You can also use the direct selection tool (Hot key “a”) to select the nodes and change their colours and positions as well. Using these techniques you can create very complex meshes which can add depth and shadow to illustrations or shapes.

03. 3D / Entering The Next Dimension…

Did you think that Illustrator was limited to 2D flat vector shapes? Will it isn’t. Adobe have recently (CS1) introduced a piece of the future into Illustrator which I’m sure will become more and more advanced as time goes on. Ladies and Gents… The 3D effect.

So press “M” and draw yourself a box. When it is selected go to Effect > 3D > Extrude and Bevel. You will now be faced with a configuration window. I’d suggest you select the “preview” option so you can see whats going on.

Illustrator 3D Example 1

Have a play with the options and you can easily create simple and effective 3D objects.

Illustrator 3D Example 2

If you wanted to flatten this all you have to do is go to Object > Expand Appearance and boom, you will have yourself a flattened 3D object which you can do what you want with…

Illustrator 3D Example 3

04. Patterns / Making Fills Interesting…

Ok, create your desired pattern using normal illustrator tools and effects and simply drag it into the swatches pallet.

Illustrator Pattern tool example 1

Next time you draw a shape select your pattern as its fill and bobs your uncle, you have a tiled pattern fill. You can also turn your pattern by using the selection tool (Hot key “v”) to select your object and then by pressing return. This will bring up the “move” options pallet where you can set the angle of a pattern.

Illustrator Pattern tool example 2

05. Symbol Sprayer / Splatter some vector…

Fed up with recreating tiny details with copy and paste? The symbol tool makes little details like this easy as pie.

Make a graphic and select it. Drag it into the symbols pallet.

Illustrator Symbol Example 1

Now select the symbol sprayer tool (hot key shift s). You will see that it sprayers your symbol onto the artboard. If you wish to add a little interest you can click and hold the symbol sprayer icon on the tool pallet and then select the symbol sizer tool and other symbol related tools.

Illustrator Symbol Example 2

Tip: Symbols can be made using transparency as well.

06. Blur / Smooth Out The Vector…

What was that? illustrator is too straight edged for you? Well have you seen the “blur” effect?

Illustrator Blur Example 1

Make a shape, select it and then simply go to Effect > Blur > Gaussian Blur. You will have a few options relating to the harshness of the blur. Select OK and your vector shape will be blurred. It will retain its blur and vector edit ability, so if you wish to change its shape it will continue to have that effect applied to it. Very handy for adding quick drop shadows or atmosphere.

Illustrator Blur Example 2

07. Transparency / Bringing Depth To Overlaying Shapes…

This one has saved me many times. Create a vector shape and duplicate it so that some areas are overlapping (you can do this by using the selection tool – hot key v) and whilst a shape is being moved press the alt key, this will duplicate it. If you want to duplicate the shape in exactly the same way again press option D).

Illustrator Transparency Example

Now to add some interest. Go to the transparency palette. There will be a dropdown menu currently selected at “normal”. Click it and select “multiply”. Notice the difference? Try some of the other transparency options.

Seven Things You Didn't Know Illustrator Could Do

If you enjoyed this post, why not have a look at the following:

7 More Things You Didn’t Know Adobe Illustrator Could Do

  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • email
  • Mixx
  • Google Bookmarks
  • LinkedIn
  • Live
  • Reddit
  • StumbleUpon
  • Technorati
  • Twitthis
  • Tumblr
  • Design Float
  • MSN Reporter
  • MySpace
  • Kirtsy

82 Responses to “7 Things You Didn’t Know Adobe Illustrator Could Do”

  1. Dale Cruse Says:

    Killer stuff. Note to self: Play with Illustrator more often.

  2. Pierro Says:

    brillant – thanks for this !!

  3. Stelian Firez Says:

    Great things to know; especially if have been playing with illustrator lately.

  4. Nsan Says:

    great job!
    todo junto es una mezcla de arte vectorizado con Illustrator

  5. michael Says:

    i knew all of that stuff. *yawn*

  6. 7 Things You Didn’t Know Adobe Illustrator Could Do Says:

    [...] You think you know Illustrator? Some advanced tools, tips and techniques to help you add some zip into your designs…  More on this here.. lets roll… [...]

  7. Pete Says:

    Well I guess this article wasn’t for Micahel then. Good stuff.

  8. xpodx Says:

    Tell us something we don’t know oh great and informed Michael.

  9. sameer Says:

    It is always to great to know new stuff about the the softwares that we are using.

    thanks a lot.

  10. sazzy Says:

    5* for this article

  11. Ben Hayman Says:

    This is awesome. I am a complete n00b when it comes to Illustrator, but this has helped a lot! Thanks!

  12. links for 2007-07-24 « squarechick Says:

    [...] Journal » 7 Things You Didn’t Know Adobe Illustrator Could Do (tags: Illustrator design tutorial) [...]

  13. links for 2007-07-24 « toonz Says:

    [...] Journal » 7 Things You Didn’t Know Adobe Illustrator Could Do (tags: illustrator design howto tips Adobe) [...]

  14. Adam Crowe - links for 2007-07-25 Says:

    [...] Journal – 7 Things You Didn’t Know Adobe Illustrator Could Do 01. The Blend Tool / Adding Lines Between Lines… (tags: adobe graphics illustrator howto design tips tutorial) [...]

  15. CursedPerfection Says:

    I didn’t know any of that, but then again I’ve never used Illustrator.

  16. Andrew Faulkner Says:

    Michael, thanks for telling us you already knew that. Good contribution. Now the rest of us can assume you’re better than everyone else.

  17. Lola Says:

    Great post… thanks!!! I always appreciate cool tips, so much software to keep track of!

  18. Dom Christophers Says:

    wow note to self.. must buy illustrator. any spare cash anyone?

  19. nahama Says:

    much appreciated, please keep posting!

  20. Shanti Says:

    Thanks for sharing!

  21. Marti Tewd Says:

    Hey! Thanks for sharing! Soo cool!

  22. Tim Watman Says:

    Hi, great post! Nice to learn the ‘designer’s secrets!

  23. Geo Says:

    This is a cool tutorial. Wondering.. Does anyone know what the difference between the live paint tool and the live paint selection tool is?
    Seems odd to have them take up 2 slots in the main tools palette.

  24. sarah Says:

    awesome post.

  25. aditya_juvekar Says:

    Thanks, for giving tips.
    i am student and i used in my work & its helpful in my assignment. “THANKS”

  26. lotusDNA Says:

    yay! for free information…kudos to you, the line blend was just what I was looking for. Thanks.

  27. Erik Says:

    is it possible to save blurred or translucent elements to pdf? inkscape has the same capabilities, but it doesn’t seem to be able to export those effects to pdf, just svg…

  28. Blog XcitingArt.com » Blog Archive » 7 Cosas que no sabias que Illustrator puede hacer Says:

    [...] Attitudedesign Nos muestra 7 cosas interesantes que se pueden hacer con Adobe Illustrator. Link [...]

  29. The Graphic Design Treasure Chest: 31 Sources for Great Illustrator and Photoshop Tutorials - Completely Saturated Says:

    [...] 7 Things You Didn’t Know Adobe Illustrator Could Do [...]

  30. Binod J. Says:

    Simply Great!!!

  31. aileen Says:

    this is really cool and helpful! thanks a lot!

  32. 30+ Adobe Illustrator Tutorials : Matering Your Tools and Options Says:

    [...] 7 Things You Didn’t Know Adobe Illustrator Could Do [...]

  33. Huge Collection of Adobe Illustrator Resources | DesignM.ag Says:

    [...] 7 Things You Didn’t Know Illustrator Could Do – Attitude Design Journal [...]

  34. Colección de recursos para Adobe Illustrator | frogx.three Says:

    [...] 7 cosas que no sabias pero deberías saber de Illustrator [...]

  35. 30+ Adobe Illustrator Tutorials : Mastering Your Tools and Options | POLPDESIGN Says:

    [...] 7 Things You Didn???t Know Adobe Illustrator Could Do [...]

  36. Uma coleção enorme de recursos para o Adobe Illustrator « Resistor Conspiracy Says:

    [...] 7 Things You Didn’t Know Illustrator Could Do – Attitude Design Journal [...]

  37. Mad Says:

    Boring, knew all seven :-(

  38. AyuRangga Says:

    So Michael, what have you shared with the rest of us? Dying to learn here. Esp from you. Heard you are great. Hope to get some links from you. :)

  39. Nisa Says:

    Nice info, Thanks! :-)

  40. sean cutter Says:

    New to Illustrator, very helpful! thanks!

  41. brandon Says:

    love this thing, helps a lot with little things you always forget, thanks :)

  42. luisa Says:

    cool! but put some more! =)

  43. Nick G Says:

    This was a really cool tutorial, thanks, great work.

  44. Juvelim Says:

    En principio quiero agradecer la forma altruista nos dan para el mejor manejo de Illustrator.
    Tengo una dificultad relacionado al punto 07. Transparencia / Profundidad Para Llevar La superposición de formas …
    No encuentro esas teclas “de selección â € “tecla v” y queria saber si hay otra manera de hacerlo?

    Muchisimas gracias por toda esta información.
    Gracias! muchisimas Gracias!
    juvelim

  45. round up: illustraor tutorials « t’s place Says:

    [...] reading for many more all about the appearance palette from illustrator to flash 7 things you did not know illustrator could do creating halftone effects craft a vector collegiate notebook design advanced isometric [...]

  46. mark Says:

    these techniques are simple. they are easier then a fat girl 5 min before the club closes!!

  47. x Says:

    I agree what Michael says… I all ready new this stuff!… But good post

  48. 7 More Things You Didn’t Know Adobe Illustrator Could Do | Attitude Graphic Design | Nottingham Graphic Design Portfolio Says:

    [...] the success of the article we wrote back in 2007 entitled “7 Things You Didn’t Know Adobe Illustrator Could Do” we have now written the sequel – [...]

  49. Xtence Says:

    This is great!

  50. UTogger Says:

    An excellent post! I learned some cool things here. Thanks.

  51. Vectips Monthly Roundup: February | Vectips Says:

    [...] sequel to “7 Things You Didn’t Know Adobe Illustrator Could Do”with some great [...]

  52. SOS Media Web Design Says:

    Great ideas. Just opened CS4 and looking to step back from work and have some fun for a change. Thanks!

  53. mel Says:

    Lol @ Michael..
    “i knew all of that stuff. *yawn*”

    Though he needs to remember that not everybody knows everything!

  54. The Creative Community - The Mac Lab Says:

    [...] with Illustrator | Very Cool Pathfinder Tutorial | Complex Circular Designs | Transform Again | 7 Things | 10 Seamless Destroyed Vectors | 10 Illustrator Resolutions | 64 Arrows | Blend Tool Backgrounds | [...]

  55. Www.dev.My Says:

    Adobe illustrator is the best adobe product.

  56. 110+ Awesome Resources for Popular Adobe Products | Spoonfed Design Says:

    [...] 7 Things You Didn’t Know Illustrator Could Do [...]

  57. ProjectCenter Says:

    A few of these I, in fact, did not know.

  58. sriganesh Says:

    great and good tips, always go forward

  59. Felflames Says:

    Thanks a lot for all these tips!

    Also, I’d like to recommend these little tutorials to anyone who wants to use Illustrator:

    http://www.logobee.com/logo-design-tutorial/tutorial.htm

    It teaches you a few neat effects in Illustrator.

  60. chris Says:

    ummm can anyone send this to me email is rapstar7707@yahoo.com

  61. Attitude Design Says:

    Hi Chris – we don’t send out articles – what you see on our website is what you get!

  62. szairman Says:

    very good design illustrator

  63. Lol Says:

    I knew all of these techniques.. Maybe it’s great for newbies. Zzzzz

  64. tom somjet boonwit Says:

    very useful indeed!
    thank you very much

  65. Gurminder Bhogal Says:

    THANKS THAT WAS REALYL HELPFUL CHEERS

  66. akfaa13 Says:

    good stuff for beginners.. brilliant!

  67. 65+ Illustrator Tutorials, Tips and Resources | Hi, I'm Grace Smith Says:

    [...] 7 Things You Didn’t Know Adobe Illustrator Could Do [...]

  68. Christian Nichols Says:

    AWESOME! Knew a few, but the other stuff is great! Good to know!

  69. Jennifer Farley Says:

    Very good tips. Love the blend between two lines.

  70. ericaaa. Says:

    good oneee. thanks bunches, im trying to learn all i can (:

  71. dfgfgd Says:

    totally cool stuff you guys

  72. claire Says:

    This is so cool!! I haven’t used any of these techniques yet.

  73. i-day Says:

    nice post..
    so many thing that i don’t know yet in Illustrator.. Thanks so much!

  74. The FONCEPT Blog – ????? Says:

    [...] Blend Tool, Patterns, Roughen????????????? ???????? 7 things you didnt know Adobe Illustrator could do 7 More Things You Didn’t Know Adobe Illustrator Could [...]

  75. KGailey Says:

    Thank you for sharing this. You are what is wonderful about the internet.

  76. Marigold Says:

    Great stuff, love these mini tuts….can we have some more please.

    Micheal if you are such a clever dick what are you doing looking at this stuff anyway – yawn!

  77. candy Says:

    I guess u can teach an old dog new trick…this goes to show u that u can always learn something new about illustrator.

  78. ahmad Says:

    its very good

  79. Joanne Says:

    Great stuff. I’ve been using Illustrator for a long time and didn’t know some of this…thanks

  80. Pete Says:

    Pretty scary how 90% of “designers” on the street have little or no clue about how Illustrator and InDesign work. this fact reflects on the poor quality of work we get and how difficult it is to hire staff with experience other than “Photoshop.” If you use Illustrator, why not start by reading the manual, just like the author of this article did. Geez.

  81. Julia Says:

    Awesome!! I love these!!

  82. Julia Says:

    I love these very much which helps me a lot to move.

Looking to leave a comment? »

Why Not Leave A Comment?



* required

Your Message:

Attitude Design - Get In Touch Contact Us