3

June 10, 2007

All, Design, Tutorials

? X

• Bookmarks

More »

1-How to create a text gradient in fireworks

Today, I will explain you how to create a Text gradient in Fireworks.

This method is fairly simple. In another tutorial, I will show you how to do the same by using a different technic (How to create a Text Gradient In Fireworks (2º Part)).

Here is the end result:

Let’s get started

• First, select New in Files and enter 400px in width and 300px in height.
• Select text tool or press T and enter the text of your choice:
  
• In the Properties panel at the bottom, click on the color picker and select the Fill Option:
  
• Select Gradient:
  
• You should get something similar as below. Notice the horizontal line:
  
• Select the small square at the end of the line and turn it until you get a vertical line as shown in the example below:
  
• Select the color picker once again. You will see your gradient (see below). You can add more colors (simply click anywhere under your gradient to add a new arrow) and change the color by clicking on your new added arrow:
  

Tip:

• A good way to obtain a gracefully displayed gradient is to click on one of the color and to select the Sys Color Picker:
  
• Move now the cursor up or down to change the tone to a lighter or darker color:
  
• Now we will add a slight shadow. Add a new Filter in the Properties Panel and select Shadow and Glow and then Drop Shadow. Change the Distance to 0 and the Softness to 1:
  
• Open the Stroke Panel and select White to add a white border to your text:
  

Here’s the final result:



Next time we will see how to get a similar result but with the pen tool. I hope you enjoyed this tutorial. If you have any question, do not hesitate to contact me. I will be glad to answer your questions.

The Author


Article written by Jeeremie:
Hi, My Name is Jeremie Tisseau. I am a French User Interface Designer & Front-End Developer based in Bangkok, Thailand, since January 2009. I design beautiful and functional designs for Web Based Applications and mobile devices.

Want to become a guest author on this blog?