Foundation Adobe Edge Animate [electronic resource] : for HTML5, CSS3, and JavaScript Development /
Green, Tom.author.
Clawson, Michael.author.
Foundation Adobe Edge Animate is a project-oriented book that will walk you through the features of Edge Animate - Adobe's exciting new motion and interaction tool for web standards development. Edge Animate is an application that allows web designers and developers to make full use of many of the features of CSS3, JavaScript, and HTML5. Edge Animate enables you to animate graphics without the need to hand code everything using canvas or SVG. It exports well-formed, standards-compliant code that you can either use to create new web products, or add directly into existing projects. It also features full JavaScript and DOM manipulation, enabling you to get under the hood and create fantastic interactive experiences. Using a unique project-oriented focus you will be creating carefully developed projects designed to give you the skills and confidence necessary to undertake interactive and web design experiences aimed at devices ranging from smart phones to the TV set in your living room. Along the way you will discover how many of the tools in the Adobe Web Design CS6 collection can be fully utilized to create expressive and engaging web applications. This includes: Building interactive projects using the Edge Animate timeline and coding tools. Learning how Fireworks, Photoshop, and Illustrator are used for Edge Animate content creation. Discovering how pages created in Dreamweaver and Muse can become fully interactive and contain motion graphics in Edge Animate.
Title Page; Copyright Page; Table of Contents; About the Authors; About the Technical Reviewer(s); About the Cover Image Designer; Acknowledgments; Foreword; Introduction; Book Structure and Flow; Layout Conventions; Chapter 1 Learning the Edge Animate Interface; Getting Started; Creating a New Edge Animate Document; The Edge Animate Timeline; Managing Your Workspace; The Tools P anel; The Edge Animate Properties Panel; Document Layers and the Elements Panel; Importing Content into Edge Animate; The Edge Animate Menus; Your Turn: Building an Edge Animate Presentation; Opening the .an File
Changing the Order of LayersUsing the Library Panel; Putting Elements in Motion; Using Easing; Browser Testing Your Project; You Have Learned; Chapter 2 Creating Timeline Animations: Part 1; Auto-Keyframing; Manually Adding Keyframes; Adding Extra Keyframes; Adding Transitions to an Element; Creating Anticipation; Animating with the Pin; Clipping Elements in Edge Animate; Using Transitions to Swap Images; Animating Multiple Properties; Swapping Assets; "Recycling" Edge Animate Transitions; Animating with Eases; Your Turn: Animating Web Page Elements with Eases; Curved Paths in Edge Animate
Your Turn: More Anvil DroppingDetails Make the Difference; You Have Learned; Chapter 3 Creating Timeline Animations: Part 2; Shape Tweens; Shadows and Gradients; Using Drop Shadow Parameters to Create Gradients; Nesting Elements; Symbols in Edge Animate; Editing Symbols; Exporting and Importing Symbols; Nesting Symbo; Your Turn: Animate a PNG Sequence; You Have Learned; Chapter 4 Creating Graphics for Edge Animate; Understanding Graphic Formats; Choosing the Right Format; Adobe Edge Animate and Photoshop; Floating a Balloon; Creating a PNG File in Photoshop
From Photoshop to Adobe Edge AnimateCreating Graphics in Illustrator; Cruising the Original Banner Ad; Removing the Hidden Layers from Our SVG File; Lather, Rinse, Repeat; A Word About Text Inside an SVG File; From Illustrator to Adobe Edge Animate; Fireworks and Adobe Edge Animate; Resizing and Optimizing Images; Preparing Fireworks Images for Export to Edge Animate; Batch Processing Images for Adobe Edge Animate; Preparing Flash Animations for Use in Edge Animate; Creating a PNG Sequence in Flash Professional CS6; Creating a Sprite Sheet in Flash Professional CS6
Creating Sprite Animations in Edge AnimateYou Have Learned; Chapter 5 Working with Type in Edge Animate; Fonts and Typefaces; Adding Text; Working with Text Blocks in Edge Animate; Text Shadows; Clipping Text; Meet Your New Best Friend: Web Fonts; Adding Typekit Web Fonts to an Edge Animate Project; Adding a Web Font to Adobe Edge Animate; Adding a Free Google Web Font to an Adobe Edge Animate Project; Using Adobe Edge Web Fonts in Animate; You Have Learned; Chapter 6 Adding Interactivity in Edge Animate; Edge Animate and Code; The Fundamentals of JavaScript
Understanding the Document Object Model
Includes index.
Foundation Adobe Edge Animate is a project-oriented book that will walk you through the features of Edge Animate - Adobe's exciting new motion and interaction tool for web standards development. Edge Animate is an application that allows web designers and developers to make full use of many of the features of CSS3, JavaScript, and HTML5. Edge Animate enables you to animate graphics without the need to hand code everything using canvas or SVG. It exports well-formed, standards-compliant code that you can either use to create new web products, or add directly into existing projects. It also features full JavaScript and DOM manipulation, enabling you to get under the hood and create fantastic interactive experiences. Using a unique project-oriented focus you will be creating carefully developed projects designed to give you the skills and confidence necessary to undertake interactive and web design experiences aimed at devices ranging from smart phones to the TV set in your living room. Along the way you will discover how many of the tools in the Adobe Web Design CS6 collection can be fully utilized to create expressive and engaging web applications. This includes: Building interactive projects using the Edge Animate timeline and coding tools. Learning how Fireworks, Photoshop, and Illustrator are used for Edge Animate content creation. Discovering how pages created in Dreamweaver and Muse can become fully interactive and contain motion graphics in Edge Animate.
Adobe Edge (Computer file).
Computer graphics.
Software engineering.
Computer Graphics.
Software Engineering/Programming and Operating Systems.