Illustrator Tutorial – Create a Colourful Abstract Wavy Ribbon

How create ribbon effect in Illustrator. As seen at Blog.SpoonGraphics.

Create a Colourful Stripey Ribbon in Illustrator

First of all, select your palette of colours. Maybe like me you have just bought a new belt with a cool combination of stripes that you can pinch the colours from, otherwise head over to ColourLovers and pick out a trendy selection.




Create blocks of your chosen colours in Illustrator to eye drop the colours from later.


Draw a long thin rectangle on the artboard and fill with your first colour swatch.



Duplicate the rectangle and butt the copy to the bottom of the original. One quick method here is to Move (Enter Key) the shape vertically using the same number as the height of the shape. Then Copy (CTRL/CMD + C), Paste in Front (CTRL/CMD + F) then Transform Again (CMTL/CMD + D) to repeat the movement. Replicate this last step over and over with each new shape until you have a block of perfectly aligned stripes.


With all your stripes selected go to Object > Envelope Distort > Make With Mesh.


Enter 4 in the Rows and Columns boxes, you may want to experiment with higher numbers to allow more complex shapes.


Use the Direct Selection Tool to select a vertical line of points from the Mesh, use the Scale Tool whilst holding Shift to enlarge the end points proportionally.


Use the Rotate Tool to add an angle to the line of points.


Repeat the step on the next set of points, this time scaling down slightly.


Onto the third line, use the Direct Selection Tool to move the points around as well as Scaling and Rotating them. Aim to generate flowing curves without any tight kinks.


Fine tune each line of points in turn with all three tools to finalise your abstract stripes.

Create a Colourful Stripey Ribbon in Illustrator

Now you have another vector element ready to Combine with Pixel and Produce Striking Artwork!


Go ahead and experiment with more Rows and Columns in the Envelope Mesh options, here you can see the process using 6 sets of mesh points.

View Original Article
Tshirt printing, screen printing, embroidery

Tags: , , , , , , ,


Leave a comment

No comments yet.

Comments RSS TrackBack Identifier URI

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s