Creating A Fading Line Effect Using Adobe Fireworks CS4

fancy

One of the most overlooked tools in Adobe Fireworks is the Eraser Tool. It is a neat tool especially if you want to manipulate bitmaps. Vector paths with fills have options to use fill colors that are gradients , or semi transparent colors.

But what if we just want to use a stroke without a fill ? and make some parts transparent. We can do this by using the Eraser Tool.I will show you this Adobe Fireworks tutorial on how to use the Eraser Tool Effectively.

1.) Start a new fireworks document , with any size , choose a dark color for the canvas color.

2.) Using the pen tool , draw a single line with some curves ( or a straight line would do ). Make sure the stroke category is soft rounded, with a 1px stroke size. Stroke color should be white but you can use another color if you like.

stroke 1

3.) Click on the stroke path > Modify > Flatten Selection. This is done to convert the stroke into a bitmap.

4.) Select the bitmap image and use Eraser Tool. The most important part you have to consider is the Eraser Opacity amount ( since you will frequently change the amount ) and control of the mouse , you must have steady hands lol .

tool settings

By default , the eraser opacity is at 100 percent. The key here is to start around 25 percent eraser opacity , up to 100 percent in the bottom part of the line.

5.) Use the Eraser tool from A to B with an eraser opacity amount of 25 , just follow the line till it reaches the end of B. ( Don’t repeat using the eraser tool in the same area , just give it one smooth flow )

a1

a2

6.) Change the eraser opacity amount to 50 percent eraser opacity, use the eraser tool again starting from C to B.

c1

c2

7.) Change the eraser opacity amount to 65 percent eraser opacity, start from D to B.

d1

d2

8.) And finally , set the opacity amount to 100 percent and start from E to B.

e1

final product

Create more lines using the methods above and just add a fancy radial background and it will look awesome =)

fancy

5 replies
  1. Jayme says:

    This is an excellent technique! So much simpler than other ways I’ve tried (lasso tool with feathering; a box with a thick, feathered border…). Those usually work for images, but I couldn’t think of a more efficient way to do lines.

Trackbacks & Pingbacks

  1. [...] Creating A Fading Line Effect Using Adobe Fireworks CS4 One of the most overlooked tools in Adobe Fireworks is the Eraser Tool. It is a neat tool especially if you want to manipulate bitmaps. Vector paths with fills have options to use fill colors that are gradients , or semi transparent colors. [...]

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply