logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Illustrator CS6 New Gradients for Strokes


One of the reasons I have preferred raster graphics to vector in the past is the uniformity of the vector graphics. But I have to admit that Illustrator has come a long way. With IllustratorR CS6, we can create variable width strokes to create complex shapes and then apply gradients to the strokes. These new features give us many new options for creating "raster looking" vector digital art.

First let's take a look at the new feature for applying gradients to strokes. We will begin by drawing a spiral path with the Spiral tool.

  1. With the path selected, open the Gradient panel and click on the Stroke icon.

  2. To apply a gradient to the Stroke, choose a preset from the Gradient menu. As in previous versions of Illustrator, you can adjust the Angle or edit the color stops in the gradient.

Now we can experiment with the new Stroke Menu and the three options. As you can see, each option creates a different gradient with the path. The Across Stroke option is the one I like because it looks very much like the raster gradient Layer Style that I use in Photoshop.

Within Stroke
Along Stroke - along the length of the stroke
Across Stroke - across the width of the strock

We can create some very interesting objects in Illustrator by creating complex shapes with the Width tool and then applying gradients.

  1. Starting with a thin red colored path, we can widen the path with the Width tool. Click on the end of the path and drag with the Width tool to widen the path. As you drag, you can see the dynamic changes to the path. When you release your mouse, the path turns red.

  2. The fun starts when we begin to bend the path. To do this we need to create two new Width-Control points very close together. The first point will act as a starting point for the bend in the path. When we drag the second point, the path widens beyond the starting point causing a bend in the path.

  3. We can get different looks by applying the three options from the Stroke Menu in the Gradient panel.

*Adobe provided a copy of this software to me for review purposes.



Join us in the Flash forum. | Join us in the Digital Art and Design forum.

|


Add Illustrator+CS6+New+Gradients+for+Strokes to Twitter Add Illustrator+CS6+New+Gradients+for+Strokes to Facebook Add Illustrator+CS6+New+Gradients+for+Strokes to MySpace Add Illustrator+CS6+New+Gradients+for+Strokes to Del.icio.us Digg Illustrator+CS6+New+Gradients+for+Strokes Add Illustrator+CS6+New+Gradients+for+Strokes to Yahoo My Web Add Illustrator+CS6+New+Gradients+for+Strokes to Google Bookmarks Add Illustrator+CS6+New+Gradients+for+Strokes to Stumbleupon Add Illustrator+CS6+New+Gradients+for+Strokes to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Illustrator Spiral Tool

Witches Labels - Background Paper

Digital Crafts Business 2014

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor