Creating HTML5 banners & animations using Adobe Animate CC (Udemy.com)

Learn how to create industry standard, high quality HTML5 banners quickly and efficiently using Adobe Animate CC 2017

( 21 Reviews )

Created by: Yashin Soraballee

Produced in 2017

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

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 88 / 100

Course Description

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 whilepublishing 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 willexplain 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 willprogressively 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 loopthe required amount of times, add the clickthrough URL and prepare it for publish on adServer.
Who this course is for:
People working or intend to work as creative engineersAnyone who wants to build HTML5 banners or animations for the web!

Time: 1 hour on-demand videoh

Instructor Details

Yashin Soraballee

4.4 Rating
21 Reviews

Being a design and coding addict while being a young teenager, the natural career choice would be a web engineer. After much experience gained as a developer, I became at a young age, a technical project manager with responsibilities in team and project management. I am also responsible for training of staff on front-end technologies.
Being an all-time passionate in programming, I always keep myself up to date with the latest evolution in web technologies. Always having plenty of ideas in mind, I keep developing & releasing new applications/websites as a hobby and for testing new frameworks.

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game (2021)
5.0 (20 Reviews)

- Provider: Udemy
- Time: 5.5h

$11.99

Build a new and modern looking Responsive websites

Build a new and modern looking Responsive websites (2017)
4.9 (43 Reviews)

- Provider: Udemy
- Time: 9.5h

$11.99

Build Modern Responsive Website With HTML5, CSS3 & Bootstrap

Build Modern Responsive Website With HTML5, CSS3 & Bootstrap (2021)
4.8 (397 Reviews)

- Provider: Udemy
- Time: 14h

$11.99

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap (2021)
4.8 (376 Reviews)

- Provider: Udemy
- Time: 16.5h

$11.99

How to Create A Website: An HTML Tutorial and CSS Tutorial

How to Create A Website: An HTML Tutorial and CSS Tutorial (2016)
4.8 (299 Reviews)

- Provider: Udemy
- Time: 32.5h

$11.99

Code Your First Website with HTML & CSS for Kids & Beginners

Code Your First Website with HTML & CSS for Kids & Beginners (2019)
4.8 (196 Reviews)

- Provider: Udemy
- Time: 2h

$11.99

All html 5 courses

Reviews

4.4

21 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Brian Luneckas on 5/1/2020

It's definitely not for a beginner. Some crucial steps where not mentioned and I had to spend hours trying to figure out how it wasn't working for me. It went very fast.

By Bruce Koski on 3/10/2020

Concise, quick yet thorough. Thank you.

By Christine Driggers on 10/10/2019

I had a difficult time with instructors accent and the transcript was also having a hard time which was no help at all. I had to listen to certain parts a few times which was very frustrating. The timeline info moved faster than the initial info. Instructor did not explain the timing or the alpa. I think the material was pretty good all-in-all.

By Natalie Grobbelaar-Bogicevic on 8/17/2019

I enjoyed the experience and found the instructions clear. I need to still become familiar with the workspace process - will need to repeat exercise a few times.

By Michelle Hunter on 9/22/2018

I found this course really interesting and informative! would recommend!

By Cara on 7/7/2018

Exactly what I was looking for! Great course for beginners & previous Flash users who are needing to refresh or brush up skills.
I was very happy with how straight forward and to the point this course was.

By Jeff Gilbert on 7/3/2018

Good tutorial on getting me started...

By Grace Mathews on 4/12/2018

was good, but would have liked a little more details about what's possible.

By Arthur Phillips on 1/10/2018

Very good and explained well.

By Tvoe Gamez on 11/13/2017

This tutorial is great to get just the basics. Having a background in Edge Animate definitely helped me because there is not much information or description (hence why the tutorial is only 1 hr long). It's basically, "This is how you do it: click here, click there, and boom!" The English is a little hard to understand but after 4 videos or so I got used to the accent and didn't have trouble anymore. Thank you Yashin, I think I can now take what I've learned and build my own skills from here.

By Perry Shaler on 10/9/2017

Very basic until now...

By Dudhee Jay on 9/20/2017

The course is great, I have learned how to use the Animate CC software and this will help me to create animated banners and also to create animations for websites.