spacer

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

Logo

HOME | EXPERTS | GRAPHICS| column 28

Vector Gradient Fills: Freehand Blends

The two objects in the top row are blended in the lower view.

I warned earlier in this tutorial that we would only be taking a very short look at blends in this article. It warrants an entire tutorial, but I did want to include the idea here, since often the perfect effect may not be possible with a gradient fill, but can be accomplished with a blend.

Quite simply, a blend creates a gradient fill look, but with many controls available to you. A gradient runs from one color to another. A blend combines two objects together in incremental steps. In the sample at the left, the lower sample is a blend of the two objects above.

   

For one click blending, open the Xtra Operations toolbar.

Options to create a blend
If you are going to be working with blends, it is worth opening the Xtra Operations toolbar as shown here. The blend option, shown highlighted by red, gives you one click access to blends. Choose Window>Toolbars>Xtra Operations to open the toolbar. You can also create a blend through the menu by choosing Modify>Combine>Blend or Xtras>Create>Blend. The toolbar or menu methods all accomplish exactly the same results. Only one is required to create a blend.

 

The samples here show the objects before and after blending.

Number of blend steps reduced to 5.

Draw two objects. Fill with desired color and, in most cases, remove the stroke, especially if you are looking to create a custom gradient fill look.

Select both objects with the Pointer tool. Click on the Blend tool from Xtra Operations toolbar or choose one of the menu commands described above. The two objects will blend.

The Object Inspector is used to change the number of steps in the blend, or where the first and last blend shapes are placed. Highlight the value you wish to change and enter the new number. The more steps you specify, the smoother the blend will be. The first blended sample at the left has 50 steps, while the second sample has had the steps reduced to 5.

NOTE: When you have entered the values, you will have to use your ENTER key to activate changes.


The first and last range % setting determines where the first and last blend steps will be placed. These values are adjusted automatically as you change the number of steps, providing a smooth transition, but can be changed for special effects. The final blend sample at the right has the first and last range % changed to 30% and 100% respectively.
   
Finally, for this brief look at blends, you may wish to edit either the start or end object. With the Pointer tool selected, and the ALT or OPTION key pressed down, click on the object you wish to change. Only that object will be selected and you can change the color, size, position, etc. The blend will redraw with your new settings. In the sample shown here, I changed the color of the circle and the blend was changed to reflect the new information.
   
  This has only been a brief glimpse at the power of blends in Freehand. You can control the blends in many more ways, choosing where each object will blend in relation to the next object, blending along a path, editing the blend path ... if you can imagine a blend, there is a way to do it. However, that is for another time. In the meantime, experiment with this powerful tool, get comfortable with it, and you will find yourself returning to use blends over and over.
   

 

Return to start

Vector Gradient Fills Tutorial Index

Vector Gradient Fills Start
Illustrator Gradient Fills
Illustrator Gradient Fill Text and Blends
Freehand Gradient Fills
Freehand Blends

Front page2345

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: June 25, 2000
Revised: June 25, 2000