Join Jake Ströh for an in-depth discussion in this video Customizing text styles, part of Migrating from Flash to Edge Animate.
…We're going to explore additional typographical…style adjustments, and then I'll introduce…you to how to add a CSS filter effect to a text box.…What we have here, is our Lake Michigan in the winter tag line.…And this is currently using a font family, font stack, which…is what we have been doing in HTML for quite some time.…So, essentially, this text box is relying on what fonts are available…within this font stack for devices and computers on the user end.…In the bottom right corner, we have the title…Klode Park, which is utilizing a webfont called Squadra One.…
When I open this document, you can immediately tell what type of webfonts…you're utilizing by going over to the…library and looking under the fonts section.…Next I'm going to select tagline and I want to adjust letter spacing.…And you'll notice here, any one of these parameters in…the Property Inspector that have a keyframe next to it and…gives the ability to add keyframes, means that we can adjust…these parameters over the course of time on the main timeline.…
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