Free Sample
+ Collection

Adobe Edge Quickstart Guide

Joseph Labrecque

Quickly produce engaging motion and rich interactivity with Adobe Edge Preview 4 and above with this book and ebook
RRP $17.99
RRP $29.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849693301
Paperback136 pages

About This Book

  • Learn to use Adobe’s newest application to create engaging motion and rich interactivity
  • Familiarize yourself with the Edge interface and unleash your creativity through standard HTML, CSS, and JavaScript
  • Add motion and interactivity to your websites using Web standards
  • A quickstart guide for creating engaging content with Adobe Edge


Who This Book Is For

If you are interested in creating engaging motion and interactive compositions using web standards with professional tooling, then this book is for you. Those with a background in Flash Professional wanting to get started quickly with Adobe Edge will also find this book useful.

Table of Contents

Chapter 1: Introduction to Adobe Edge
Why we need Adobe Edge
What Adobe Edge can be used for
The history of Adobe Edge
The inner workings of Edge
Getting started
Chapter 2: The Edge Application Interface
Application interface overview
The Edge menu system
The Edge Toolbar
The Stage
The Edge Timeline
Panels in Edge
Chapter 3: Working with Edge Tools and Managing Assets
Using the drawing tools
Importing external assets
Converting assets into symbols
Chapter 4: Creating Motion with Edge
Animation within Edge
The Edge Timeline
Creating motion
Chapter 5: Adding Interactivity to an Edge Composition
Working with Actions
Overview: The Adobe Edge Runtime APIs
Example: Adding interactivity to a website header
Chapter 6: Additional Resources
Using an Edge composition within an existing website
Online resources
About the forthcoming book: Learning Adobe Edge

What You Will Learn

  • Gain an understanding of the shifting Web landscape
  • Effectively compare Adobe Edge to Adobe Flash Professional motion tools
  • Become familiar with all elements of the Edge application interface
  • Use the drawing tools in Edge to create and manipulate elements on the Stage
  • Import rich graphics for use in Adobe Edge compositions
  • Animate a range of elements with full transitioning through timeline keyframes
  • Employ JavaScript to add interactivity to your project through Actions and Triggers
  • Author a range of expressive compositions using nothing but web standards


In Detail

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.


Read More