Free Sample
+ Collection

Learning Adobe Edge Animate

Joseph Labrecque

Create engaging motion and rich interactivity with Adobe Edge Animate with this book and ebook
RRP $26.99
RRP $44.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 139781849692427
Paperback368 pages

About This Book

  • Master the Edge Animate interface and unleash your creativity through standard HTML, CSS, and JavaScript
  • Packed with an abundance of information regarding the Edge Animate application and related toolsets
  • Robust motion and interactivity through web standards
  • Those approaching Edge Animate from Adobe Flash Professional will find many references and tips for a smooth transition
  • A comprehensive guide for creating engaging content with Adobe Edge Animate.

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 Animate will also find this book useful.

Table of Contents

Chapter 1: Introducing Adobe Edge Animate
The history of Adobe Edge Animate
The inner workings of Edge Animate
Adobe Edge Animate and Adobe Flash Professional
Installing Adobe Edge Animate and getting started
Chapter 2: Drawing and Adjusting Composition Elements
Adobe Edge Animate drawing tools
Drawing elements upon the Stage
Properties unique to rectangle and ellipse elements
Adobe Edge Animate menu items
Chapter 3: Selecting and Transforming Elements
Locating the Selection and Transform tools
The Selection tool
The Transform tool
The Edge Animate Stage
Building responsive compositions
The Elements panel
Properties shared by all element types
Adobe Edge Animate menu items
Chapter 4: Using Text and Web Fonts
Locating the Text tool
The Text tool
Creating text elements on the Stage
Properties unique to text elements
Text shadows
Using web fonts in Adobe Edge Animate
Managing fonts in the Edge Animate Library
Chapter 5: Importing External Assets
Importing external assets
Scalable Vector Graphics
Bitmap images
Working with imported assets
Importing Symbol Libraries
Exporting assets from other Creative Suite applications
Chapter 6: Creating Motion Through the Timeline
Animation within Edge Animate
The Edge Animate Timeline
Creating motion
Editing transitions
Animating a website header
Automated animation techniques
Adobe Edge Animate menu items
Chapter 7: Interactivity with Actions, Triggers, and Labels
Working with Edge Animate actions
Changing the mouse cursor
The Code panel
Action and trigger breakdown
Adding interactivity to a website header
Using touch actions for mobile devices
Adobe Edge Animate menu items
Chapter 8: Making Use of Symbols, Nested Elements, and Grouping
What are Symbols in Edge Animate?
Creating and managing Symbols
Sharing Symbols across Edge Animate compositions
Properties unique to Symbol instances
Nesting elements
Adobe Edge Animate menu items
Chapter 9: Advanced Animation Techniques
Animating with sprite sheets
Animating with PNG sequences
Chapter 10: Publishing Edge Animate Compositions
Publishing an Edge Animate composition
Publish Settings
Capturing a poster image
Down-level Stage
Using project preloaders
Publishing a composition
Chapter 11: Further Explorations with Adobe Edge Animate
The Adobe Edge Animate Runtime API
Modifying existing web content in Edge Animate
Integrating Edge Animate content into existing websites
Embedding more than one Edge Animate composition within a web page
Measuring page load through Chrome Developer tools
Advanced CSS treatments in Edge Animate
Video support in Adobe Edge Animate
Compositional audio integration
Using Adobe Edge Inspect with Edge Animate

What You Will Learn

  • Gain an understanding of the shifting Web landscape
  • Effectively compare Adobe Edge Animate to Adobe Flash Professional motion tools
  • Become familiar with all elements of the Edge Animate application interface
  • Use the drawing tools in Edge Animate to create and manipulate elements on the Stage
  • Import rich graphics for use in Adobe Edge Animate 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
  • Become familiar with the Adobe Edge Animate Runtime APIs for deep manipulation of on-screen elements
  • Apply other Adobe Creative Suite tools in your workflow to get the most out of Edge Animate

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 Animate will detail how to use this professional authoring software to create highly engaging content which targets HTML5, CSS, and JavaScript. Content created in Adobe Edge Animate does not rely on a plugin – so it can be run within any standard browser– even on mobile.

Learning Adobe Edge Animate begins with providing a complete overview of the shifting web landscape and the Edge Animate 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 Animate.

The book presents the reasoning behind engaging, standards-based web content and how Edge Animate fills the need for professional tooling in this area. In the book, we’ll examine content creation, the importing of external assets, how to achieve fluid animation and advanced transitioning through the Edge Animate timeline. The book also covers some cool topics such as interactivity through Actions and Triggers, and it examines workflow options across Adobe Creative Suite applications. Sprinkled throughout the book are tips and references for those coming to Edge Animate from a background in Flash Professional. Towards the end of the book, the reader will explore a variety of more advanced topics such as the Edge Animate Runtime APIs and how Edge Animate can interface with other Creative Suite applications for a full workflow.

Whether the reader is coming to Edge Animate from Flash Professional or is totally new to motion graphics on the web, Learning Adobe Edge Animate will provide a solid foundation of motion and interactivity concepts and techniques along with a set of demo assets to build upon. In the end, you’ll have a firm grasp of what it takes to create engaging content for the web and the familiarity with Edge Animate to actually get it done!


Read More