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

HTML5 Banners & Animations using Adobe Animate CC

Yashin Soraballee, Developer / Trainer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Videos (1h 10m)
    • About HTML5 banners

      3:25
    • The Animate CC Workspace

      13:46
    • Preparing assets

      2:30
    • Importing and Adding elements on stage

      7:20
    • Keyframes

      3:50
    • Mask

      2:25
    • Animations

      10:14
    • Buttons

      5:40
    • Fonts

      11:22
    • Loops

      3:28
    • Clickthrough URL

      4:20
    • DoubleClick

      2:06

About This Class

Creating HTML5 banners that work seamlessly through all browsers can be a tedious task if developed via coding only. Animate CC now allows web developers and creative engineers to concentrate on the creative side of the banners without having to worry about coding while publishing on the HTML5 canvas element, rendering smooth animations.

In this tutorial, I will teach you how to build an HTML5 banner from scratch. In the first section, I will explain you a few things about ad-servers and HTML5 banners. I'll then give you tips on how to properly export images from your Image software such as Photoshop. We will progressively build our banner by importing the images, organise the layers and work on the animations.

There is also one whole chapter dedicated to Fonts, which is of great importance. I'll teach you 5 different methods for integrating fonts including custom CSS font. 

In the last chapter, we will finalise the banner by making it loop the required amount of times, add the clickthrough URL and prepare it for publish on adServer.

18

Students

--

Projects

0

Reviews (0)

Yashin Soraballee

Developer / Trainer

Currently a Technical Project Manager in one of the production platform of Publicis Groupe in Mauritius. I have been working for the group for almost a decade where I got the opportunity to participate and deliver hundreds of challenging projects.
Being a coding enthusiast, I always keep myself updated with the latest technologies and development frameworks. I regularly produce experimental applications and websites as part of continuous Research & Development. Occasional freelance projec...

See full profile