Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Animate - HTML5 Banner Advertising in Adobe Animate.
Overview
Introduction - Making HTML5 Banner Ads (0:50)
What We'll Be Making in Adobe Animate (0:52)
Exercise Files for our HML5 Banner Ad Tutorial (0:38)
Industry overview
SWF to HTML5 (1:45)
What is HTML5 (1:05)
Where did Flash and Adobe Edge Go (2:33)
The Various Ways to Create HTML5 Banner Ads (2:22)
Roles - Designer vs Coders (2:38)
Drawing tools
Background Colour and Shape Problems (5:54)
Layers and Polystar Tools (2:12)
The Pencil Tool and Vector Brush Libraries in Adobe Animate (5:12)
Free Transform Tools in Adobe Animate (2:39)
Color
Using Brand Colours and Adobe Color (7:09)
Gradient for HTML5 Banner Ads in Adobe Animate (2:23)
Shape tweens
Shape Tweens and Previewing in Adobe Animate (5:16)
Shape Tween Project in Adobe Animate (6:03)
Warnings & errors
Warning Frame Numbers in EaselJS Start at 0 (1:03)
Width tool
Width Tool in Adobe Animate (5:17)
Class tweens
Creating Symbols and Instances in Adobe Animate (6:52)
Adjusting Symbol Instances in Adobe Animate (6:04)
Editing Symbols in Adobe Animate for HTML5 (2:26)
Naming Instances in Adobe Animate (1:48)
Fonts
Adding Static Text Boxes in Adobe Animate for HTML5 (3:33)
Crisp Text in Adobe Animate for HTML5 (2:35)
Create a banner ad
Making a HTML5 Banner Ad Using Classic Tween in Adobe Animate (11:03)
Applying Easing to Your Banner Ad in Adobe Animate for HTML5 (5:29)
Images
Vector vs Bitmap (4:13)
Bring in from Photoshop and Illustrator to use in Adobe Animate (5:01)
Converting Bitmaps to Vectors in Adobe Animate for HTML5 (2:51)
Image Slideshow for HTML5 in Adobe Animate (15:25)
Nested animations
Nested Animation - Animation Inside Symbols in Adobe Animate and HTML5 (17:58)
Sound
Working with sounds in our advertisements (6:48)
Project
Mini Project (9:29)
Buttons
Buttons for HTML5 in Adobe Animate (12:08)
Masking & infographics
Basic Masks for HTML5 Banner Ads in Adobe Animate (4:02)
Animating a Mask for HTML5 in Adobe Animate (5:10)
Animating Infographics Line Graph in Adobe Animate for HTML5 (9:22)
Animating Infographics Bar Graph for HTML5 in Adobe Animate (13:39)
Animating Infographics Pie Chart for HTML5 in Adobe Animate (11:06)
Bone Tool
Bone Tool in Adobe Animate for HTML5 (6:47)
Stop looping with JS
Get the Animation to Stop Looping using JS and HTML5 (1:40)
Motion tweens
Motion Tweens vs Classic Tween in Adobe Animate (10:18)
How to use a Motion Path in Adobe Animate for HTML5 (6:06)
Keeping file size down
What Counts Against File Size in HTML5 (3:42)
Image Compression in Adobe Animate for HTML5 (9:24)
Publishing
What You Need in the End (2:27)
Clicktag or Click Through (10:54)
CreateJS (2:22)
HTML Templates for HTML5 (5:27)
Publishing Adobe Animate to Doubleclick with HTML5 (8:54)
Publishing via Adwords GDN with HTML5 (6:39)
Publishing Adobe Animate to Sizmek (4:51)
Conclusion
What Next (1:30)
Get the Animation to Stop Looping using JS and HTML5
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock