161 - Blend Patterns in Illustrator ~

example

Learn These Tools & Concepts:

checkPucker and Bloat

checkStroke and Fill

checkBlend Modes

  •   This tutorial provides elegant patterns that look beautiful.

  •   It is part of the Free Trade Project and/or the CD Cover Design Project.


Other People's Work:

Here are examples of work inspired by this tutorial.
exampleexampleblur pattern exampleexampleblend patternexampleeample

Step #1: Open your Project in Illustrator ~

checkMake a New Layer in Illustrator

new layer


Step #2: Stroke and Fill ~

checkSet the Fill Color to fill color none

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

checkLeave the stroke color or change it to match your color scheme.

stroke black fill none


Step #3: Ellipse Tool ~

check Select the Ellipse Tool which is behind the Rectangle Tool

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

check Draw a circle.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

check Holding shift while you drag keeps the circle perfectly round …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Step #4: Add Anchor Points ~

check mark Go to: Object > Path > Add Anchor Points

add anchor points

check mark Repeat the Add Anchor Points step until you have the desired number of points, about three times.


Step #5: Pucker & Bloat ~

check Next, with the shape still selected, go to: Effect > Distort & Transform > Pucker & Bloat.

check A dialogue box will appear.

check Hit the Preview check box and raise the slider to approximately 10 or until you get the shape like this …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Step #6: Copy the Shape ~

check Click the shape and copy it …

check … then hit Cmd+F, which pastes the shape ON TOP of the other …

checkHold Alt/Option+Shift and squeeze the shape down to the center …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

checkalt option key keeps the shape centered when you squeeze it

checkshift keykeeps it proportional - squeezing it on all sides at once …

 

Step #7: Select Both Shapes ~

check mark Select both stars by dragging a box around them with the the Selection Tool selection tool

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: Blend Options ~

check mark Go to: Object > Blend > Blend Options ...

blend options

check mark Select Specified Steps and set the number of specified steps to approximately 25 or whatever you want …

blend options


Step #9: Blend ~

check mark Then go to: Options > Blend > Make or hit Alt/Option+Cmd/Ctrl+B

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Step #10: Colors ~

check Now get the Direct Selection Tool direct selection tool

check Click on the inner line …

select inner line

check Change the color of the stroke.

blend pattern example

 

checkDo the outer ring too! Try different stuff! Make something interesting!


Step #11: Colors ~

check Go to: Effect > Stylize > Drop Shadow and try the other effects also …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #12: Transparency and Opacity ~

check mark Locate the Transparency button …

transparency

check mark Experiment with lowering the transparency to your liking …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Last Step: Save Your Project & Attach ~

check mark Go to: File > Save as … and save your .ai file …

check mark Attach it and keep working …


Other Resources: http://www.vectorguru.com/tutorials/009_certificate_and_diploma_pattern.html