Edge Animate Course

Edge Animate Essentials | Course Overview

Course Description

Learn to build animations and interactivity for the web that will work on iPhones, iPads, tablets and desktop computers alike. With an intuitive interface, that will be familiar to Flash and After Effects users, Adobe Edge Animate offers design tools for text, images, animation and interaction. Edge seamlessly produces the necessary HTML, Javascript and CSS, compatible with all current browsers and playable on all kinds of contemporary devices.

Custom training can be organised for programming in JavaScript and working with advanced CSS.

What You Will Learn

  • Setting up an Edge Project
  • Efficient Workflow and File Management
  • Importing and Creating Content
  • Working with Text
  • Setting and Animating Properties
  • Setting Actions
  • Publishing to the Web
  • Applying Code Snippets
  • Creating and Editing Symbols
  • Managing Fonts
  • Rollovers and Click-Throughs
  • Integrating Edge with a Website

Who Should Attend

This course is ideal for designers, Flash developers and web developers who would like to create animation, advertising, simple interactivity and motion design that is NOT reliant on the Flash player. No prior experience is necessary.

Adobe Edge Animate Essentials Training Image

Animation for all devices

Adobe Edge Animate Essentials Training Image

Interactivity for all devices

Adobe Edge Animate Course

Edge Animate Essentials | Outline

Getting Started

  • Making a new composition
  • File and folder structure
  • Saving & managing the project files

Workspace Overview

  • Stage properties
  • Element properties
  • Library Panel
  • Elements Panel
  • Timeline Panel

Drawing & Text

  • Drawing simple shapes
  • Creating text
  • Using standard fonts and fallbacks
  • Structural HTML tags for elements
  • Control Element display
  • Smart Guides for layout
  • Arranging & aligning elements

Working with Images

  • Image format, size and resolution
  • Importing images
  • Image properties
  • File management

Animation

  • Keyframe animation
  • Viewing elements in the Timeline
  • Using the Mark and Playback head
  • Auto Keyframes and Smooth Transitions
  • Hollow Keyframes and jumps
  • Using Layer and Transition Strips
  • Transition Properties
  • Applying easing

Actions

  • Timeline Labels
  • Code Snippets
  • Stopping and playing animation
  • Timeline Triggers
  • Mouse Events on elements
  • Click-through to a website

Publishing to the Web

  • Previewing in browsers
  • Viewing the HTML, Javascript and CSS files
  • Managing and uploading the files

Symbols

  • Creating and re-using a Symbol
  • Editing a Symbol
  • Animation within a Symbol
  • Complex animation with Symbols
  • Timeline Triggers within a Symbol

Text and Web Fonts

  • Using Web Fonts
  • Linking to CSS
  • Setting fallback fonts

Integrating Edge with a Site

  • Working between Dreamweaver and Edge
  • Placing Edge content into an existing site
  • Animating content from an existing HTML page
  • Testing and Uploading
Adobe Edge Animate Course
SYDNEY
Select a date to book online now 		Jun Jul Aug Sept Oct Nov
Edge Animate Essentials 26 — 23 16 15 21
MELBOURNE
Select a date to book online now 		Jun Jul Aug Sept Oct Nov
Edge Animate Essentials
 — — — — 3 5 Dec

Edge Animate Essentials | Testimonials

"Linda was a fantastic teacher. She was very easy to understand and had the answers to all the questions that were being posed!"

Prue McIntyre, Designer

"The course was easy to follow and was only a small group so it was quite personalised."

Alanna Jang, Graphic Designer

"Great intro to Edge & all it's possibilities. Linda is a great human presenter."

John Cottee, Digital Media Designer

"Linda was an informative and interactive teacher, and I will be recommending City Desktop Training to friends."

Alistair Baillie, Author

Adobe Edge Animate Course

Custom
Training
1300 441 891

Why Train With Us

Share this page
facebooktwitter

emailSign up to our newsletter