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: • Learn how to create animated Instagra...
Learn how to create a digital advertisement for social media using Adobe Animate: • Learn how to create a digital adverti...
Learn how to create a text animation, set button actions in Adobe Animate: • Learn how to create a text animation,...
Learn how to create an interactive infographic using Adobe Animate: • Learn how to create an interactive in...