Edge classes logo

Adobe Edge classes

 


 

  • Edge Beginner Class 

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

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

Edge level 1 beginner class
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 Edge 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.

Edge level 1 beginner class

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.