Posted by : Unknown Monday, September 16, 2013

 abstract-wavy-ribbon-anim.gif
One of the subscribers here at Blog.SpoonGraphics recently emailed me asking if I could create a tutorial on how I produced the wavy ribbon shape as seen in one of my personal works; Retro Kicks. I was happy to oblige so here we have a simple walkthrough on how to create a colourful abstract ribbon shape in Illustrator, which can then be used as an element in your designs.

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.
1.jpg
color-lovers.gif
2.gif
Create blocks of your chosen colours in Illustrator to eye drop the colours from later.
3.gif
Draw a long thin rectangle on the artboard and fill with your first colour swatch.
4.gif
5.gif
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.
6.gif
With all your stripes selected go to Object > Envelope Distort > Make With Mesh.
7.gif
Enter 4 in the Rows and Columns boxes, you may want to experiment with higher numbers to allow more complex shapes.
9.gif
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.
10.gif
Use the Rotate Tool to add an angle to the line of points.
11.gif
Repeat the step on the next set of points, this time scaling down slightly.
12.gif
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.
13.gif
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!
abstract-wavy-ribbon-anim.gif

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Popular Post

Blogger templates

Labels

Pages

Sample Text

Powered by Blogger.

Social Icons

Followers

Featured Posts

- Copyright © Design2day -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -