Join Jake Ströh for an in-depth discussion in this video Utilizing Orient to Path, part of Migrating from Flash to Edge Animate.
- View Offline
…One of the really cool things that we've been able to do in Flash, and thankfully,…had gotten much easier in recent releases, is…the ability to orient a symbol to a path.…In Edge Animate, it's even cooler.…So, we'll begin by…opening up orient-to-path.fla and orient-to-path-start.an.…Here in Flash you'll see that we have an animation where the top and bottom rockets…crisscross and the middle center rockets just continues…to traverse through the center from left to right.…
And of course, how we'd done this is we adjusted the…path with the Bézier tool, and then we selected Orient to path.…We're all quite familiar with this.…In Edge Animate, to achieve the same thing, I'm…going to start by selecting the top grouping of rockets.…When you hover over a motion path, you get not…only the ability to add an anchor, but if we hold…down the Command button, we have the ability to actually…drag the entire animation path and reposition it on the stage.…
If we select the Option key, we have the ability to rotate.…And if we hold down Cmd+Option, we can actually scale the path.…
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.
- Understanding the history of Flash and the evolution toward HTML5
- Comparing the interface, keyframing, and asset management
- Re-creating a Flash project in Edge Animate
- Working with web fonts and CSS font styles in Edge Animate
- Working with HTML5 video
- Developing for touch screens
- Converting SWFs to HTML5 with third-party tools