MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Edge Animate Essential Training

Course Summary

Discover how to use the complete Edge Animate toolset to lay out and animate motion graphics for your website, mobile devices, digital magazine, iBooks, and more.


  • +

    Course Syllabus

    •  Introduction
    • About this course
    • How do I get the software?
    • Using the exercise files
    • What does Edge Animate actually create?
    • What's new in Edge Animate 1.5?
    • What's new in Edge Animate CC (2.0)?
    • What's new in Edge Animate CC (3.0)?
    • What's new in Edge Animate CC (4.0)? UPDATED
    • 1. Understanding the Edge Animate Interface
    • The splash screen
    • Overview of the interface UPDATED
    • Customizing Edge Animate
    • For those familiar with HTML and CSS
    • 2. Creating Content in Edge Animate
    • Creating a new project
    • Using the Rectangle and Ellipse tools
    • Using the Transform tool vs. the Properties panel
    • Using the Text tool
    • Importing content into Edge Animate
    • Manipulating content in Edge Animate
    • Applying CSS filters to elements
    • Applying CSS shadows to elements and text
    • Creating CSS gradients
    • 3. Preparing Content for Use in Edge Animate
    • Preparing content with Adobe Photoshop
    • Preparing content with Adobe Illustrator UPDATED
    • Preparing content with Adobe Fireworks
    • Preparing content with other graphics tools
    • Preparing HTML5 audio with Adobe Audition
    • Encoding HTML5 video NEW
    • 4. Composing Layouts in Edge Animate
    • Creating a composition
    • Adding and arranging elements
    • Adding text to your composition
    • Creating templates
    • Adding audio to your composition
    • Adding video to your composition NEW
    • 5. Animating Elements
    • Activating properties to animate
    • Using Auto Keyframe and Auto Transition
    • Animating with the Toggle Pin
    • Setting easing options for animations
    • Animating clip and background position
    • Combining transformations
    • Working with sprite animations UPDATED
    • Animating CSS filter and shadow properties
    • Animating CSS gradients
    • Animating elements along a path
    • Combining audio effects with animation
    • Animating audio properties
    • 6. Making Adjustments to Animations
    • Adjusting animations
    • Moving entire animations
    • Reusing animation properties
    • Changing animated artwork
    • Setting an animation to loop
    • Editing and transforming motion paths
    • 7. Working with Symbols
    • Using symbols
    • Creating animated symbols
    • Controlling symbol playback
    • 8. Working with Actions
    • What is a trigger? UPDATED
    • Assigning actions to objects UPDATED
    • Targeting symbols with actions UPDATED
    • Targeting labels with actions UPDATED
    • Using touch start and end events UPDATED
    • Using swipe gestures UPDATED
    • Creating article links for Adobe DPS magazines NEW
    • Creating your own custom code snippets NEW
    • 9. The Code Panel
    • The Code window interface UPDATED
    • Adding stage and preload events UPDATED
    • 10. Creating Responsive Layouts
    • Grouping elements into symbols
    • Setting the stage measurements
    • Adjusting the measurements of objects
    • Using presets for responsive layout
    • Setting responsive stage properties
    • 11. Using Web Fonts in Edge Animate
    • Using fonts from Adobe TypeKit
    • Using fonts from Google
    • Using fonts from Extensis WebINK
    • Using fonts from Edge Web Fonts
    • 12. Considering Older Web Browsers
    • Creating a poster image
    • Creating a Down-Level Stage
    • Adding a preloader for your project
    • 13. Working Between Edge Animate Projects
    • Working with multiple open documents
    • Exporting and importing symbols
    • 14. Publish Settings
    • Publishing for the web
    • Publishing to an Animate Deployment Package (OAM)
    • Publishing for iBooks and OS X
    • 15. Using Edge Animate on Existing HTML
    • Animating elements of a responsive web design
    • 16. Going Beyond the Edge Animate Interface
    • Adding HTML into text boxes UPDATED
    • Adding JavaScript to your composition
    • 17. Using Edge Animate Projects in Other Authoring Applications
    • Using OAM files in Adobe InDesign CS6
    • Using OAM files in Adobe Dreamweaver CS6
    • Using OAM files in Adobe Muse
    • Using widgets in OS X Dashboard
    • Using widgets in iBooks Author
    • 18. Coming to Edge Animate from Adobe Flash
    • Relating to a new interface
    • Creating animations
    • Assigning actions
    • Differences in publishing
    • 19. Coming to Edge Animate from Adobe After Effects
    • Relating to a new interface
    • Creating animations
    • Differences in publishing
    • 20. Coming to Edge Animate from Adobe Photoshop CS6 Extended
    • Creating animations
    • Differences in publishing
    • 21. Coming to Edge Animate from Adobe Photoshop CS5 Extended
    • Creating animations
    • Differences in publishing
    • 22. Coming to Edge Animate from Sencha Animator 1.3
    • Relating to a new interface
    • Creating animations
    • Differences in publishing
    • 23. Coming to Edge Animate from Tumult Hype 1.5.2
    • Relating to a new interface
    • Creating animations
    • Differences in publishing
    • Conclusion
    • Conclusion  


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 3 hours / week

This course is listed under Development & Implementations , Operating Systems and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top