# Gradient transparancy

**URL:** <https://forum.kirupa.com/t/gradient-transparancy/1040>\
**Category:** Uncategorized\
**Created:** [August 6, 2002, 11:43pm UTC](https://forum.kirupa.com/t/gradient-transparancy/1040 "2002-08-06T23:43:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![denivri](https://avatars.discourse-cdn.com/v4/letter/d/e95f7d/32.png) [@denivri](https://forum.kirupa.com/u/denivri)\
**Post date:** [August 6, 2002, 11:43pm UTC](https://forum.kirupa.com/t/gradient-transparancy/1040/1 "2002-08-06T23:43:31Z")

</div>

hi  
well i have another problem that im sure someone can help me with…

i have a flash movie… on top of that movie i want to have a white gradient that is transparent… so that the far side will be white, while the closer side will show the original movie  
does any one know how to do this?  
am i making sense?

thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 7, 2002, 4:53am UTC](https://forum.kirupa.com/t/gradient-transparancy/1040/2 "2002-08-07T04:53:15Z")

</div>

Easy enough.

Create a new layer above all the others.

Open the “fill” and “mixer” panels.

here is a pic of the two panels open from my rayoflight tutorial

![](http://www.centerspin.com/tutorial/level2/rayOfLightRevisited/rolrM1g.jpg)

Select the rectangle creation tool.

Deselect the stroke.

In the fill panel, from the pull down, select “linier gradient”.

You’ll see the panel apear like the one in my picture above, with two handles discribing the gradient.

Select the tab on the side of the gradient that you wish to be solid, and in the swatch, choose the color white.

Select the other tab and again, in the swatch, choose white.

With this tab still selected, select the “fill” swatch in the “mixer” panel. Take the “alpha” slider in the mixer panel and move it to 0%.

Now discribe your rectangle on the stage.

For more info on how these two panels work together to produce alpha gradients check out my tutorial, “rayoflight revisited” at [www.centerspin.com](http://www.centerspin.com).

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 7, 2002, 6:07am UTC](https://forum.kirupa.com/t/gradient-transparancy/1040/3 "2002-08-07T06:07:10Z")

</div>

wow that was easy… why didnt i think of that…  
thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 7, 2002, 6:53am UTC](https://forum.kirupa.com/t/gradient-transparancy/1040/4 "2002-08-07T06:53:10Z")

</div>

It’s tricky. I lost track of it numerous times when I first started with Flash 5.0. I know a lot of people who’ve gone through their whole first year with Flash and never noticed that you could do that.

One thing you’ll learn quickly is to use the options tab to save the gradients that you make. As soon as you click on almost anything else in your movie, you’re likely to lose all the work you put into it.

keep in mind: alpha gradients with things moving behind them, are one of the biggest hogs of processor resources. If you find your animation running slow… it might be the problem.

Good luck to you, and happy flashing.