Join Jake Ströh for an in-depth discussion in this video Creating and placing elements on the stage, part of Migrating from Flash to Edge Animate.
…We'll now begin the steps of creating the edge version of our Flash project.…In the same ways that we worked within Flash, we'll be…working with imported assets while creating…or generating assets within edge itself.…So let's begin by opening the samoca-placing-start file.…This document stage size is already set to our…project size of 614 pixels wide by 350 pixels high.…We'll begin by putting our home JPEG image onto…the stage and this acts as our background image.…
Now click off and click back on to this,…even though I did get a prompt that said it…was in the zero top and left corner of our…stage area which is where I wanted to place it.…I also want to make sure that it's also correct here in the properties.…Next I'm going to select the Rectangle tool and I'm…going to create the banner up here at the top.…I'm going to change the background color to a hexadecimal value of 1692BC.…Now with the banner box selected, I'm going to…change the width to 455 pixels by 70 pixels high.…
And just make sure it's placed flush left and…
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