Forum Moderators: not2easy

Message Too Old, No Replies

Fading Line

         

Fortune Hunter

7:56 pm on Mar 30, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I am trying to draw a line using Macromedia Fireworks MX 2004 and I would like the line to "fade" away near the end. To see the exact effect I am trying to achieve please look at the following site...

<snip>

On the home page you will see three lines (two horizontal and one vertical) that appear to fade away as they near the end of the line, almost into a point.

Can anyone tell me how to achieve this same effect using Fireworks MX 2004.

Fortune Hunter

[edited by: engine at 7:25 pm (utc) on April 8, 2005]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]

limbo

9:43 pm on Mar 30, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You could try creating a canvas width say 200px by 1px then draw a box and use a linear or radial fill to achive the fade. You cannot fade a lines 'per-se', but boxes can be filled in a myriad of different patterns, gradients and textures.

Fortune Hunter

12:56 am on Apr 8, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Limbo:

I tried your suggestion and it worked perfectly, thank you. The only thing I had to add was that I had to erase the end of the line because it faded into white and when I pasted it on my color background you could still see it. So I did it separately and erased the white part then cut and pasted it for the exact effect I needed.

Fortune Hunter

psychobilly

2:02 am on Apr 8, 2005 (gmt 0)

10+ Year Member



You can actual apply a transparency percentage to any color in your gradient fill... Easier than erasing.

Fortune Hunter

10:33 pm on Apr 10, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



psychobilly:

I wondered about this, but when I pulled up the gradient fill window and click on the colors it didn't give me an option to use no fill at the white end. Maybe I am not looking in the right place. I am using Fireworks MX 2004, if you know where this is at in that program please let me know. Thanks.

Fortune Hunter

limbo

11:31 am on Apr 11, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



When you pick a colour on either end of the gradient fill scale, you should see two sliders with your colours on the bottom of the scale and two sliders on top. The bottom sliders control you colours, the top control the opacity of the blend. Alter your opacity on the top two to achieve the transparent blend over you background colour.

OR...

Could you choose you background colour as one of the blend colours?

Fortune Hunter

3:02 pm on Apr 11, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Limbo:

I found it exactly as you described and I was able to make it look exactly as I wanted. Thanks.

Fortune Hunter

limbo

3:41 pm on Apr 11, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



De Nada