Adobe Illustrator Quick Tip: Radial Gradients

More Related Stories

Adobe ADO ILLUSTRATOR CS2 WIN Academic (ACD) Illustrator CS2 for Windows
From: $96 to $174

Adobe Illustrator CS2 for Windows Rediscover what you love about illustration with A...
From: $402 to $625

Adobe Creative Suite Premium 2 for Mac Adobe Creative Suite 2 Premium software is a unifi...
From: $369 to $386

Quick Tip: Page (1) of 1 - 06/29/06

email article

print page

Adobe Illustrator Quick Tip: Radial Gradients Conforming gradients to the edges of an oval By Dave Nagel In Illustrator CS2, standard radial gradient fills won't automatically follow the edges of an object. They'll generally be circular and clipped by the bounding box of the object, rather than conformed to the object itself. However, with oval-shaped objects, there's a little trick to get the gradient to follow the edges of the object, rather than appearing completely circular and clipped by the bounding box.

Conforming the gradient tot he oval
To illustrate the problem, here's an example of an oval created with the Ellipse tool. It's had a radial gradient applied to it, and the result is clipping along the top and bottom.

So now let's walk through the process of creating this oval with a radial gradient that actually conforms to the edges, like this.

1. Begin by creating a perfect circle. This is the key to the whole thing. You create a perfect circle by clicking on the Ellipse tool, then holding down the Shift key while dragging on the canvas.

2. Now apply a gradient to the fill of the object. You can do this by clicking on a gradient swatch in the Swatches palette or by creating your own manually in the Gradient palette. Make sure the Type is set to "Radial" in the Gradient palette.

Here's the gradient I'm using, applied to my circle.

3. Now all you have to do is transform the circle into an oval. To do that, switch to the Selection tool (the black arrow) and click and drag on a handle on your circle's bounding box. Stretch or contract your circle until it's the shape you want.

Voila!

Realigning the center of the gradient
One more thing you can do to this to add a little style to your gradients is adjust the center point. This is a really simple process, and I add it in here just for your edification in case you were unaware of it. To realign the center point, click on the Gradient tool in the Tool palette. Then click with that tool somewhere around your object. Wherever you click (within the object's bounding box) becomes the center point of the gradient for whichever object you currently have selected.

If you have any further questions, be sure to visit me in the Adobe Illustrator forum at DMN forums by clicking here.

If you liked this article click here to recommend it. Page: 1

Contact the author: David Nagel is the editor and producer of Creative Mac and Digital Media Designer; host of several World Wide User Groups, including Synthetik Studio Artist, Adobe Photoshop, Apple DVD Studio Pro, Mac OS, Adobe Illustrator, Adobe InDesign, Corel Painter, Creative Mac and Digital Media Designer; and executive producer of the Digital Media Net family of publications. You can reach him at [email protected].

Related Sites: Creative Mac , Digital Producer , Audio Video Producer , Corporate Media News , Digital Media Designer , Oceania , MacDesignPro , Illustrator
Related Newsletter: DMN Newsletter , Pixels Newsletter , Mac Alert Newsletter , Digital Media Net , DMNForums , Tutorial Finder

To Comment on This Article, Click HERE

Most Recent Reader Comments:

Adobe Illustrator Quick Tip: Radial Gradients by DMN Editorial at Jun. 29, 2006 7:48 pm gmt

Click Here To Read All Posts
Must be Registered to Respond (Free Registration!!!, CLICK HERE)

Digital favorites