Learn how to create a HTML5 expandable banner using Adobe Animate

Follow along in this tutorial and learn how to create an expandable HTML5 banner using #Adobe Animate. Topics covered in this tutorial include importing an Illustrator design, adding keyframe animations, using a shape tween to create the expandable animation and adding button actions.
Full tutorial with lesson notes https://bit.ly/3OHxTCJ
Download lesson files https://bit.ly/3R7BonL
Rift Font https://fonts.adobe.com/fonts/rift
#adobeillustrator #adobeanimate #interactivedesign #interactiondesign #animate #animation #animationdesign #graphicdesign #text #type #design #socialmedia #socialmediadesign #digitaldesign #marketingdesign
0:00 - Intro
0:42 - Creating a New Document
1:16 - Importing Illustrator File to Animate
2:51 - Adding Length of Animation to Timeline
3:33 - Adding Animation to Project
16:02 - Creating the Mask Animation
19:02 - Creating the Open and Close Buttons
23:20 - Adding Actions to Buttons
25:56 - Viewing the Banner in a Web Browser
Want to learn more about Adobe Animate? Check out these videos!
Learn how to create animated Instagram posts using Adobe Illustrator and Animate: https://youtu.be/udUXRoyOlc4
Learn how to create a digital advertisement for social media using Adobe Animate: https://youtu.be/m_-LPxSQU7Y
Learn how to create a text animation, set button actions in Adobe Animate: https://youtu.be/JfufRPEgOKY
Learn how to create an interactive infographic using Adobe Animate: https://youtu.be/SrzVahzwVV4