Learn how to create a text animation, set button actions in Adobe Animate

Follow along in this tutorial and learn how to create a text mask animation and set button actions to direct users to a web page – all using Adobe Animate.

0:00 - Intro
0:31 - Creating a new Animate canvas
1:09 - Importing an Illustrator file to Animate
3:31 - Creating a text animation using a mask
7:11 - Animating main image with Motion Tween
9:57 - Setting up Button state with hover effect
11:50 - Adding an Action to the Button
13:41 - Previewing digital ad in a web browser

#adobeanimate #interactivedesign #interactiondesign #animate #animation #animationdesign #graphicdesign #text #type #design

Want to learn more about Adobe Animate? Check out these videos!

Learn how to create animated digital ads using Adobe Animate:

[AngelEyes_]

Got yourself a subscriber. Really well paced Animate tutorials. But as a long-time InDesign/Illustrator user, this is like learning Chinese to me. But I'll get there.

[sueshaw]

Great tutorial - more like this please! 👌

[tejaswinidash]

Sir thank you very much. The way you express is amazing. Lots of love and blessing from India 🙏🏻🙏🏻

[tharunsai]

you helped me for my school assignment😀

[DeLaRic]

Nice and good tutorial that for many cases is helpful. Thanks for showing.

[janeuden]

Thank you Angelo, I am so very thankful for your tutorials! I am having trouble with adding a second color on a hover to a button in an animation I created myself. When I select the "over" key frame and double click on the button to change the color, the color changes for the "up" keyframe as well. I'm not sure what I'm doing wrong. Thank you!!

[tohidnaderpour]

Hello dear professor, thank you for your great videos, I had a question and that is how to use the textbox and combo box in the convert to button section?

[carlloos]

Thanks for the tutorials Angelo. Enjoying them all!! I seem to have a problem though with the animation tutorials. I am working from a laptop, and for some reason F5 won't work. so I have to manually insert "blank keyframe" as you instruct. Doing so turns my whole canvas white, and all artwork is vanished. This happened with 2 tutorials already. Maybe you mean insert "frame" instead of "blank keyframe"?

[FrancoMery-dv]

this work for me, but we get an error that hard code is on the JS and we can not trace the number of times this Ad banner has been click. Any ideas how to fix that?

[khuhvoih]

can these butto
n work on touch-screen devices?

[leomac]

hello man i imported an AI file of illustrator into adobe animate... to make a button...but when i double click it does not acess the states of the am i suposed to do ?

[tedz]

Don’t know what I’m doing wrong but the import is not working in windows. It brings over 1 imag/ layer with all the other assets but no separation of the layers

[hictek]

i cant test it in my browser, whenever i do ctrl, return its just a white screen on my browser. pls help

[zhiyuanxie]

How come I cannot preview my animation? I clicked test movie and it didnt work. :(