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)

The history of Adobe Edge

During the 2010 Adobe MAX conference in Los Angeles, California, Adobe engineers got on stage in front of over 5,000 attendees to present a software prototype built in Adobe AIR. This software allowed a user to adjust the properties of imported assets in a way very similar to the workflow of Flash Professional, but instead of outputting to SWF to target the Flash Player, the "Adobe Edge Prototype" actually output content to HTML, CSS, and JavaScript for playback in a web browser without the need for any additional plug-ins.


Adobe AIR is a solution for creating desktop and mobile applications built on Flash Platform technology. Many Adobe products are built using AIR, including the new touch applications for use on Android tablets.

This was the first glimpse of what would eventually become the product we know today as Adobe Edge. Since that time, Adobe has released periodic updates to the "Adobe Edge Preview" releases on Adobe Labs with the intention of gathering user feedback early and often in order to make the product conform to user expectations and become a useful addition to the Creative Suite.

With Adobe's long history of motion and interactivity in products such as Director, After Effects, and Flash Professional, Edge has an excellent lineage behind it; and while creating such content which targets HTML is quite new, the tools and techniques for authoring this material comes to us along a well-trodden and mature path.