Logo reveal with multiple masks?

[christianb5949572]

Hi!

I used Flash a long time ago, and some things don't seem to work anymore with Animate.

One of those things is being able to use multiple mask layers to reveal another layer.

For example, if my memory serves me right, I used 5 different mask layers to reveal this shape:

Basically, my question is: how can I reveal a complex shape, like a logo, with Animate?

I can't find anything about the subject.

Thanks!

[kglad]

each layer can have, at most, one mask layer.

but you can have several layers each with its own mask layer.  and you can have several shapes on a mask layer and several shapes on a masked layer.  and you can have any combination of these.

[christianb5949572]

Thank you!

In that case, I'd like to create a Clip containing all my shadow elements, and making that Clip the mask for the layer underneath, just like in this video: Animate Drawing a Line - YouTube

But it doesn't work!

Thanks again.

[kglad]

you can't use a movieclilp (if that's what you mean by "Clip") in a shape tween (if that's what you're using - like the video).  use shapes (ie, fills) with shape tweens.

[christianb5949572]

Thanks for your answer!

"Clip": I use the French version of Animate

So my attempts with angles have been successful:

Not with curves, however: 

Is the frame by frame approach the only way to achieve what I'm looking for?

Thanks!

[kglad]

it doesn't make any difference what you're masking.  it just matters that your mask is a shape that your shape tweening.

ie, put your sine curve on a layer.  above it create a mask layer.

in frame 1 of the mask layer create a rectangle with height =  the height of your sine curve, with y=y of the sine curve and width say 10.  put that rectangle say 10 px to the tleft of the left-most extent of your curve. . in frame 20 insert a keyframe to your mask rectangle and assign its width to be the width of your sine curve + 10.  create a shape tween in your mask layer.  test. 

[christianb5949572]

Thanks! Works great for something simple.

But how about something like that?

My goal is to do a logo reveal one line at a time...

Thanks again and again!

[kglad]

i would do that letter by letter.  ie, create 5 layers (one for each letter) and 5 masks.

start the tween of each letter at the end of the previous letter's tween.

tween a mask of the part of the letter.  ie, for the letter R i would tween the vertical and at the end of that i would tween the remainder.

[n. tilcheff]

Hi mate,

I do this kind of stuff by erasing.

For most control separate your letters, each on its own layer, break them apart, duplicate on a new keyframe and erase a little bit at the end of the last letter, Alt+drag to duplicate the keyframe and erase some more. 4-5-6 frames per letter should be enough.

When done, you reverse the frame order.

Or you can work right to left when Alt-dragging.

You can control timing by varying how much you erase, but generally speaking at the beginning you start a little slower with smaller increments and then you speed it up toward the end to not have it monotonous.

You can, of course, use a drawn mask; and you can shape tween a mask, but this will in my opinion be unnecessarily complex.

Hope this helps!

ps. Do not work on the main timeline. First nest your stuff inside a Graphic Symbol container.

[christianb5949572]

Thanks guys! I appreciate it a lot.

ps. Do not work on the main timeline. First nest your stuff inside a Graphic Symbol container.

Why is that?

[n. tilcheff]

Working on the main timeline is generally considered to be bad practice.

Any change of position or scale would require using "Edit Multiple Frames".

When things are nested inside a container you can access your whole animation from the outside as one object, tween as a whole, apply effects to it, move, scale and so on.

--

On the topic of the masks, I assumed you wanted the text to appear as if it is being written in a logical, natural manner; the way one would do it if writing with a pen.

[christianb5949572]

Working on the main timeline is generally considered to be bad practice.

Understood!

On the topic of the masks, I assumed you wanted the text to appear as if it is being written in a logical, natural manner; the way one would do it if writing with a pen.

Exactly! I also think the frame by frame method seems like the less complicated way...