spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

HOME | EXPERTS | GRAPHICS| column 29

Vector Gradient Fills 2: CorelDraw Fountain Fills

The Fill tool presents the flyout containing the Fountain Fill tool.

Four different types of fountain fills offered in CorelDraw.

Gradient fills in CorelDraw are labeled as fountain fills, and I will use that terminology for this section, even though the article title refers to gradient fill.

Fountain fills in CorelDraw are completely controlled through the Fill tool. Click on the Fill tool, and the Fill flyout will open. The Fountain Fill tool is the second in the flyout, shown highlighted by red at the left. Clicking on the Fountain Fill tool opens the Fountain Fill dialog box, which contains all the tools you require to create your fill.

Choose fill type
CorelDraw offers four types of fountain fills: Linear, Radial, Conical and Square. See the sample at the left to see the effect of each fill. I have deliberately created some banding to show the pattern of the fills.

Hint: With CorelDraw fountain fills, you cannot see what is happening with your object.(Anyone listening? We need a preview function.) You will find that you are back and forth between the Fountain Fill window and the document countless times. It is worthwhile to click and drag the Fill Flyout to separate it from the Toolbox, or to commit F11 to memory as the shortcut to open the Fountain Fill window.

Select the object you wish to fill, and open the Fountain Fill window. Choose the fill type you require from the drop down menu as shown at the left. If you choose Radial, Conical or Square, you will be presented with the option to change the Center Point, but that is easier to do with your mouse later.

   

Choose your color
The next logical step is to choose your color. You have two different options for color, one for a simple two color blend, and a custom setting for more complicated fills. The two color setting, shown at the left, is very simple. You choose your color by clicking on the color buttons, which leads to the same color options available anywhere in the program. The top color button selects the left or outside color, depending on the fill type. To choose the right or center fill, click on the lower color button. As the choices are made, your fill is previewed in the top right corner of the window, as shown at the left.

The midpoint slider adjusts where the colors blend. Moving the slider to the left shifts the color blend position to the left, or closer to the outside, depending on the fill style.

For a two color blend, you also have the choice of how your colors are blended. The first setting creates your blend directly from your first to your second color. The counterclockwise selection chooses the blend in an arc from your first to second color. The third choice creates the blend in a clockwise direction, and introduces many new colors to your blend. Experiment a little with this area to get used to what you can expect. The color produced by each choice changes dramatically depending on the start and end colors. I could probably find the mathematical explanation for all of this in my design texts, but quite frankly, we usually don't care. Click a few times and you will know which color direction you desire. I'll pass the baton on this one to the design theory teachers.

   

Custom color screen. Note that the color selector at the far right is black, indicating that that is the current color.

Two colors have been added to the original fill in this view. Note how the color selector above the peach color is black, indicating that it is the current color.

For a fill with more than two colors, activate the Custom color option. A color palette and option to access the full range of CorelDraw colors is presented, and a color slider bar to preview your blend. This window provides only color information. Refer to the main preview in the upper right hand corner to preview your blend.

On activating the Custom fill, the existing, or default two color fill will be displayed. Along the upper edge of the color bar, note the white square at the left and the black square at the right. These are your control points, and the black one at the right is selected. Look just above, and you will see the yellow showing as the current color. Click on the left selector, and the current color changes to red.

To add a color, double click along the slider bar along the top of the color bar, where you would like to add a color. A triangular marker appears, filled with black, since it is selected, and the current color will change to whatever color is at the location of the new marker. To choose your color, simply select a new color from the palette or Other button to the right. Click and drag on any selection point to move the position of the color.

In the second custom color shot shown at the left, note how two color selectors have been added. The peach color is active, as shown by the black triangle and the current color showing.

You can add as many colors as you wish in this way. If you find the transition from one color to another is too slow or fast, add color points to precisely control the color blending. The start and end colors can be moved as well, if you wish the color to start or end before the edge of the object.

 

 

Clicking and dragging in the preview window moves the center point or adjusts the angle, depending on the type of fill.

You can set the angle numerically for linear fills, and must use this option for the other fill types.

Set fill angle, center point and edge pad
Fill angle can be set numerically in the Options area of the Fountain Fill window, but my preference has always been to use the mouse. If you click and drag in the preview window, you can set the angle for linear fills and the center point for radial, conical and square fills. Click with the SHIFT key and you can set the angle for conical and square fills (angles don't mean much to a circle). In the sample at the left, I have created a composite of three click and drag positions for the center point of a radial fill.

The Edge Pad option provides control for where the blend will start. If you are blending into a background, this setting, usually set to 5% or 10% will ensure that the fade occurs before the non-background color reaches the edge of the object. You can also accomplish this with a custom color by moving the first color to the right providing a buffer area filled with the start color.

Should you wish to reduce the number of steps for a deliberately banded look, click on the lock beside the grayed Steps option. The numerical field will activate, and you can type in the number of steps you wish the fill to used when blending from one color to the next. The sample shown here is the same radial fill shown in the previous sample, but reduced to 5 steps.
   

 

Why are fountain fills so popular? The samples shown here are the same basic object. The second triangle has had a fountain fill, slight node adjustment of the bottom curve and a drop shadow added. Very little work to bring a simple shape to life. Get good at these fills ... your career needs them.

Finally, to save a fountain fill for future use, or to access several preset fills, you will use the Presets area at the bottom of the Fountain Fill window. To use a preset value, simply click on your choice from the list. You can also edit the presets, so while it is unusual to find just the right fill, you may be able to come close and save some time.

If you wish to save your own fill, or a variation of one of the preset values, first prepare your fill until you are satisfied. Make sure that the Preset value window is empty and type in a name for your fill. Click on the + button to save. The fill is saved in the CorelDraw defaults and will remain until you remove it.

You can also save a fill that you created earlier, as long as you still have the document containing the fill in CDR format. Select the object with the fill you wish to save and open the Fountain Fill window. The fill will be featured. Follow the steps above to save.

To remove a fill from the list, highlight it and select the - button.

That's all there is to a CorelDraw gradient fill. But if you would like more control of the color blending, keep going to the next step – blends.

   
 

Next page

Vector Gradient Fills 2 Tutorial Index

Vector Gradient Fills 2 Start
CorelDraw Fountain Fills
CorelDraw Fountain Fill Text and Outlines
CorelDraw Blends
Flash Gradient Fills

Front page2345

Developer News
Microsoft Shows Some Ankle With Visual Studio
Gentoo Linux Cancels Distribution
It's Official: Windows 7 at PDC, WinHEC



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Avaya Article: Call Control XML - Powerful, Standards-Based Call Control
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Controllers: Programming Application Logic - Part 2 · How to Use JavaScript to Validate Form Data · Controllers: Programming Application Logic
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Sprint Launches Mobile WiMAX Network · Albatron Downsizes with the KI780G Mini-ITX Motherboard · Can't Find a Wi-Fi Network? Make Your Own.


URL: http://www.webreference.com/graphics/
Created: July 5, 2000
Revised: July 5, 2000