Design with Flair from Start to Finish in Illustrator CS4

Faking the Dot Pattern Vector Pack If You Don’t Have Illustrator CS4

The Dot Pattern Vector Pack is only available in Illustrator CS4. If you’re working with CS3, here’s a workaround to create your own dot pattern. (this will replace Steps 5 and 6 in the Design With Flair tutorial.)

1 CREATE NEW DOCUMENT IN PHOTOSHOP
Create a new document (File>New) in Photoshop that’s 8×8 inches at 100ppi.

2 SET DEFAULT COLORS; RENDER CLOUDS
Press D to set your Foreground color to black and your Background color to white. Then, go to Render under the Filter menu and select Clouds.

3 DRAW GRADIENTS ON ALL FOUR SIDES
Press the letter G to switch to the Gradient tool. Press X to switch your Foreground color to white. Open the Gradient Picker in the Options Bar and select the Foreground to Transparent gradient. Drag with the Gradient tool from the outer edge of the document toward the center on all for sides so the edges fade out to white.

Illustrator Tutorial

4 RUN COLOR HALFTONE FILTER
Go under the Filter menu again but this time go to Pixelate and choose Color Halftone.
Use the settings shown in the image here.

Illustrator Tutorial

5 SAVE AND PLACE IN ILLUSTRATOR
Save this document. Place (File>Place) the image in Illustrator and click the Live Trace button in the Control panel. Click the Expand button to convert the Live Trace object into a standard object. Use the Direct Selection tool (A) to select a white area, then go to Select>Same>Fill Color. Press Delete (PC: Backspace) to delete all the white areas.

Illustrator Tutorial

6 CHANGE COLOR; SEND TO BACK
Now, select the dot pattern, open the Swatches panel (Window>Swatches), and click on a light-gray box to apply that color to the graphic. Using the Selection tool (V), place this graphic over the traced graphic and scale it as needed. Then go under the Object menu and choose Arrange>Send to Back. (Note: If you can’t see the dots behind your object frame, make sure your Fill is set to None in the Control panel.)

Continue with Step 7 of the “Design With Flair” tutorial.

Share & Enjoy

Pages: 1 2


 

  1. G Snyder (Reply) on Thursday June 4, 2009

    I think you might mean “flair” here…

  2. Chris Main (Reply) on Thursday June 4, 2009

    Hi G,

    You’re right, we did mean “flair.” We’ve already made the change.

    Thanks!
    Chris Main
    Managing Editor
    Layers Magazine

  3. bebopdesigner (Reply) on Thursday June 4, 2009

    Nicely done. Thanks for posting!

  4. Mazerolle (Reply) on Thursday June 4, 2009

    I was not able to locate the same photo at Fotolia; I took another one but the result is not convincing. The same apply for many tutotials.

  5. [...] Click here to see the rest of the tutorial [...]

  6. Gary (Reply) on Thursday June 4, 2009

    Very very good.

  7. matt (Reply) on Thursday June 4, 2009

    Nice work, thanks a lot :)

  8. Josh (Reply) on Thursday June 4, 2009

    great tutorial. thanks, this helped me tap into the abstract side of illustrator!

  9. susan (Reply) on Thursday June 4, 2009

    thanks for sharing!

  10. jean (Reply) on Thursday June 4, 2009

    very simple and nice!! Thanks

  11. Chavar (Reply) on Thursday June 4, 2009

    That was really great, although my brother and i were both looking at it, and he is not so into the excessive grunge look.

  12. [...] Corey Barker shows how to get some slick results using Illustrator’s Live Trace, symbols, and brushes. [...]

  13. [...] to get a jump on this should check this out (via John Nack who also point to a few other links the Illustrator crowd might [...]

  14. Faisal (Reply) on Thursday June 4, 2009

    How can i get these vector packs?

  15. Munaf Patel (Reply) on Thursday June 4, 2009

    Thx Cool work! it will work for me as well!

  16. Rachel (Reply) on Thursday June 4, 2009

    Awesome tutorial! I am using CS3, and the vector packs are not available in my symbol library – where can I find something similar?

  17. macs55 (Reply) on Thursday June 4, 2009

    The tutorial is verry good (read awesome [for those sho couldn't get it, sorry but you need to be creative and play with different numbers, don't get stick by the book]).

    Dear Layers Magazine (all of you the good guys), thanks for all your effort, and good work.

  18. designer uae (Reply) on Thursday June 4, 2009

    Nice work

  19. Jennifer Chang (Reply) on Thursday June 4, 2009

    it’s very clear and step by step details, that what i need. thanks and wish having more illustrator demos more often.

  20. dansoadesigns (Reply) on Thursday June 4, 2009

    cool

  21. JustJenna (Reply) on Thursday June 4, 2009

    I’m kind of with the folks who can’t access the vector packs; if you’re going to demonstrate something that only works in a particular version of the software (i.e. CS4), you should say so up front. Other than that, I was WAY cool with it.

  22. [...] Design with Flair from Start to Finish in Illustrator CS4 – by Corey Barker of Layers [...]

  23. Raven Sloe (Reply) on Thursday June 4, 2009

    So thats how you do it.

  24. Chris Main (Reply) on Thursday June 4, 2009

    Hey Everyone,

    We’ve added a mini-tutorial showing how to fake the Dot Pattern Vector Pack 01 symbol if you don’t have Illustrator CS4.

    http://www.layersmagazine.com/design-with-flare-from-start-to-finish-in-illustrator-cs4.html/2

    Thanks,
    Chris Main
    Managing Editor
    Layers Magazine

  25. Chrishonda (Reply) on Thursday June 4, 2009

    Thanks, this really helped. I don’t know how to save my vector so I can upload it to Myspace though.

  26. [...] Design with Flair from Start to Finish in Illustrator CS4 [...]

  27. [...] Design with Flair from Start to Finish in Illustrator CS4 Creating a Cut-out style Illustration from a Photo Template Draw a Balloon in Illustrator Tutorial Drawing Birds in Illustrator Tutorial Vector Build Methods 1 Drawing a character’s face in Illustrator Flash Game Illustration Illustrator Vector Line Art of Cruise Ship Gears and Splined Shafts in Adobe Illustrator Image Inlay Text Illustrator Tutorial Stylized Portrait Illustration Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator Drawing a Vase in Illustrator Tutorial Comic Book Style Graphic Design Creating a crazy cool logo   [...]

  28. Benn (Reply) on Thursday June 4, 2009

    Thank you, that was very helpful. Not only a great tutorial from a learning the basics point of view, but actually a pretty sweet effect too.

  29. Jason G (Reply) on Thursday June 4, 2009

    This is a great tutorial to take anyone from elementary illustrator work, to intermediate. Very easy to do and very helpful. Thank You!!!

  30. john (Reply) on Thursday June 4, 2009

    Thanks a lot for the tutorial
    lean a lot from this

    cheers

  31. [...] (Note: If you don’t have Illustrator CS4, click here.) [...]



Planet Photoshop Photoshop World Kelby Training Lightroom Killer Tips NAPP Scott Kelby