Learn how to create banner advertising with Adobe Animate
This course is for visual, creative people who need to start making HTML5 banner ads. We made this course for people that are struggling to get their heads around the new world of HTML5 advertising.
This course is step by step with exercise files. We’ve saved a copy of each Adobe Animate file after every video so if you get lost you can compare your files to our completed files.
At the end you’ll be able to create, test and upload standard banner ads.
This course is perfect for people completely new to the digital advertising world. We’ll cover all the basics. It’s also great for people who previously worked in Adobe Flash to produce SWF advertising.
This course is not for developers. This course will cover standard animated banners. Not dynamic banners like expanding banners, video banners or game banners.
Course Outline
Here's what you'll learn in more detail
-
1
Introduction
- Introduction - Making HTML5 Banner Ads FREE PREVIEW
- What We'll Be Making in Adobe Animate
- Exercise Files for our HML5 Banner Ad Tutorial FREE PREVIEW
- Exercise Files Download
-
2
Industry Overview
- SWF to HTML5 FREE PREVIEW
- What is HTML5
- Where did Flash and Adobe Edge Go?
- The Various Ways to Create HTML5 Banner Ads
- Roles - Designer vs Coders
-
3
Drawing Tools
- Background Colour and Shape Problems FREE PREVIEW
- Layers and Polystar Tools
- The Pencil Tool and Vector Brush Libraries in Adobe Animate
- Free Transform Tools in Adobe Animate
-
4
Colour
- Using Brand Colours and Adobe Color
- Gradient for HTML5 Banner Ads in Adobe Animate
-
5
Shape Tweens
- Shape Tweens and Previewing in Adobe Animate
- Shape Tween Project in Adobe Animate
-
6
Warning & Errors
- Warning Frame Numbers in EaselJS Start at 0
-
7
Width Tool
- Width Tool in Adobe Animate
-
8
Class Tweens
- Creating Symbols and Instances in Adobe Animate FREE PREVIEW
- Adjusting Symbol Instances in Adobe Animate
- Editing Symbols in Adobe Animate for HTML5
- Naming Instances in Adobe Animate
-
9
Fonts
- Adding Static Text Boxes in Adobe Animate for HTML5
- Crisp Text in Adobe Animate for HTML5 FREE PREVIEW
-
10
Create a Banner Ad
- Making a HTML5 Banner Ad Using Classic Tween in Adobe Animate
- Applying Easing to Your Banner Ad in Adobe Animate for HTML5
-
11
Images
- Vector vs Bitmap
- Bring in from Photoshop and Illustrator to use in Adobe Animate
- Converting Bitmaps to Vectors in Adobe Animate for HTML5
- Image Slideshow for HTML5 in Adobe Animate FREE PREVIEW
-
12
Nested Animations
- Nested Animation - Animation Inside Symbols in Adobe Animate and HTML5
-
13
Sound
- Working with sounds in our advertisements
-
14
Project
- Mini Project
-
15
Buttons
- Buttons for HTML5 in Adobe Animate
-
16
Masking & Infographics
- Basic Masks for HTML5 Banner Ads in Adobe Animate
- Animating a Mask for HTML5 in Adobe Animate FREE PREVIEW
- Animating Infographics Line Graph in Adobe Animate for HTML5
- Animating Infographics Bar Graph for HTML5 in Adobe Animate
- Animating Infographics Pie Chart for HTML5 in Adobe Animate
-
17
Bone Tool
- Bone Tool in Adobe Animate for HTML5
-
18
Stop Looping with JS
- Get the Animation to Stop Looping using JS and HTML5
-
19
Motion Tweens
- Motion Tweens vs Classic Tween in Adobe Animate FREE PREVIEW
- How to use a Motion Path in Adobe Animate for HTML5
-
20
Keeping File Size Down
- What Counts Against File Size in HTML5 FREE PREVIEW
- Image Compression in Adobe Animate for HTML5
-
21
Publishing
- What You Need in the End
- Clicktag or Click Through FREE PREVIEW
- CreateJS
- HTML Templates for HTML5
- Publishing Adobe Animate to Doubleclick with HTML5
- Publishing via Adwords GDN with HTML5
- Publishing Adobe Animate to Sizmek
BECOME A MEMBER
With a monthly or yearly subscription, you can have unlimited access to our ever-expanding library of top quality video training courses from the best instructors in the creative industry. The subscription plan gives you access to all training courses.
-
£19.00 / month
£19.00 / monthAccess All Courses
Pay monthly and cancel any time -
£180.00 / year
£180.00 / yearAccess All Courses
Pay annually and save over 20%