Adobe TV Fri, 24 May 2013 00:04:33 +0000 Fri, 24 May 2013 00:04:33 +0000 http://tv.adobe.com/show/learn-edge-animate/ Learn the basics of Edge Animate with tutorials by product experts. 2013 Adobe Systems Inc. http://thumbnails.tv.adobe.com/2013-05-6/6123b6e2-7733-0cca-17cd-547ee63d7fac.jpg http://tv.adobe.com/show/learn-edge-animate/ 60 adobetv@adobe.com (Adobe TV) 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 with this application. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/what-is-edge-animate-and-what-can-i-create-with-it/ http://tv.adobe.com/watch/learn-edge-animate/what-is-edge-animate-and-what-can-i-create-with-it/ adobetv@adobe.com (Adobe TV) 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 how to accommodate users of older browsers by creating a screenshot of the page and then creating a down-level stage that will appear if, for example, an IE 7 user opens a page containing an Animate composition. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/creating-a-downlevel-stage/ http://tv.adobe.com/watch/learn-edge-animate/creating-a-downlevel-stage/ adobetv@adobe.com (Adobe TV) The endgame of the Animate process is outputting the composition. In this lesson we'll walk through the publishing options that are available, from HTML to inclusion in iBook projects. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/publishing-and-integration/ http://tv.adobe.com/watch/learn-edge-animate/publishing-and-integration/ adobetv@adobe.com (Adobe TV) Animate doesn't just create its own standalone motion graphics. In this lesson you will learn how Animate can open an existing static HTML page and then put elements on that page into motion. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/edge-animate-and-html/ http://tv.adobe.com/watch/learn-edge-animate/edge-animate-and-html/ adobetv@adobe.com (Adobe TV) Interactivity is driven by code, and Animate makes the coding process accessible for all skill levels from beginner to coding god. In this lesson you will see how to create interactive buttons, how triggers and labels work together, and how to use the JavaScript snippets included in Animate. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/adding-interactivity-to-a-static-page/ http://tv.adobe.com/watch/learn-edge-animate/adding-interactivity-to-a-static-page/ adobetv@adobe.com (Adobe TV) One of the great advantages of modern browsers is that they let designers to move away from the standard web fonts and actually use custom fonts. In this video you will learn how to choose a font in TypeKit, Adobe's web font service, and how to add that font to your Animate composition. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/using-typekit/ http://tv.adobe.com/watch/learn-edge-animate/using-typekit/ adobetv@adobe.com (Adobe TV) Content has to come from somewhere, and the Adobe imaging and drawing tools are powerhouses when it comes to creating content for Animate. In this lesson you will see how to create content in Fireworks CS6, Photoshop CS6, and Illustrator CS6. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/creating-content-for-animate/ http://tv.adobe.com/watch/learn-edge-animate/creating-content-for-animate/ adobetv@adobe.com (Adobe TV) In this lesson you will learn that type is not just that grey stuff that goes around images and line art. You will learn how to put text in motion and how to manipulate text properties in exactly the same way you would manipulate the properties of any other content in Animate. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/setting-type-in-motion/ http://tv.adobe.com/watch/learn-edge-animate/setting-type-in-motion/ adobetv@adobe.com (Adobe TV) 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. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/symbols-in-edge-animate/ http://tv.adobe.com/watch/learn-edge-animate/symbols-in-edge-animate/ adobetv@adobe.com (Adobe TV) Keyframes in Animate define how objects move or change over time. In this video we'll take a look at how to add keyframes, the relationship between the playhead and keyframes, and how to use the Properties panel to create rather drastic changes to selected objects. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/keyframes/ http://tv.adobe.com/watch/learn-edge-animate/keyframes/ adobetv@adobe.com (Adobe TV) 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. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/the-animate-timeline/ http://tv.adobe.com/watch/learn-edge-animate/the-animate-timeline/ adobetv@adobe.com (Adobe TV) In this anatomy lesson we'll move out of the interface and look at the files that are created when you save an Animate project. It is obvious that Edge lives in an HTML5 universe, but it is also a compilation of JavaScript, JQuery, CSS3, JSON, and HTML. In this video we'll look at where these files are located and what they do. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/anatomy-of-an-edge-project/ http://tv.adobe.com/watch/learn-edge-animate/anatomy-of-an-edge-project/ adobetv@adobe.com (Adobe TV) There is a lot more to creating an Edge Animate composition than simply moving things from here to there. This lesson will walk you through the creation of a composition involving motion, tweening, and the use of eases in a typical Animate project. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/creating-a-simple-animation-in-edge-animate/ http://tv.adobe.com/watch/learn-edge-animate/creating-a-simple-animation-in-edge-animate/ adobetv@adobe.com (Adobe TV) The key to a successful Animate composition is an understanding of the workflow. In this video we will walk through the workflow (assemble, animate, browser test) that is involved in creating an Animate composition. Fri, 05 Oct 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/edge-animate-endtoend-workflow/ http://tv.adobe.com/watch/learn-edge-animate/edge-animate-endtoend-workflow/ adobetv@adobe.com (Adobe TV) In this video Web Evangelist Paul Trani will show you the fundamentals of Adobe Edge Animate as well as how to create and import assets. Tue, 21 Aug 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/adobe-edge-animate-creating-and-importing-1-of-4/ http://tv.adobe.com/watch/learn-edge-animate/adobe-edge-animate-creating-and-importing-1-of-4/ adobetv@adobe.com (Adobe TV) In this video learn how to easily create animation in Edge Animate. Add animation to any element on the stage very easily. Even add custom tweens. Also what is shown is how to use something unique to Edge Animate, the pin tool. Tue, 21 Aug 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/adobe-edge-animate-creating-animation-2-of-4/ http://tv.adobe.com/watch/learn-edge-animate/adobe-edge-animate-creating-animation-2-of-4/ adobetv@adobe.com (Adobe TV) In this video you will learn how to go beyond absolute positioning of elements and make cotnent that responds to the size of the browser. Tue, 21 Aug 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/adobe-edge-animate-creating-a-flexible-layout-3-of-4/ http://tv.adobe.com/watch/learn-edge-animate/adobe-edge-animate-creating-a-flexible-layout-3-of-4/ adobetv@adobe.com (Adobe TV) In this video learn how to add interactivity to buttons as well as to the timeline using code snippets. Code snippets create JavaScript code but you can also customize it or even add your own JavaScript code to your content. Tue, 21 Aug 2012 00:00:00 +0000 http://tv.adobe.com/watch/learn-edge-animate/adobe-edge-animate-adding-interactivity-4-of-4/ http://tv.adobe.com/watch/learn-edge-animate/adobe-edge-animate-adding-interactivity-4-of-4/