Join Jake Ströh for an in-depth discussion in this video Animating keyframes, part of Migrating from Flash to Edge Animate.
- View Offline
…Keyframing and edge animate might be the biggest…venal shift initially when migrating from Flash, but it…won't take you long to see the ways in…which we can access in keyframe various different properties.…We'll also be applying easing options to our animations.…First we'll start by going to the chapter 2 folder and in the 02_03 folder.…We'll open up keyframes.fla so that we can compare…it, and then build the same animation in keyframes.an.…So open that also in Edge Animate.…What we have here in Flash is essentially a…very simple animation of a background image fading in.…
I have this transparent bar that fades in over time and also moves.…And then the Samoca logo also fades in.…You notice down here on the timeline we…have two different motion tweens, and I'm using…a classic motion tween to illustrate a point…that I'm going to make in Edge Animate.…So let's begin in Edge Animate by fading in the background image.…Which, I will do over the course of approximately one second.…So, I'll begin by selecting the background image and going…
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