Learn the Fundamentals of Adobe Edge Animate
- 4.5 hours on-demand video
- 17 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- By the end of this course, you will:
- Understand the role of Edge Animate in the web motion graphics workflow
- Create compelling Animate compositions from banner ads to adding Animate compositions to ePub layouuts.
- Master the Edge Animate interface as you create compelling animations.
- An Adobe Creative Cloud subscription.
Adobe Edge Animate is a robust motion graphics and interactivity tool designed as a motion graphics tool that allows you to create and deploy motion graphics and interactive projects to the web and DPS publications., In this 5.5-hour course, author and teacher Tom Green shows you what it can do. You’ll learn how to create animations, add moving elements to a static HTML page, how to create and use symbols and add web fonts to your Animate projects. You’ll also see how Animate integrates with Photoshop, Illustrator, and Fireworks and how to use to use the Animate Code panel to add interactivity, looping, and code to your projects. This quick but rich course finisheds up by showing you how to add your Animate compositions to InDesign CS6 projects and even iBooks.
- Web Designers and graphic artists looking to add web motion and interactivity to their projects.
Welcome to Edge Animate, a new motion graphics tool for the Web. In this video you'll learn what you can do with Edge Animate, see some sample projects, and get a good idea of the potential fun you can have.
The key to a successful Animate composition is an understanding of the workflow. In this video we will walk through the process of creating a composition so you know the basic steps involved.
Master the Animate timeline and you master Animate. In this lesson we'll dive deep into the Animate timeline, paying particular attention to transition strips, keyframes, managing the timeline, and adding eases. You'll also learn how to change the timeline units from milliseconds to a more manageable increment.
Everything that happens on the Animate timeline is a direct result of changing the properties of a selection. In this lesson you will learn how to move, scale, distort, rotate, and manipulate of other properties of a selection. We'll also look at the Properties panel, which is extremely useful for working with properties.
Though Animate contains what at first glance appears to be a rudimentary set of tools, upon closer inspection you will discover that this isn't really the case. In this lesson you will see how to create shapes and add text, strokes, and fill colors to objects drawn on the Stage.
One of the more unique features of Animate is the collection of in-app lessons that is installed with the application. In this video you will learn how open the lessons, walk through a particular lesson, and then apply what you have learned to your composition – all without ever leaving Animate.
Animate is a time-based application. This means that the Animate playhead controls how things change in a composition. In this video you will learn how to control the playhead, use it to set the start and end points of motion, and work with the timeline controls that manage the playhead.
In the real world, things don't move at a constant speed or stop and start abruptly. In this video you will learn how to use easing to add a degree of reality to objects in motion. You will see how to apply one of the many easing effects in the Easing panel, the difference between ease in and ease out, and how to apply or change an ease to an object's motion.
Motion or property changes on the timeline are shown through the use of a transitions strip. In this lesson you will see how to move a transition on the timeline, how to decrease or increase a transition's duration, and how to apply the properties in one transition to other elements on the timeline.
In this lesson you will discover the power of parent/child relationships between elements in the Elements panel. You will learn how to make one element the parent of two others (nesting) and have the properties of the parent apply to the children. You will also see how to apply changes that are independent of the parent to the child objects.
In Edge Animate, symbols enable you to create reusable animations that have their own independent timelines. In this lesson you will learn how to create a symbol, add a symbol to the Animate timeline, and edit a symbol in place. We will then take that one symbol, turn it into a starfield, and manipulate the timing of each star to create twinkling stars in the night sky.
Adobe Fireworks is a screen-based graphics application that is ideally suited for creating the optimized JPG and PNG images used by Animate. In this lesson you will learn how a multilayer Fireworks document with transparency can be output to a series of PNG images with what seems to be nothing more than a click of the mouse.
It is rather fascinating that Animate, in an industry that has embraced the modern browser, uses a preloader technology that is a throwback to the early days of the Web: the lowly animated GIF. In this lesson you will learn how to create a GIF file, import it into Animate, and then use that file as a preloader in an Animate composition.
Text is a primary communications medium and in this lesson we'll look at the various ways it can be added to an Edge Animate composition. You will learn how to manually enter text, bring in blocks of text, manipulate text blocks to achieve optimum line length, and even create multiple columns of text.
One of the great advantages of modern browsers is that they let designers move away from the standard web fonts and actually use custom fonts. In this video you will learn how to choose a font from TypeKit, Adobe's web font service, and how to add that font to your Animate composition.
Symbols not only provide a powerful productivity boost, they can also be shared and reused in a variety of Animate projects. In this tutorial, inspired by Animate guru Simon Widjaja, you will learn how to create a generic, reusable button component and to write the code that changes the text in that symbol to reflect the symbol's purpose.
One of the nifty features of Edge Animate is that it recognizes that not all users have a modern browser. In this lesson you will learn how to accommodate users of older browsers by taking a screenshot of the page and then creating a "down-level stage" that will appear if, for example, an Internet Explorer 7 user opens a page containing an Animate composition.
It is a fact of internet life that we have no control over a user's bandwidth and, as such, it could take a few seconds for an Animate composition to load into the browser. In this lesson you will learn how to deal with this by adding a preloader to your Animate composition, whether it's one that comes packaged with Animate or one you have created.
When you need a preloader, you can just choose one of those included with Edge Animate, or you can add your own. In this lesson you will learn how to create a countdown timer in Flash CS6, output a Flash symbol as an animated GIF file, and use one of the Common Library items in Fireworks CS6 as an Animate preloader.
Though Animate is not usually considered a drawing tool, it can create some interesting visual effects. In this lesson you will learn how to create a variety of pillow buttons (buttons with gradients that mimic 3D) using the stroke and fill features of a rounded rectangle and the shadow features of the Properties panel.