Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

HTML5 Banner Ads using Adobe Animate CC

Daniel Scott, Digital Designer & Premiere specialist!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
53 Videos (4h 58m)
    • 01 Introduction to Adobe Animate

      2:35
    • 02 What we'll be making

      0:52
    • 03 Exercise Files

      0:42
    • 04 SWF to HTML5

      1:50
    • 05 What is HTML5

      1:10
    • 06 Where did Flash and Edge go

      2:39
    • 07 The various ways to create HTML5 banner ads

      2:28
    • 08 Roles Designers Vs Coders

      2:43
    • 09a Background colour & shape problems

      5:59
    • 10a Layers and Polystar tool

      2:18
    • 12a Free transform tool

      2:45
    • 11a The pencil tool & vector brush libraries

      5:17
    • 13a Using brand colours & Adobe Color

      7:14
    • 14a Gradient

      2:29
    • 15a Shape tweens & previewing

      5:21
    • 16a Shape tween project

      6:08
    • 17a Warnings Frame numbers in EaselJS start at 0

      1:09
    • 18a Width tool

      5:23
    • 19a Creating symbols and instances

      6:57
    • 20a Adjusting symbol instances

      6:10
    • 21a Editing symbols

      2:31
    • 22a Naming instances

      1:54
    • 23a Adding Static Text boxes

      3:36
    • 24A Crisp text in Adobe Animate

      2:40
    • 25a Making a banner ad using a classic tween

      11:08
    • 27a Vector vs Bitmap

      4:18
    • 29a Converting bitmaps to vectors

      2:54
    • 26a Applying easing to your banner ad

      5:36
    • 28a Bring in from Photoshop & Illustrator

      5:06
    • 30a Image slideshow

      15:30
    • 31a Nested animation Animations inside symbols

      16:22
    • 32a Working with sound

      6:53
    • 33a Mini Project

      9:34
    • 34a Buttons

      12:13
    • 35a Basic Masks

      4:08
    • 36a Animating a mask

      5:16
    • 37a Animating Infographics line graph

      9:27
    • 38a Animating Infographics bar graph

      13:45
    • 39a Animating Infographics pie chart

      11:12
    • 40a Bone tool

      6:52
    • 41a Get the animation to stop looping using JS

      1:44
    • 42a Motion Tweens vs Classic tween

      10:23
    • 43a Motion path

      6:12
    • 44a What Counts against File Size

      3:48
    • 45a Image compression

      9:29
    • 46 What you need in the end

      2:33
    • 47a Clicktag or click through

      11:00
    • 48a CreateJS

      2:27
    • 49a HTML Templates

      5:33
    • 51a Publishing via Adwords GDN

      6:45
    • 52a Publishing Adobe animate to Sizmek

      4:55
    • 50a Publishing Adobe animate to Doubleclick

      8:59
    • 53 What Next

      1:36