Please click here to chat with a certified trainer
Edge courses logo

 

Edge courses

 


 

 

  • Edge Beginner Course 

Sorry, we currently do not have any public courses scheduled for the Edge level 1 course. Please contact us to see if we can put one on the schedule for you

Sorry, we currently do not have any public courses scheduled for the Edge level 1 course. Please contact us to see if we can put one on the schedule for you

Edge CS5, CS6, CC beginner course
Course Description:

Adobe Edge is a new animation tool from Adobe that lets you create animated web content using HTML5, CSS3 and JavaScript with ease and precision. These animations do not require the use of Flash or other plug-ins. Edge is an intuitive tool for creating animated, interactive content that runs beautifully on modern browsers and mobile devices. This two day Adobe authorised course is designed to enable you to use Adobe Edge to produce professional animations for web, tablets and mobiles.

 

Pre-Course Requirements:

You should have attended the Introduction to HTML course at Media Training or have an equivalent working knowledge.

Edge level 1 beginner course

Download PDF

Course Outline:

 

Introduction

  • What is Adobe Edge?
  • Animation on the web: the role of JavaScript and CSS
  • Understanding animation basics

 

The Adobe Edge interface

  • Selection tools and techniques
  • Drawing tools
  • Working with text
  • The Stage
  • Using the Elements panel
  • Using the Properties panel
  • Using the Timeline panel
  • Workspaces

 

Creating animations

  • Frame based animation
  • Using Auto-generation

 

Working with the Timeline

  • Timeline controls
  • Adding movement
  • Reversing movement
  • Creating transitions and fades
  • Working with keyframes
  • Playing your animation
  • Using the Marker
  • Using and understanding Triggers

 

Animation techniques

  • Applying Easing to your animations
  • Creating Smooth transitions
  • Animating content on an existing web page
  • Controlling the timing of your animations
  • Preview the animation
  • Preview in a browser

 

Importing graphics

  • Different graphics formats
  • Importing SVG, GIFs and JPGs
  • The Adobe creation workflow

 

Projects and interactivity

  • Editing content: skew, rotate, size
  • Creating an image gallery
  • Adding animations to a web page
  • Creating web adverts
  • Creating hotspots
  • Creating hyperlinks/web links
  • Adding Events for mouse interactions
  • Adding Triggers
  • Creating mask effects
  • Creating pop-ups
  • Saving and publishing your project

 

Questions and answers

 

Our outlines are a guide to the content covered on a typical course. We may change or alter the course topics to meet the objectives of a particular course.