book

Adobe® Edge Animate on Demand

Name: Adobe® Edge Animate on Demand
Author: Perspection Inc. Steve Johnson
ISBN: 9780132966702

by Perspection Inc. Steve Johnson

December 2012

Intermediate to advanced

288 pages

11h 12m

English

Que

Read now

Unlock full access

Title Page
Copyright Page
Acknowledgments
Perspection, Inc.AcknowledgmentsAbout the AuthorWe Want to Hear from You!
Contents
Introduction
How This Book WorksWhat’s NewKeyboard ShortcutsStep-by-Step InstructionsReal World ExamplesProject ExamplesWorkshopsGet More on the Web
1. Getting Started with Edge Animate
IntroductionFinding Out What You Can Do with Edge AnimateExploring Edge Animate and Edge ToolsStarting Edge AnimateUsing the Welcome ScreenViewing the Edge Animate WindowPreparing for a ProjectCreating a Project PlanBuilding an Edge Animate ProjectCreating a New AnimationGetting Sample AnimationsOpening an Existing AnimationWorking with Multiple AnimationsPreviewing an Animation in a BrowserSaving an AnimationGetting Online SupportFinishing Up
2. Working Within the Edge Animate Window
IntroductionExamining the Edge Animate WindowChanging Stage PropertiesWorking with the StageChanging the Stage ViewUsing the Tools PanelUsing the Properties PanelUsing the Elements PanelUsing the Library PanelUsing the Timeline PanelWorking with Timeline Panel ControlsUsing the Code PanelWorking with PanelsDocking and Undocking PanelsCreating and Use WorkspacesDefining Keyboard ShortcutsChanging the LanguageUndoing and Redoing Changes
3. Taking In-App Lessons
IntroductionStarting a LessonUsing the Lessons PanelTaking the Quick Start LessonTaking the Create LessonTaking the Animate with Keyframes LessonTaking the Animate with the Pin LessonTaking the Resize LessonTaking the Extend LessonTaking the Reuse Lesson
4. Working with Shapes and Graphics
IntroductionUnderstanding Vector and Bitmap GraphicsGathering and Using GraphicsExamining Import Graphic FormatsImporting GraphicsAdding GraphicsDrawing ShapesUsing Smart Guides with ElementsSelecting ElementsNaming Element IDs or ClassesChanging Element TagsChanging Element DisplayChanging Element OverflowChanging Element OpacityChanging Element PositionChanging Element SizeChanging Element AdjustabilityChanging Shape CornersChanging Shape BordersChanging Shape Background ColorAdding Shadows to ElementsChanging Cursors Over ElementsModifying Image ElementsTransforming Element OriginRotating ElementsSkewing ElementsScaling ElementsChanging Element ClippingAdding Accessibility to Elements
5. Working with Text
Creating Text BoxesAdding TextEditing TextDictating TextInserting Special CharactersExamining Text PropertiesChanging Text PropertiesGetting Web FontsAdding Web FontsResizing Text BoxesClipping TextTransforming TextAdding Shadows to TextChanging Text TagsAdding Links to Text

6. Working with Symbols and Elements
IntroductionCreating SymbolsImporting SymbolsExporting SymbolsCreating an Instance from a SymbolModifying an Instance from a SymbolEditing SymbolsNesting Symbols within SymbolsCopying or Duplicating ElementsDeleting ElementsDisplaying RulersDisplaying GuidesUsing Guides with ElementsAligning and Distributing ElementsStacking ElementsHiding and Showing ElementsGrouping ElementsReparenting ElementsLocking and Unlocking ElementsRenaming Elements
7. Creating Motion Animations
IntroductionCreating an Animation with the PinCreating an Animation with Auto KeyframesCreating an Animation with KeyframesCreating an Animation with a TransitionPlaying AnimationsMaking Adjustments to AnimationsAdjusting Time in an AnimationInserting Time in an AnimationMaking a Resizable AnimationTesting a Resizable Animation
8. Creating Interactive Animations
IntroductionInserting LabelsInserting and Editing TriggersInserting and Editing Action EventsListing of Action EventsInserting Code SnippetsListing of Code SnippetsWorking with JavaScript CodeUsing Show and Hide Element SnippetsUsing Element Text SnippetsUsing the Open URL SnippetUsing Get Symbol SnippetsUsing Create and Delete Symbol SnippetsCreating a Rollover ButtonCreating a Shopping Cart ButtonEmbedding and Playing a VideoAdding and Playing a SoundSwapping Images in a Photo Gallery
9. Publishing Animations
IntroductionPublishing ConsiderationsPublishing a CompositionPublishing for the WebPublishing to the Web for IE 6, 7, and 8Publishing to the Web Using CDNPublishing to the Web as Static HTMLPublishing for Adobe ProgramsPublishing for iBooks AuthorCapturing a Poster ImageCreating a Down-level StageCreating a Preloader Stage
10. Working with HTML, CSS, and JavaScript
IntroductionExamining Edge Animate FilesViewing the Code Behind the ScenesExamining the Adobe Edge Animate RuntimeGetting to Know HTMLWorking with HTMLGetting to Know CSSWorking with CSSPutting a Composition in an HTML DocumentAdding an Animation to an HTML Document
11. Working Together with Adobe Programs
IntroductionOpening Compositions in Adobe DreamweaverImporting into Adobe MuseImporting into Adobe InDesignWorking with Adobe Digital Publishing SuiteSaving Images from Adobe PhotoshopSaving Graphics from Adobe FireworksExporting Images from Adobe IllustratorSaving Artwork from Adobe IllustratorExporting Animations from Adobe Flash
A. Installing Edge Animate and Edge Tools
IntroductionPreparing for Edge Animate and Edge ToolsDownloading Edge Animate and ToolsInstalling Edge Animate and ToolsFinishing the Edge Inspect Install
Keyboard Shortcuts
Adobe Edge Animate 1.0
Menu by Menu
Adobe Edge Animate 1.0
Index
Online Workshop

Content preview from Adobe® Edge Animate on Demand

8. Creating Interactive Animations

What You’ll Do

Insert Labels

Insert and Edit Triggers

Insert and Edit Action Events

List of Action Events

Insert Code Snippets

List of Code Snippets

Work with JavaScript Code

Use Show and Hide Element Snippets

Use Element Text Snippets

Use the Open URL Snippet

Use Get Symbol Snippets

Use Create and Delete Snippets

Create a Rollover Button

Create a Shopping Cart Button

Embed and Play a Video

Add and Play a Sound

Swap Images in a Photo Gallery

Introduction

JavaScript is a scripting language that adds functionality to a web page. Many elements that you find on a web page, such as menus, are created with JavaScript code. Since JavaScript is so common in web page development, Edge Animate uses JavaScript as part ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Adobe® Edge Animate Classroom in a Book®

Publisher Resources

ISBN: 9780132966702Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Adobe® Edge Animate on Demand

by Perspection Inc. Steve Johnson