2014
Lynda
Jake Ströh
2:27
English

Are you an experienced Flash developer feeling stranded or left behind by the shift to HTML5, CSS, and JavaScript? There's hope yet, in the form of Edge Animate, which translates Flash's ease of use into code. Watch this course and learn how to make the connections between developing in Flash and in Edge Animate, and then make the leap to a more modern web development workflow.
Jake Ströh explains how the web has evolved away from Flash, while pointing out key similarities and differences in Edge Animate that make migrating at times both smooth and challenging. He shows how to re-create a simple Flash banner ad inside of Edge Animate, walking through tasks that should be familiar to Flash developers, like keyframing parameters and working with symbols and nested timelines. Text, audio, and video work differently in Edge Animate, so Jake also spends time on those techniques. Then he'll work through the process of developing an interactive mobile prototype that accepts input from touch screens. When you're done, you should have the tools you need to migrate to Edge Animate and start building web projects that live up to modern standards.

Introduction
Welcome
Using the exercise files
1. Why Flash? Why Edge?
A history and comparison of Flash and Edge Animate
2. Interface and Animation Workflows
Comparing Flash and Edge Animate interfaces
Importing and managing assets
Animating keyframes
Working with symbols
Animating symbols and previewing the animation
Utilizing Orient to Path
3. Working with Text
Working with text in Edge Animate
Customizing text styles
Revealing text with clipping
4. Interactivity with Edge
Comparing JavaScript and ActionScript 3.0
Working with the code window
Understanding timeline interactions
Creating button rollovers and timeline labels
Targeting symbol timelines with JavaScript actions
5. Re-creating a Flash project in Edge Animate
Reviewing an existing Flash project
Re-creating a Flash document in Edge Animate
Importing and managing project content
Creating and placing elements on the stage
Creating symbols, groups, and animations
Working with buttons and instances
Creating the image gallery
Exporting the project
How Edge Animate and Flash implement content on the web
6. Working with Video
How video and HTML5 work together
Working with video in an Edge Animate project
7. Thinking Differently
HTML5 Canvas in Flash
Converting SWFs to HTML5 using Swiffy
Working with other Adobe Edge products
Conclusion
Next steps

http://www.lynda.com/

Download File Size:513.54 MB

---