# How to produce this effect?

**URL:** https://forum.kirupa.com/t/how-to-produce-this-effect/10846
**Category:** Uncategorized
**Created:** [January 8, 2003, 7:40am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846 "2003-01-08T07:40:14Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![toh](https://avatars.discourse-cdn.com/v4/letter/t/f6c823/32.png) [@toh](https://forum.kirupa.com/u/toh)
#### Post date: [January 8, 2003, 7:40am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/1 "2003-01-08T07:40:14Z")

</div>

i just surf to [http://www.billz.ca/](http://www.billz.ca/)  
this site is clean and clear, i like it very much.

it got a fading effect when you click on every page.  
all things including text fade out slowly from above to bottom.  
i just wonder how to produce this kind of effect?  
can anyone tell me how to do it??

THANX!!

---

<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: [January 8, 2003, 7:41am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/2 "2003-01-08T07:41:57Z")

</div>

Why don’t you contact him and ask him?

---

<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: [January 8, 2003, 10:02am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/3 "2003-01-08T10:02:08Z")

</div>

actually i want to do that at first.  
but seems asking questions in a forum may have more people’s idea and also can be learnt by other people, so i post it here.

and, can i do that effect to a dynamic text field with scroll bar??

if any one know these, please help.

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: [January 8, 2003, 10:37am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/4 "2003-01-08T10:37:53Z")

</div>

I think this is it.

The text has been placed in a movie clip, then there is a mask going from top to bottom, with an opacity change happening at the same time!!

:cowboy:

---

<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: [January 8, 2003, 10:41am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/5 "2003-01-08T10:41:36Z")

</div>

hm… in [this](http://www.x-streamsolutions.com/) he designed, it says that he used swish 2.0 to do the effect on billz.ca …

cheers  
:A+:

---

<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: [January 8, 2003, 10:49am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/6 "2003-01-08T10:49:49Z")

</div>

Thanks Ahmed, make me look like crap!!

😛😛😛😛

---

<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: [January 8, 2003, 10:55am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/7 "2003-01-08T10:55:31Z")

</div>

lol noo noo… i posted before i saw your post… but yeah, your way is actually better if you dont have/wanna use swish…

sorry:P:P

cheers  
:A+:

---

<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: [January 8, 2003, 11:00am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/8 "2003-01-08T11:00:36Z")

</div>

you just set a mask over the whole text paragraph.  
on the mask, set the gradient from alpha “0” to white.  
(if you’re making the effect go from top to bottom)  
use the fill transform tool to adjust the left -\> right gradient to top -\> bottom. Then just tween that mask off the text…

---

<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: [January 8, 2003, 11:03am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/9 "2003-01-08T11:03:57Z")

</div>

oh… just wanted to add that this effect can be scripted too…

---

<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: [January 8, 2003, 11:38am UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/10 "2003-01-08T11:38:58Z")

</div>

thanks for all replying, i’ll try it.  
i just wonder if someone can script the effect:P

Thanx!!

---

<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: [January 30, 2003, 8:43pm UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/11 "2003-01-30T20:43:19Z")

</div>

a very simple effect in SWiSH, which he uses, just place a square over the text, add the move effect, and edit the transparency

---

<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: [January 30, 2003, 9:13pm UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/12 "2003-01-30T21:13:01Z")

</div>

> \*Originally posted by enyceexgloboi \*  
> \*\*you just set a mask over the whole text paragraph.  
> on the mask, set the gradient from alpha “0” to white.  
> (if you’re making the effect go from top to bottom)  
> use the fill transform tool to adjust the left -\> right gradient to top -\> bottom. Then just tween that mask off the text… \*\*

Nope, masks can’t use gradients.

So it isn’t a mask. it is just a square or rectangle that has the gradient out. This might be UNDER a mask, but it is not the mask.

Just tween the gradient block to reveal the content.

---

<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: [February 1, 2003, 6:49pm UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/13 "2003-02-01T18:49:17Z")

</div>

i think this is the easiest way to do it and what lost mean. right, lost??  
😛

---

<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: [February 1, 2003, 6:54pm UTC](https://forum.kirupa.com/t/how-to-produce-this-effect/10846/14 "2003-02-01T18:54:46Z")

</div>

Precisely toh!
