Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 10 Minute(s)
Language
English
Taught by
Yashin Soraballee
Certificate
- Available
- *The delivery and distribution of the certificate are subject to the policies and arrangements of the course provider.
Rating
2 views
Course Overview
Learn how to create industry standard, high quality HTML5 banners quickly and efficiently using Adobe Animate CC 2017
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 Content
- 5 section(s)
- 12 lecture(s)
- Section 1 Introduction
- Section 2 Animate CC workspace
- Section 3 Building the banner
- Section 4 Fonts
- Section 5 Finishing the banner
What You’ll 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
Skills covered in this course
Reviews
-
RRobert Biedermann
Aus 1 Stunde Kurs wurden zwei ganzen Tage des Übens. Der Kurs ist in englisch, ich fand es verständlich. Die automatischen Captions sind jedoch oft verwirrend, da schlecht übersetzt. Inhaltlich brachte es mich meinem Ziel etwas näher Banner zur gestalten. Animate ist leider wenig vergleichbar mit anderen Adobe Programmen und die Logik dahinter erfordert viel Try and Error. Das in 2025 zu lernen mit so viel KI – bin gespannt wann die das übernommen wird.
-
BBrian Luneckas
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.
-
NNatalie Grobbelaar-Bogicevic
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.
-
SSonny
英語のアクセントとサブタイトルの誤字が多く理解に困りましたが、アニメーションバナーの作成に必要な技術は十分学べましたので、応用をきかせ実務に生かす事が出来そうです。
