Sinking effect

Can someone please help me figure out how to create a sinking affect (with shadow) in flash 5.

Check out http://www.i360.net to get a better idea as to what I’m talking about (the effect is located on the top left corner of the site).

P.S.
Is this more of a coding issue or am I just making this simple task “hard”?

Thanks.

I’ve just had a look at the URL and couldn’t see any ‘sinking’ effect… Am I just missing it?

That´s not a script effect, that´s mask and tween stuff.
Very simple, but very pretty stuff. :slight_smile:

=)

Kit:
The effect (movie) starts off with a man walking, its located on the top left corner of the site.

Guig0:
Can you elaborate more on the mask? I’ve tried the mask technique before and failed.

Thanks.

Kit:
The effect (movie) starts off with a man walking, its located on the top left corner of the site.

Guig0:
Can you elaborate more on the mask? I’ve tried the mask technique before and failed.

Thanks.

Check my attachment :slight_smile:

I created a movie clip that contains a tween of text moving downward behind a mask.

On the main timeline I created 2 layers.

1 layer has the regular movie clip.

The other layer has the same movie clip but I flipped it upside down and lowered the _alpha (Click on the clip and hit CTRL+F3 to open up the properties window then there is a drop down box where you can choose alpha and set the value).

[edit]And I just realized this thread is in Flash 5 so you can’t open my MX document… 'DOH! Well hopefully the process I described above helped[/edit]

Ok, trying to get more in depth :slight_smile: (since you can’t view my .fla file).

Step 1: Create your text

Step 2: Convert your text into a movie clip symbol

Step 3: Right click on Frame 20 (or whichever) and choose “Insert Keyframe”

Step 4: Right click on the grey area in between, choose “Create Motion Tween” (You may have to repeat this process on the last frame as well)

Step 5: Select the last keyframe and click on your text in that keyframe. Hold Shift to keep its path in a straight line and drag your text down some so its new postion would be approximately right under its old position.

Step 6: Create a new Layer. In this layer click on Frame 1. Draw a rectangle that will encase your text, this should extend over all your frames in your layer below (which containes your text).

Step 7: Right click on the layer with your rectangle and choose “Mask” to create a mask over the text under it. When you test your movie you will see part 1 of this sinking effect.

Step 8: Return to the main timeline. Open your Library (CTRL+L) and drag another instance of your movie clip on the stage (preferably on a new layer, but not required).

Step 9: Use the free transform tool to flip the new clip upside down.

Step 10: Open the properties window (CTRL+3) and lower the alpha of the clip.

Step 11: Drag this clip right below the original clip so they will go into eachother.

Now test your movie :slight_smile: I hope this helped! :beam:

[edit]hmm, maybe I should add this tutorial to Kirupa[/edit]

lostinbeta:

I’ve followed the instructions carefully but was only successful up to step 7.

When I go to test the movie the only thing that happens are the two clips ( text and shadow) tweening, the rectangle that encased the text is not visible in the movie but on the movie clip symbol.

The mask seems to mess me up!

WHAT AM I DOING WRONG?

Kat.

If you are only up to step 7 you shouldn’t have a shadow yet.

In step 7 you will be inside your movie clip.

There will be 2 layers.

One layer I will call “Mask” which is on the top.

And another one I will call “text” which is on the bottom.

You will tween your text at the bottom layer “text” to move how you want it.

Then in the layer “Mask” you will draw a rectangle that will overlap your text position in Frame 1. Then (if Flash didn’t do it by defualt) you will right click in the last frame on the layer “Mask” and hit “Insert Frame” so your rectangle will be across all the frames.

Then you will right click on the layer and choose “Mask” from the context menu.

Hope you’re not sick of me yet!

I’ve done all that the last time but still the only thing that appears in the movies are the texts.

It should disappear because of the rectangle, right?

The rectangle will not appear because that is your mask.

So your text will appear but as it tweens down it should disappear as it goes past the bottom of your rectangle.

I know that the rectangle is a mask and that it should be invisible in movie but shouldn’t my texts disappear?

What I want to happen is for my top text to sink and while its sinking the bottom (the reflection) also sinks too, as if the texts were merging together and disappears.

Sorry for being a pain with this. I don’t why I can’t get it!

The reflection that merges is done in steps 8, 9, 10 and 11.

Check my attachment image, it might better show you visually what is going on.

LOL, And yes I realize I spelled movieclip at the top as moveicliop, but I didn’t feel like reopening Photoshop to edit and resave! :stuck_out_tongue:

I really appreciate your help but this is just not working for me.

I don’t want my texts to tween up and down over each other, it should disappear once it sinks.

Can you show me your movie instead?

LOL, I am really stupid.

I shoulda thought of that before the screenshot. Just because you don’t have Flash MX doesn’t mean you dont have the Flash 6 plugin for the browser…LOL!!!

Oye, I surprise myself sometimes.

Preview of the above Tutorial Here

I did this following the tutorial.

That’s exactly how I wanted my movie to turn out!

This is far fetch but I have a mac version of flash 5, could that be the problem?

This is a dumb question but does the mask cover the entire text or just the text thats sunk (bottom)?

Hope your not laughing at me.

The mask is just supposed to cover the text while it is in the top position, not both the top and bottom positions.

I am not laughing. I am here to help :slight_smile:

lostinbeta:

Thx a million! I finally got it.

I’ve been placing the rectangle over the bottom text all this time (never once tried to cover the top text, don’t know why!?!). It makes sense now.

Thanks again.

Ever so happy,
Kat

I am glad you got it :slight_smile:

Have a ball with it now! :beam: