Welcome to Adobe Edge Preview. In this chapter we will meet each other and review some amazing projects that were created in Edge. We will finish our introduction with a quick review of how to use the exercise files provided for each chapter.
Well, hello there, I am Tom Green. If you are wondering "Who is this guy?", let me introduce myself in a more complete manner.
This chapter introduces you to the major features of the Edge interface, including the Stage, the timeline, and the Elements, Properties, and Tools panels. By the end of the chapter you'll understand how the interface elements form an integrated production environment.
The Edge Interface
The Stage is where the magic happens. In this lesson you'll learn how to manage the Stage, its contents, and even its properties.
There are four basic tools available to you in Edge: the Selection tool, the Rectangle tool, the Rounded Rectangle tool, and the Text tool. In this lesson you'll learn how each tool works and where and when to use it.
One application that gets very little "press" when it comes to creating and preparing Edge graphics is Fireworks CS5. Watch this video and you'll discover how the Fireworks Optimization panel and layer export features can have a dramatically positive effect on your workflow.
The Mark is an animation feature unique to Edge. In this lesson you will learn about the intimate relationship between the Mark and the Playhead. You will also learn when to use the Mark and when not to.
Animation is the art of "magic": making things that move appear to move in a lifelike manner. In this lesson you will see how to use the various easing methods built into Edge to add that touch of realism.
Just because something moves from here to there, that doesn't mean the animation process is complete. In this lesson you will be shown a number of techniques that turn moving from here to there into animations with impact.
When you have spent time getting one object in a series moving just right, you don't need to repeat the steps for every other object; instead, you can make copies. In this lesson you'll learn a couple of techniques that can save you a serious amount of time when it comes to animating multiple objects.
In this chapter you learn how to use the code snippets that come packaged with Edge and how they can be combined with markers and triggers to add interactivity to your project. In the process you will discover how code takes Edge projects from simple motion to engaging and compelling web projects.
Using Code Snippets
Edge's code snippets are available in a number of locations. In this video you'll learn how to use the Code Snippets panel and add code to your Edge project.
Allowing the user to control the pace and order of an Edge presentation is the focus of this exercise. You'll see how code, markers, triggers, and timeline animations work together to give the user control of the interactive experience in Edge.
Edge doesn't just work with its own Stage; it is a full HTML editing application, which means that you can open existing HTML pages in Edge and apply Edge techniques to them. In fact, as you will discover, you can even add Edge animations to existing web pages.
Using Edge with Existing Web Pages
One of the best features of Edge is its ability to work with existing HTML documents. In this video you'll see how to open an HTML page in Edge and put an item on the page into motion.