Join Jake Ströh for an in-depth discussion in this video Re-creating a Flash document in Edge Animate, part of Migrating from Flash to Edge Animate.
- View Offline
…Let's begin by reviewing the assets that were used to create the flash file.…I typically have a set of project folders where I keep assets that…were either given to me by a client or generated specifically for a project.…So, if I have Adobe Illustrator files, I will create an AI folder…followed by a dash and the name of the client or the project.…I also do the same thing for Photoshop documents and flash files and the like.…It kind of goes without saying, organization is a…key element when working on projects like this.…
So, to begin our edge animate project.…I am going to create a new folder called EG-samoka.…And then I am going to go to Edge Animate, I am going to create a new document.…And I am going to change the size of the stage to match that of…our flash project, which is 614 wide by 350 high.…And now I am going to save this project inside of the EG-samoka folder.…And I am going to call this samoka-hero-start.…
Next, I'm going to want to import some assets into this project.…And to do that, I am going to go to…
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