HTML5 Banner Ads using Adobe Animate CC

On May 15, 2019

Release date:2019

Duration:04 h 58 m

Author:Daniel Scott

Skill level:Beginner

Language:English

Exercise files:Yes

This course is for visual, creative people who need to start making HTML5 banner ads. I 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. I’ve saved a copy of each Adobe Animate file after every video so if you get lost you can compare your files to my 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.

Because this is such a new industry I’ll be around to help you with any questions. Use the forums on the pages and I’ll respond.

What are the requirements?
You’ll need a copy of Adobe CC 2015 or above. A free trial can be download from Adobe here.
No previous Adobe Animate or digital advertising knowledge is necessary.
If you’re not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.
What am I going to get from this course?

53 lectures 3 hours of content!
Forum support from me.
How to build banner advertising
How to keep file sizes down.

Firm understanding of the publishing process for ad networks like Google Doubleclick, Adwords, Simek etc.
Professional workflows and shortcuts.
A wealth of other resources and websites to help your new career path.

What is the target audience?
YES: This course is for beginners. For people who prefer not to work in code. Visual people. Creative people. Graphic designers. Marketers. Past users of Flash.
NO: This course is not for developers. This course will cover standard animated banners. Not dynamic banners like expanding banners, video banners or game banners.

Table of Contents

1. 01 Introduction to Adobe Animate 2:35
2. 02 What we’ll be making 0:52
3. 03 Exercise Files 0:42
4. 04 SWF to HTML5 1:50
5. 05 What is HTML5 1:10
6. 06 Where did Flash and Edge go 2:39
7. 07 The various ways to create HTML5 banner ads 2:28
8. 08 Roles Designers Vs Coders 2:43
9. 09a Background colour & shape problems 5:59
10. 10a Layers and Polystar tool 2:18
11. 12a Free transform tool 2:45
12. 11a The pencil tool & vector brush libraries 5:17
13. 13a Using brand colours & Adobe Color 7:14
14. 14a Gradient 2:29
15. 15a Shape tweens & previewing 5:21
16. 16a Shape tween project 6:08
17. 17a Warnings Frame numbers in EaselJS start at 0 1:09
18. 18a Width tool 5:23
19. 19a Creating symbols and instances 6:57
20. 20a Adjusting symbol instances 6:10
21. 21a Editing symbols 2:31
22. 22a Naming instances 1:54
23. 23a Adding Static Text boxes 3:36
24. 24A Crisp text in Adobe Animate 2:40
25. 25a Making a banner ad using a classic tween 11:08
26. 27a Vector vs Bitmap 4:18
27. 29a Converting bitmaps to vectors 2:54
28. 26a Applying easing to your banner ad 5:36
29. 28a Bring in from Photoshop & Illustrator 5:06
30. 30a Image slideshow 15:30
31. 31a Nested animation Animations inside symbols 16:22
32. 32a Working with sound 6:53
33. 33a Mini Project 9:34
34. 34a Buttons 12:13
35. 35a Basic Masks 4:08
36. 36a Animating a mask 5:16
37. 37a Animating Infographics line graph 9:27
38. 38a Animating Infographics bar graph 13:45
39. 39a Animating Infographics pie chart 11:12
40. 40a Bone tool 6:52
41. 41a Get the animation to stop looping using JS 1:44
42. 42a Motion Tweens vs Classic tween 10:23
43. 43a Motion path 6:12
44. 44a What Counts against File Size 3:48
45. 45a Image compression 9:29
46. 46 What you need in the end 2:33
47. 47a Clicktag or click through 11:00
48. 48a CreateJS 2:27
49. 49a HTML Templates 5:33
50. 51a Publishing via Adwords GDN 6:45
51. 52a Publishing Adobe animate to Sizmek 4:55
52. 50a Publishing Adobe animate to Doubleclick 8:59
53. 53 What Next 1:36