HOME > Development > Creating HTML5 banners animations using Adobe Animate CC

Creating HTML5 banners animations using Adobe Animate CC

  • Development
  • Feb 20, 2025
SynopsisCreating HTML5 banners & animations using Adobe Animate C...
Creating HTML5 banners animations using Adobe Animate CC  No.1

Creating HTML5 banners & animations using Adobe Animate CC, available at $29.99, has an average rating of 4.15, with 12 lectures, based on 95 reviews, and has 2609 subscribers.

You will learn about Optimise images for banners Make web animations using Animate CC Make use of webfonts within Animate CC Add clickTag and prepare banner for DoubleClick This course is ideal for individuals who are People working or intend to work as creative engineers or Anyone who wants to build HTML5 banners or animations for the web! It is particularly useful for People working or intend to work as creative engineers or Anyone who wants to build HTML5 banners or animations for the web!.

Enroll now: Creating HTML5 banners & animations using Adobe Animate CC

Summary

Title: Creating HTML5 banners & animations using Adobe Animate CC

Price: $29.99

Average Rating: 4.15

Number of Lectures: 12

Number of Published Lectures: 12

Number of Curriculum Items: 12

Number of Published Curriculum Objects: 12

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

  • Optimise images for banners
  • Make web animations using Animate CC
  • Make use of webfonts within Animate CC
  • Add clickTag and prepare banner for DoubleClick
  • Who Should Attend

  • People working or intend to work as creative engineers
  • Anyone who wants to build HTML5 banners or animations for the web!
  • Target Audiences

  • People working or intend to work as creative engineers
  • Anyone who wants to build HTML5 banners or animations for the web!
  • 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.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction to HTML5 Banners

    Chapter 2: Animate CC workspace

    Lecture 1: Animate CC workspace

    Chapter 3: Building the banner

    Lecture 1: Preparing banner assets

    Lecture 2: Importing and adding assets on stage

    Lecture 3: Adding Keyframes on the timeline

    Lecture 4: Masking

    Lecture 5: Animating the symbols

    Lecture 6: Adding a button

    Chapter 4: Fonts

    Lecture 1: Fonts in Animate CC

    Chapter 5: Finishing the banner

    Lecture 1: Looping

    Lecture 2: ClickTag

    Lecture 3: Preparing for DoubleClick

    Instructors

  • Creating HTML5 banners animations using Adobe Animate CC  No.2
    Yashin Soraballee
    Technical Lead / Trainer
  • Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 7 votes
  • 3 stars: 10 votes
  • 4 stars: 31 votes
  • 5 stars: 44 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!