Join Jake Ströh for an in-depth discussion in this video Working with text in Edge Animate, part of Migrating from Flash to Edge Animate.
…Having the ability to render text with the fonts of our choice and then type set…them exactly as we intend was definitely the…allure for many designers to adopt Flash early on.…Designers have waited a long time for similar options on the Web.…HTML5 has allowed us the opportunity to work…with various different fonts for our online designs.…Edge Animate incorporates those HTML font capabilities in…a way that is very simple to use.…We'll begin by opening edge-fonts-start.an.…On stage, we have a background image of Lake Michigan in the wintertime.…
To add text to this, I am going to select the Text tool and I'm…going to click on the stage area, and you'll see that we get a text box.…Essentially, what we're going to be doing is adding HTML text to our document.…I'm going to type up Lake Michigan…in winter.…And you see that it actually puts text right into our composition.…Just move this slightly, and to change our fonts or alter…our fonts, we'll go over here to the Properties Inspector and under…Text, there is this pull-down menu which offers many of the…
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