How do I animate my design Idea? Adobe Animate help

Forum|Forum|3 years ago
December 27, 2022
3 replies
396 views

Hello, I have this very clear animation idea in mind, but I am a complete beginner and don't know where to start, any help would be appreciated! I want to animate these piano keys so that they rush in from the left side, follow the curve, and then vanish at the bottom. I have every key in a separate layer because I think that's important, but I don't know how to continue from this point on. I have access to Adobe Animate and Procreate, thank you!

How to

This topic has been closed for replies.

Correct answer _keyframer

3 ways...

1. Literally keyframe each book on its own layer and then a blank keyframe for when and where you want each book to disappear.

2. Have all books on a single layer and use an animated mask and keyframes to make them appear and disappear.

3. Convert each book to a symbol, maybe if you have repeating sequences of say 5 books in a row, you could nest them, animate them appearing and disappearing then duplicate this symbol enough times to make this path and control each symbol's nested animation with a keyframe and telling them to Play Once.

_keyframerCorrect answer

Community Expert

3 ways...

1. Literally keyframe each book on its own layer and then a blank keyframe for when and where you want each book to disappear.

2. Have all books on a single layer and use an animated mask and keyframes to make them appear and disappear.

3. Convert each book to a symbol, maybe if you have repeating sequences of say 5 books in a row, you could nest them, animate them appearing and disappearing then duplicate this symbol enough times to make this path and control each symbol's nested animation with a keyframe and telling them to Play Once.

Animator and content creator for Animate CC

kglad

Community Expert

i think it would be easier to animate a mask (or two)

JoãoCésar17023019

Community Expert

Hi.

You have to create a start keyframe and a end keyframe for every piano key.

So if you want to animate the alpha, for example, you would set the alpha of the first piano key to 0 in the first keyframe and the alpha to 100 in the end keyframe for the same piano key.

Then you would repeat this process for every piano key but leaving some offset for the start keyframes so that all piano keys animate one after the other.

Please let us know if this explanation isn't clear enough.

Regards,

JC

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded