Join Jake Ströh for an in-depth discussion in this video Creating symbols, groups, and animations, part of Migrating from Flash to Edge Animate.
- View Offline
…In this exercise, we're going to observe some interesting…differences when grouping stage created elements into a symbol.…Our objective is that we want to animate…the banner and the text together as one object.…In Flash, we would create the text box first and then convert it into a…symbol and then work in isolation mode to add layers in text boxes for vision.…And the new work statement.…In Edge Animate, this workflow is much simpler.…We begin by opening Samoca-symbols-start.…
I'm going to select the banner, hold the Shift key…down and select the vision text in the New Work statement.…And you see, down here on the timeline.…That the three items tagline, vision, and banner-bg are highlighted.…I'm going to right-click now on these selected items and convert…them into a symbol and we're going to name this symbol, banner.…The autoplay timeline, whether it's checked or…unchecked in this case, isn't really a concern.…We're creating the symbol so as to group these objects into one place.…
So I'm going to hit OK.…And you'll notice down on the timeline layer, we…
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