Book Image

Adobe Edge Quickstart Guide

By : Joseph Labrecque
Book Image

Adobe Edge Quickstart Guide

By: Joseph Labrecque

Overview of this book

With the advent of HTML5 and CSS3, web designers can now create sophisticated animations without the need of additional plugins such as Flash. However, there hasn't been an easy way for creating animations with web standards until now. This book enables even those with little knowledge of HTML or programming web content to freely create a variety of rich compositions involving motion and interactivity.Learning Adobe Edge will quickly get you up and running with this professional authoring software to create highly engaging content which targets HTML5, CSS, and JavaScript. Content created in Adobe Edge does not rely on a plugin ñ so it can be run within any standard browserñ even on mobile.Learning Adobe Edge begins with an overview of the shifting web landscape and the Edge application. We then move on through the variety of panels and toolsets available, and explore the many options we have when creating motion and interactivity using Edge.The book presents the reasoning behind engaging, standards-based web content and how Edge fills the need for professional tooling in this area. In the book we'll examine content creation and how to achieve fluid animation and advanced transitioning through the Edge timeline. Sprinkled throughout the book are tips and references for those coming to Edge from a background in Flash Professional. Whether you are coming to Edge from Flash Professional or are totally new to motion graphics on the web, Adobe Edge Quickstart Guide provides a solid foundation of motion and interactivity concepts and techniques along with a set of demo assets to build upon.
Table of Contents (12 chapters)

What Adobe Edge can be used for

Generally, Edge can be used to create many of the same types of animations and interactions that we would have expected Flash Player to handle on the web in the mid to late 1990s. This includes the movement of visual objects across the stage and basic mouse interactions.


Although it is now possible to create website intros, rich ads, and other motion content using a tool such as Edge, designers should be careful not to replicate the nuisances of the past. The web doesn't need more "Skip Intro" landing pages.

Web animation

Edge uses an all-new timeline for producing motion which borrows a lot from other applications such as Adobe After Effects. Through the use of keyframes along the Timeline, designers have very fine-grained control over many object properties and can easily enable easing algorithms, which provide an additional flair to animated content. In many ways, the Edge Timeline is superior to that found in other animation programs due to the level of control a designer is provided, and how richly control over these properties is enabled through the tools.

Interactive content

Edge is not just about making things move. The Edge Runtime also includes a robust API to enable interactivity through mouse, touch, and time-based Actions. These interactive commands can be applied to individual visible objects upon the stage, or used along the Timeline in the form of Triggers. Interactivity can modify aspects of the stage Timeline, modify the properties of other objects within an Edge project, or even invoke calls to content outside of the project.