Rad Pattern in Illustrator that Makes you DizzyListThumbs

Rad Pattern in Illustrator that Makes you Dizzy

October 12, 2009

Yesterday I was checking a book I have about skateboard decks design called New Skateboard Graphics. It's a super cool book and we have even given a copy away here on Abduzeedo. So while I was flipping through the pages I found this beautiful design that was a crazy pattern. It was a deck from Element, and I decided to try to do that in Illustrator.

So in this tutorial I will show you how to create a rad pattern in Illustrator that will definitely make you dizzy. We will use basic tools such as Rectangle Tool, Ellipse Tool and the Blend Tool.

Step 1

Open Illustrator and with the Ellipse Tool (L) create a circle. Use black for the Stroke.

Rad Pattern in Illustrator

Step 2

With the Direct Selection Tool (A) select and delete 3 segments of the circle, leave just the bottom right one.

Rad Pattern in Illustrator

Step 3

Duplicate the segment and the rotate it. Use the image below for reference. With the Direct Selection Tool (A) select the 2 vertices and then click on Connect Selected End Points. Choose Corner for the the Join Points option.

Rad Pattern in Illustrator

Step 4

Duplicate the object and bring it down a little bit. With the Direct Selection Tool (A) connect the points to create an object. Use the image below for reference.

Rad Pattern in Illustrator

Step 5

Again with the Direct Selection Tool (A) move the points in the middle of the object. The idea is to make the area of the object a bit thicker.

Rad Pattern in Illustrator

Step 6

Fill the object with black and remove the stroke. After that duplicate and flip the object horizontally. Position them like in the image below.

Rad Pattern in Illustrator

Step 7

Duplicate a few times and group them. Then duplicate the group and move it down at the bottom of the page. With the Blend Tool (B) select the first group and then click on the group at the bottom. Double click on the Blend Tool (B) icon to open the Blend Options. Change the Spacing to Specified Steps to 55. You will have the texture done.

Rad Pattern in Illustrator

Step 8

Create a new document, use 1920x1200 pixels. With the Rectangle Tool (M) create a rectangle and fill it with #394A5F.

Rad Pattern in Illustrator

Step 9

Copy the Blend objects from the other document and paste in this one. Duplicate it untill you feel the whole screen with the texture. Also fill them with white.

Rad Pattern in Illustrator

Step 10

Select the Blend objects and go to Objects>Expand. Then with the Direct Selection Tool (A) select some elements and delete them. Use the image below for reference

Rad Pattern in Illustrator

Step 11

Select all objects except the blue background and to to Effect>Stylize>Drop Shadow... Use Color Burn for the Mode, 40% Opacity, 0 for X Offset, 1px for the Y Offset, 2px for the Blur and Black for the Color.

Rad Pattern in Illustrator

Step 12

Place an old paper texture in your document. The one used is courtesy of Shutterstock and you can download it here. After that change the Transparency to Multiply.

Rad Pattern in Illustrator

Conclusion

Using basic tools in Illustrator and an old paper texture we can create very nice patterns with that vintage feel, in this case we have even created a crazy optical illusion. This tutorial as I said was inspired by skateboard deck design from the Element team and It's great to practice with Illustrator.

Rad Pattern in Illustrator
Click on the image for Full Preview

Download the AI file

Click here to download the Illustrator file used for this tutorial

About the author

User picture

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links:

Help us to share this!

29 Comments

ViKoL10/12/2009

wow is nice...:X

Qaos10/12/2009

nice one !

Hybrid5910/12/2009

Génial !
________________

http://hybrid-creation.deviantart.com/

linhnguyen10/12/2009

these things are moving !

Doc10/12/2009

Funky !!! Gonna try something like it.

Hakan Nural10/12/2009

nice pattern great tut. Thanks
___________________

http://www.vectorss.com/

Jasmin Halkic10/12/2009

Nice man :)

late_ante10/12/2009

great work!

late_ante10/12/2009

great work!
____________
http://lateant.deviantart.com/

ARTELEVISUAL10/12/2009

lovely

blu3tim310/12/2009

great one!

Marcel Muller10/12/2009

Thanks Fabio! The final result is great. Perhaps we can also do a copacabana style tiling based on that.

Survulus10/12/2009

One of my favourite Abduzeedo tuts already, amaaing work man :)

mrks10/12/2009

Love it!

arsenal.designs10/12/2009

simple and effective, you add the old paper design a lot!

OktayOe.10/12/2009

Looks so good.
Great Job.

Paul Bremer10/12/2009

Great tutorial! This is my final result,

http://grab.by/95q

mr.zer010/12/2009

i love it! i didnt know that illustrator have such great tools. adobe should integree these in PS

Ricardo_Rock10/12/2009

Wow really easy and good turorial

Ty

keep doing

Sam Bell10/13/2009

Hey this is really really cool

Bakabaka10/13/2009

Looks good! Good thing that you add the texture in Illustrator, and don't switch to Photoshop for it. Makes my purist heart happy :)

Home Warranty10/15/2009

Very nice tutorial the dizziness will make a nice wallpaper :p

zattelite10/15/2009

I´ve learned more here than in my school class of illustrator!!!

clippingimages10/15/2009

WoW , Awesome tutorial. Very easy and simple way to learn Rad pattern. Thanks for sharing this nice post.

raesta10/16/2009

am i missing something, i love this tut, but i cant get the blend tool to work, any suggestions

Lelo11/07/2009

Great,
and thanks for the .ai file

monica from hola!design11/09/2009

this is awesome! love this tutorial...i'm a big fan of patterns

chanook11/13/2009

Fantastic tut, learnt a lot in an afternoon of online tutorials, thank you. Although, I can't get the old paper texture to come through, any suggestions on how i can get the last step of the tutorial. Thanks again.

Helena11/20/2009

Very interesting, think I can make a wallpaper outta this, thanks man!

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?