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
58 students are watching this class