HTML5 Banner Ads using Adobe Animate CC

Daniel Scott, Adobe Certified Trainer & UI/UX Expert

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
53 Lessons (4h 58m)
    • 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
38 students are watching this class
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

127 of 128 students recommend this class