Join Jake Ströh for an in-depth discussion in this video Exporting the project, part of Migrating from Flash to Edge Animate.
…Our project is now completed, but we still have a few more steps to cover…for those who are visiting our site…with an older browser that doesn't support HTML5.…In a Flash project, we utilized SWF object as a…way to provide alternate content for those who either had an…old version of the Flash player plugin, had their browser…plugins turned off, or didn't have the plugin installed at all.…To give viewers with unsupported browsers something to view, we need to first create…a poster image and then add that image into what's called a downlevel stage.…
The image that I'd like to create for the…poster image is the stage image without the navigation elements.…So I'm going to turn off those right now.…And over in properties you'll see this section called Poster with a camera icon.…I'm going to click on the camera icon.…And there's a Capture button that allows us to…create an image where the playhead position is currently at.…So I'm going to click Capture.…And then I'm going to go over to the Down Level Stage section and click Edit.…
Author
Jake Ströh
Released
6/25/2014Jake 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
- Adding interactivity with JavaScript actions
- Working with HTML5 video
- Developing for touch screens
- Converting SWFs to HTML5 with third-party tools
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome41s
-
-
1. Why Flash? Why Edge?
-
2. Interface and Animation Workflows
-
Animating keyframes5m 54s
-
Working with symbols3m 50s
-
Utilizing Orient to Path3m 45s
-
3. Working with Text
-
Customizing text styles4m 29s
-
Revealing text with clipping3m 37s
-
4. Interactivity with Edge
-
Working with the code window7m 26s
-
5. Re-creating a Flash project in Edge Animate
-
Creating the image gallery8m 49s
-
Exporting the project4m 12s
-
6. Working with Video
-
7. Thinking Differently
-
HTML5 Canvas in Flash2m 59s
-
-
Conclusion
-
Next steps47s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Exporting the project