Adobe Edge Quickstart Guide

Adobe Edge Quickstart Guide
eBook: $17.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $47.98    Print cover: $29.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • 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


Book Details

Language : English
Paperback : 136 pages [ 235mm x 191mm ]
Release Date : March 2012
ISBN : 1849693307
ISBN 13 : 9781849693301
Author(s) : Joseph Labrecque
Topics and Technologies : All Books, Other, Mobile, Web Development

Table of Contents

Chapter 1: Introduction to Adobe Edge
Chapter 2: The Edge Application Interface
Chapter 3: Working with Edge Tools and Managing Assets
Chapter 4: Creating Motion with Edge
Chapter 5: Adding Interactivity to an Edge Composition
Chapter 6: Additional Resources
  • Chapter 1: Introduction to Adobe Edge
    • Why we need Adobe Edge
      • Flash Player restrictions
      • The relationship between Adobe Edge and Adobe Flash Professional
      • Comparisons with Adobe Flash Professional
        • Stage
        • Timeline
        • Keyframes
        • Symbols
        • Library
        • Actions
      • HTML technology maturity
      • Mobile deployment
    • What Adobe Edge can be used for
      • Web animation
      • Interactive content
    • The history of Adobe Edge
    • The inner workings of Edge
      • HTML, CSS, and JavaScript
        • HTML
        • CSS
        • JavaScript
      • How jQuery is used in Edge
      • JSON
      • The Adobe Edge Runtime
    • Getting started
      • Installing Adobe Edge
      • The Adobe Edge welcome screen
      • Creating a new Edge Project
        • Save
        • Save As…
      • Edge project file structure
    • Summary
    • Chapter 2: The Edge Application Interface
      • Application interface overview
        • The application window
        • Customizing the Edge panel layout
        • Managing workspaces
      • The Edge menu system
        • File
        • Edit
        • View
        • Modify
        • Timeline
        • Window
        • Help
      • The Edge Toolbar
        • Selection tool
        • Transform tool
        • Rectangle tool
        • Rounded Rectangle tool
        • Text tool
        • Background Color and Border Color
      • The Stage
      • The Edge Timeline
      • Panels in Edge
        • Elements panel
        • Library panel
        • Properties panel
        • Actions panel
      • Summary
      • Chapter 3: Working with Edge Tools and Managing Assets
        • Using the drawing tools
          • The Rectangle tool
            • Using the Rectangle tool
          • The Rounded Rectangle tool
            • Using the Rounded Rectangle tool
          • The Text tool
            • Using the Text tool
            • Using web fonts
          • The Selection and Transform tools
            • Using the Selection tool
          • Color tools
        • Importing external assets
          • What is SVG?
            • Importing SVG images
          • What is a bitmap?
            • Importing bitmap Images
          • Working with imported assets
        • Converting assets into symbols
          • Create a Symbol
        • Summary
        • Chapter 4: Creating Motion with Edge
          • Animation within Edge
          • The Edge Timeline
            • Playback controls
              • Time
              • Search
              • Timeline options
            • Timeline controls
              • The Playhead
              • The Mark
              • Zoom controls
            • Keyframes
          • Creating motion
            • Animating with the Playhead
            • Animating with the Mark
            • Editing Transition
              • Duration
              • Delay
              • End
              • Easing
            • Example: Animating a website header
              • Project setup, asset import, and general layout
              • Animating elements
          • Summary
          • Chapter 5: Adding Interactivity to an Edge Composition
            • Working with Actions
              • The Timeline Actions layer
              • Working with Triggers
              • Working with Labels
              • Applying Actions to the Stage
              • Applying Actions to individual elements
            • Overview: The Adobe Edge Runtime APIs
              • Document Object Model events
              • Mouse events
              • Touch events
              • Virtual mouse events
              • Timeline events
            • Example: Adding interactivity to a website header
              • Creating the Text element
              • Adding interactivity to the Title
              • Adding interactivity to the album art
              • Completing the final website header composition
            • Summary
            • Chapter 6: Additional Resources
              • Using an Edge composition within an existing website
              • Online resources
              • About the forthcoming book: Learning Adobe Edge
                • Learning Adobe Edge
                  • Robust motion and interactivity through web standards

              Joseph Labrecque

              Joseph Labrecque is primarily employed by the University of Denver as Senior Interactive Software Engineer specializing in the Adobe Flash Platform, where he produces innovative academic toolsets for both traditional desktop environments and emerging mobile spaces. Alongside this principal role, he often serves as adjunct faculty communicating upon a variety of Flash Platform solutions and general web design and development subjects. In addition to his accomplishments in higher education, Joseph is the Proprietor of Fractured Vision Media, LLC, a digital media production company, technical consultancy, and distribution vehicle for his creative works. He is founder and sole abiding member of the dark ambient recording project An Early Morning Letter, Displaced, whose releases have received international award nominations and underground acclaim. Joseph has contributed to a number of respected community publications as an article writer and video tutorialist. He is also the author of Flash Development for Android Cookbook, Packt Publishing (2011), What's New in Adobe AIR 3, O'Reilly Media (2011), What's New in Flash Player 11, O'Reilly Media (2011), Adobe Edge Quickstart Guide, Packt Publishing (2012) and co-author of Mobile Development with Flash Professional CS5.5 and Flash Builder 4.5: Learn by Video, Adobe Press (2011). He also serves as author on a number of video training publications through video2brain, Adobe Press, and Peachpit Press. He regularly speaks at user group meetings and industry conferences such as Adobe MAX, FITC, D2W, 360|Flex, and a variety of other educational and technical conferences. In 2010, he received an Adobe Impact Award in recognition of his outstanding contribution to the education community. He has served as an Adobe Education Leader since 2008 and is also an Adobe Community Professional. Visit him on the Web at
              Sorry, we don't have any reviews for this title yet.

              Code Downloads

              Download the code and support files for this book.

              Submit Errata

              Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

              Sample chapters

              You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

              Frequently bought together

              Adobe Edge Quickstart Guide +    Node Cookbook =
              50% Off
              the second eBook
              Price for both: ₨277.00

              Buy both these recommended eBooks together and get 50% off the cheapest eBook.

              What you will learn from this book

              • 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.


              Adobe Edge Quickstart Guide is a practical guide on creating engaging content for the Web with Adobe's newest HTML5 tool. By taking a chapter-by-chapter look at each major aspect of Adobe Edge, the book lets you digest the available features in small, easily understandable chunks, allowing you to start using Adobe Edge for your web design needs immediately.

              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.

              Code Download and Errata
              Packt Anytime, Anywhere
              Register Books
              Print Upgrades
              eBook Downloads
              Video Support
              Contact Us
              Awards Voting Nominations Previous Winners
              Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
              Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software