title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.
Adobe Edge Animate CC
Course Description
Overview
Adobe Edge Animate represents the next step in the evolution of interactive and animated Web content development. With the growing adoption of HTML5 standards, modern browsers are now able to display rich media without the need for plug-ins, such as the Flash Player. In conjunction with CSS3 and JavaScript, Edge Animate enables users to integrate animation and complex interactivity for stunning visuals and engaging user experiences.
Objectives
Audience
Designers who want to create animation and interactivity for the web or devices. Can be used on the web, ePub & DPS in InDesign, and iBook Author with outputs to javascript, oam files, and widgets.
Prerequisites
- Practical working knowledge of Mac OS X or Windows skills.
- Some knowledge of HTML5, CSS3 and JavaScript is helpful, but not required.
Topics
Lesson 1: Getting Started
- Starting Edge Animate
- Getting to know the workspace
- Working with elements
- Understanding the Element and Timeline panels
- Adding motion
- Previewing the motion
- Continuing and modifying the motion
- Next steps
Lesson 2: Creating Graphics and Importing Art
- Lesson overview
- Understanding graphic formats
- Working with bitmaps
- Working with vector graphics
- Creating HTML elements
- Modifying rectangles
- Working with Rulers and Guides
- Creating text
- Embedding custom fonts
- Tidying up your elements
- Organizing your elements
- Adding special effects
- Making rotations
Lesson 3: Designing Animation
- Getting started
- About animation
- Understanding the project file
- Animating position with the Pin
- Changing pacing and timing
- Turning the display on and off
- Animating scale
- Creating fades
- Timeline panel options
- Copying and pasting animations
- Adding easing to refine motion
- Editing overall timing
- Creating Animation on a path
Lesson 4: Refining Animation and Adding Complexity
- Getting started
- About symbols
- Creating nested animations
- Animating symbols on the Stage
- Creating a looping animation
- Symbol instances
- Playback commands
- Editing symbols
- Adding the characters
- Clipping animation
- Animating shadows
- Working with advanced eases
Lesson 5: Adding Basic Interactivity
- Getting started
- About interactive compositions
- Understanding JavaScript
- Timeline triggers
- Minding your syntax
- Events and actions
- Creating the buttons
- Navigating the Code panel
- Creating labels
- Adding visual feedback
- Customizing the mouse cursor
- Controlling animated elements
Lesson 6: Embedding Media and Advanced Interactivity
- Getting started
- Embedding media
- Showing embedded media
- Removing media
- Adding hyperlinks
- Adding HTML content
- Keyboard events
- Handling logic with conditionals
- Using variables
- Coding an interactive slideshow
- Final edits
Lesson 7: Publishing and Responsive Design
- Getting started
- Publishing your composition
- Down-level Stage
- Preloaders
- Embedding your composition into HTML
- About responsive design
- Edge Animate resources
Related Courses
-
Animate CC Fundamentals: An Introduction to Animate CC
ANFund-FMC-US- Duration: 2 Days
- Delivery Format: Online Training
- Price: 1,195.00 USD
Self-Paced Training Info
Learn at your own pace with anytime, anywhere training
- Same in-demand topics as instructor-led public and private classes.
- Standalone learning or supplemental reinforcement.
- e-Learning content varies by course and technology.
- View the Self-Paced version of this outline and what is included in the SPVC course.
- Learn more about e-Learning
Course Added To Shopping Cart
bla
bla
bla
bla
bla
bla
Self-Paced Training Terms & Conditions
Sorry, there are no classes that meet your criteria.
Please contact us to schedule a class.
STOP! Before You Leave
Save 0% on this course!
Take advantage of our online-only offer & save 0% on any course !
Promo Code skip0 will be applied to your registration