Designer Today - Graphic Design Magazine
Designer Today is the premiere graphic design magazine and tutorial resource for designers

Illustrator Tutorials


 


Gradient Ribbon - Illustrator CS2 Tutorial
Jacquelin Vanderwood

 

February, 2007

This lesson covers the art of making a gradient ribbon in Illustrator Tutorial Includes project files.

We start with a long rectangle. 

Let's go ahead and apply Flag Warp Option to the rectangle. 

Create a new rectangle the size of the end of the first rectangle. 

Now apply Flag to it as shown below. 

With the Direct Selection tool, select the to right end points and readjust. 

Create a third rectangle. 

Apply these settings to that rectangle. 

Press Control+Y to view Outline mode and readjust the position of the rectangle to meet the side of the second one. 

In Preview mode, make height adjustments. 

I've sent the second one to the back and then the third one to the back and noticed the height of the third one has to be adjusted. 

Create a new rectangle for the other end and follow the Warp Options below. 

You can choose Expand Appearance and then make adjustments the height of the rectangle. 

Create another rectangle and apply these options. Use Expand Appearance. 

With the Direct Selection tool choose the two end points and drag out as shown below. 

Use the Add Anchor Point tool and add an anchor point to the middle of each end piece then use the Direct Selection tool to drag inward. 

Your piece should look like the one below. 

For the longest ribbon, create a gradient that appears like the one below and drop it onto the Swatches palette. 

Apply this new gradient to the second part of the right side of the ribbon. 

Readjust the gradient and apply to the left second part of the ribbon. 

Readjust the first gradient and then apply it to the left third part of the ribbon. 

And for the right third part of the ribbon, apply this gradient. 

I grouped the ribbon pieces then used the Reflect tool to make a opposite copy of the ribbon then I moved it into place and create a nice little design. 

 

 

NEW FEATURE: Download the original source files from this tutorial in Zip format Here




Copyright (c) 2007, Jacquelin Vanderwood, All Rights Reserved

 



Be the first to bookmark or share this

 

 

 



Illustrator Tutorials for Illustrator 9, 10, CS, CS2 & CS3

In this section you will find excellent Adobe Illustrator tutorials and training, as well as Illustrator tips, tricks, techniques and effects. We have tutorials covering Illustrator 8, Illustrator 9, Illustrator 10, Illustrator CS, Illustrator CS2 and Illustrator CS3 tutorials. Visit the Designer Today resource directory for more Adobe Illustrator tutorial resources. You can also find many more Adobe Illustrator tutorials on Tutorials Today.











Fun Meme

Designer Community Forum

Monthly Newsletter


Search and register domains at 123 Domain Names UK, Domain Name Registration UK
and the
UK Domain Name Registration Centre

Designer Today - The Graphic Design Magazine for 2D and 3D graphic designers Hundreds of graphic design
and graphic design software tutorials, product reviews and design articles for the graphic designer


Graphic Design Articles | Graphic Design Newsletter | Graphic Design Training  
Photoshop Tutorials | Illustrator Tutorials | After Effects Tutorials


Also be sure to visit
Fun Meme Jokes and Humor | Favorite {fvrit} Blog |
Poser World | The Poser Gazette
Favorite Media |
Stock 3D wiki | Statesboro Magazine | Five Million Dots | Small Business Consumer
GMP Savings Store

Privacy Policy | Website Copyright and Terms & Agreement | Contact | Information | Site Map | Advertise | Submissions

DesignerToday.com runs on a Content Management System by GMP Services
Copyright © 1998-2008, GMP Services, Inc. -
Media Publishers of Statesboro Georgia, All Rights Reserved