spacer

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

Logo

HOME | EXPERTS | GRAPHICS| column 27

Color Power with Gradient Fills: Fireworks Gradients

Ellipse style with preset Copper color.

Same preset color as above, but set as a linear gradient.

Same settings, with texture added.

If you have not used the gradient fill feature in Fireworks, you are in for a treat. The fill works with all objects, text included, which leaves you with full editing options at any time. This is one of the nicest features in Fireworks.

Select the object you wish to fill with the pointer tool. Open the Fill window, and specify the gradient you wish to use.

Gradient fills are are set up in two stages in Fireworks, which provides a great deal of flexibility. In the Fill window, shown at the left, the first selection is set to Ellipse, which determines the shape of the gradient fill. The selection list immediately below provides preset colors. I have included a second sample to show the same preset color using a linear gradient instead of a radial gradient. The sample below shows text filled with a linear gradient and preset Copper color .

You can also add texture to your object at the same time. Choose a texture from the Texture list, and use the slider to set your texture level.

This does not sound like much instruction, but for the preset gradient fills, there is no more to say. The Fireworks vector base means all objects behave in the same way, which makes it very easy to learn how to apply effects.

 

 

 

Custom colors
You can take the power of the preset gradient fills and multiply it many times over by setting your own colors. You must start with a preset color, but since there are many, from simple black to white, to complicated wave patterns, you should have no trouble choosing a base for your custom gradient.

To edit a gradient, choose Edit Gradient from the fly-out menu at the top right of the Edit menu. The Edit Gradient window opens and you will see a color bar with color markers representing where colors change. Click on any color marker and the color palette pops up. Choose your color.

To add another color, click your mouse where you would like a new marker to appear. The marker is assigned the color in the gradient at that spot. Click on the new marker to choose a different color.

To move a color marker, click and drag. To remove a marker, click and drag it off the window.

The lowest sample at the left shows a color and position edit from the sample immediately above. The tan color was changed to dark aqua and moved to the right. The resulting gradient as applied to the text sample we have been using is shown below.

Have some fun with this versatile gradient effect. Carry on to the next page for saving your custom creations and applying transparency to objects with a graduated fill.

 

 

 

Next page

Color Power with Gradient Fills Tutorial Index

Color Power with Gradient Fills Start
Photoshop Gradient Fills
Photoshop Gradient Transparency
PaintShop Pro Gradient Fills
PaintShop Pro Gradient Transparency
Fireworks Gradient Fills
Fireworks Save Fills and Transparency

Front page234567

Developer News
Metasploit 3.2 Offers More 'Evil Deeds'
'Thank You Apple. Seriously.'
The Buzz: BlackBerry App Store Seen Next



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
Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks
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 >
Popular JavaScript Framework Libraries: An Overview · Controllers: Programming Application Logic - Part 2 · How to Use JavaScript to Validate Form Data
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Choosing the Right Online Backup Provider · Mother Avaya Nurtures Her Technology Partners · Software as a Service a Winning Model for Hotspot Provider


URL: http://www.webreference.com/graphics/
Created: May 27, 2000
Revised: May 27, 2000