How to produce this effect?

1

i just surf to 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!!

2

Why don’t you contact him and ask him?

3

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.

4

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:

5

hm… in this he designed, it says that he used swish 2.0 to do the effect on billz.ca …

cheers
:A+:

6

Thanks Ahmed, make me look like crap!!

:stuck_out_tongue: :stuck_out_tongue: :stuck_out_tongue: :stuck_out_tongue:

7

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+:

8

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…

9

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

10

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

Thanx!!

11

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

12

*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.

13

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

14

Precisely toh!