Energize Existing HTML Pages with Motion Using Adobe Edge Animate

Show:

Adobe Evangelists - Paul Trani

Products Covered:

Save

Translations

Was this episode helpful?

Yes No

About This Episode

Web Evangelist Paul Trani shows you how easy it is to add animation and motion to existing HTML pages using Adobe Edge Animate 1.0, making your content come to lfe.

Show More Details

More Episodes

Comments

Episode Title	Runtime	CC	Products Covered	My Library
Introducing Adobe Edge Animate Introducing Adobe Edge Animate Web Evanglist Paul Trani gives you an overview of Adobe Edge Animate 1.0, a new tool for creating animated and interactive content using HTML, CSS and JavaScript. Runtime: 00:01:19 Added: October 18, 2012 Views: 10,593	00:01:19
Energize Existing HTML Pages with Motion Using Ado... Energize Existing HTML Pages with Motion Using Adobe Edge Animate Web Evangelist Paul Trani shows you how easy it is to add animation and motion to existing HTML pages using Adobe Edge Animate 1.0, making your content come to lfe. Runtime: 00:01:24 Added: October 18, 2012 Views: 10,829	00:01:24
Easily Add Rich Interactivity to HTML Pages with A... Easily Add Rich Interactivity to HTML Pages with Adobe Edge Animate Learn how to add interactivity to your HTML content in Adobe Edge Animate 1.0. Paul Trani, Web Evangelist, will show you how to add your own JavaScript code or use pre-built code snippets. Runtime: 00:01:38 Added: October 18, 2012 Views: 8,251	00:01:38
Introducing Adobe Edge Inspect Introducing Adobe Edge Inspect In this video Worldwide Web Evangelist -Paul Trani provides an overview of the new Edge Inspect features. See how easy it is to preview and inspect mobile web workflows. Runtime: 00:01:57 Added: October 18, 2012 Views: 6,607	00:01:57
Adobe Edge Animate: Adding Interactivity (4 of 4) Adobe Edge Animate: Adding Interactivity (4 of 4) 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. Runtime: 00:06:45 Added: August 21, 2012 Views: 17,357	00:06:45
Adobe Edge Animate: Creating a Flexible Layout (3... Adobe Edge Animate: Creating a Flexible Layout (3 of 4) 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. Runtime: 00:07:40 Added: August 21, 2012 Views: 15,848	00:07:40
Adobe Edge Animate: Creating Animation (2 of 4) Adobe Edge Animate: Creating Animation (2 of 4) 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. Runtime: 00:10:27 Added: August 21, 2012 Views: 19,808	00:10:27
Adobe Edge Animate: Creating and Importing (1 of 4... Adobe Edge Animate: Creating and Importing (1 of 4) 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. Runtime: 00:10:34 Added: August 21, 2012 Views: 15,629	00:10:34
Code Templates for Mobile Development Code Templates for Mobile Development Paul Trani discusses how Flash Professional CS5.5 allows you to get up and running with mobile development with newly available code templates. Runtime: 00:09:55 Added: October 11, 2011 Views: 5,125	00:09:55
Code Snippets for Mobile Development Code Snippets for Mobile Development In this video, Paul Trani uses code snippets in Flash Professional CS5.5 to quickly turn his Flash project into a fully-functional app for mobile devices. Runtime: 00:12:29 Added: October 04, 2011 Views: 2,773	00:12:29
Multiple Spans on an IK Layer Multiple Spans on an IK Layer Join Paul Trani as he explores the powerful animation potential of IK layers in Flash Professional CS5.5, allowing you to link assets together to create dynamic, skeleton-like structures. IK layers act like Motion tweens. Runtime: 00:03:26 Added: September 27, 2011 Views: 2,063	00:03:26
Text Container Manager for Runtime TLF Text Container Manager for Runtime TLF Paul Trani highlights the strengths of TLF text in Flash Professional CS5.5, and reveals a few tricks for optimizing SWF file sizes by using the Text Container Manager (TCM). TCM text is a subset of TLF text functionality that yields smaller file sizes and is appropriate for any text that will not change at runtime. Runtime: 00:04:32 Added: September 20, 2011 Views: 1,552	00:04:32
Determining Speed Data from GPS Determining Speed Data from GPS Using ActionScript you can get GPS data from the device. Often the latitude and longitude is used, but did you know you can also get the direction of movement, accuracy, altitude as well as the speed? In this video learn how to get the speed property to create a simple and effective running app. Runtime: 00:08:10 Added: September 14, 2011 Views: 8,306	00:08:10
Copying and Pasting Layers Copying and Pasting Layers Developer Evangelist Paul Trani shows how easy it is to manipulate entire sets of layers with a new feature in Flash Professional CS5.5 to duplicate aspects of an animation or create After Effects style compositions. Runtime: 00:02:42 Added: September 13, 2011 Views: 3,073	00:02:42
Scaling Multi-Selected Tweens Scaling Multi-Selected Tweens In this video, Paul Trani discusses the challenge of scaling complex animations across multiple screen sizes, and offers a couple workflows for accomplishing this in Flash Professional CS5.5. Runtime: 00:03:12 Added: September 06, 2011 Views: 5,086	00:03:12
CSS Style Sheets with TLF Text CSS Style Sheets with TLF Text Developer Evangelist Paul Trani applies CSS styling to TLF (Text Layout Framework), showcasing the rich design flexibility of ActionScript coding for Flash Professional CS5.5 projects. Runtime: 00:08:12 Added: August 30, 2011 Views: 3,593	00:08:12
Shake Detection Shake Detection Detecting the shake of a device can be used for gaming or for simply clearing form fields in an app. In this video learn how to easily do just that. Runtime: 00:07:07 Added: September 07, 2011 Views: 6,510	00:07:07
Multiscreen Best Practices Multiscreen Best Practices What is the workflow when it comes to creating an app for multiple mobile platforms that all have different screen sizes and capabilities? In this video learn the workflow for taking an app from an Android device, to iOS to the BlackBerry PlayBook. Runtime: 00:13:12 Added: August 31, 2011 Views: 4,954	00:13:12
Accessing the Phone, Email, Maps and Messaging on... Accessing the Phone, Email, Maps and Messaging on Mobile Devices Mobile devices have capabilities beyond a desktop computer. In this video learn how to launch and load a phone number, email, directions, and SMS messaging all on a mobile device. Runtime: 00:16:44 Added: August 17, 2011 Views: 3,164	00:16:44
Screen Density Screen Density Unlike laptop computers, the DPI (dots per inch) on mobile devices vary widely. This has a direct affect on the size of your content. In this video learn how to adjust the size of graphics as well as which graphics to use based on the DPI of the device. Runtime: 00:10:53 Added: August 10, 2011 Views: 3,307	00:10:53
Optimizing Graphics with ActionScript Optimizing Graphics with ActionScript Sometimes graphics are dynamically created using ActionScript. The question is, how do you use ActionScript to optimize the graphics being used? In this video Paul Trani uses Flash Pro to show you how to do just that. Runtime: 00:06:14 Added: March 22, 2011 Views: 8,607	00:06:14
Optimizing Graphics Optimizing Graphics Making sure graphics perform well on mobile devices is important for any app. In this video Evangelist Paul Trani takes you through how to optimize graphics on the stage in Flash Pro. Runtime: 00:10:22 Added: March 22, 2011 Views: 5,600	00:10:22
Navigating to Websites (10 of 10) Navigating to Websites (10 of 10) Learn how to add button functionality that will enable your users to navigate to other web sites. Runtime: 00:04:28 Added: November 30, 2010 Views: 10,714	00:04:28
Designing for Multiple Screens Designing for Multiple Screens Interested in moving your content beyond the browser but don’t know where to begin? Start here with an understanding of how to design for multiple screens. Runtime: 00:10:14 Added: August 31, 2010 Views: 4,760	00:10:14
Resizing Content for Multiple Screens Resizing Content for Multiple Screens Regardless of what size screen your content is on, you want to make sure your content looks as good as possible. Paul will show you how to create a flexible interface in a browser, on the desktop or on a mobile device. Runtime: 00:12:43 Added: September 07, 2010 Views: 5,643	00:12:43
Accelerometer Basics Accelerometer Basics In this video Paul will show you how to access and use accelerometer data available in most smart phones. Runtime: 00:10:35 Added: September 17, 2010 Views: 4,604	00:10:35
Tapping into Gestures Tapping into Gestures Many smartphones these days have gesture capability, and Paul will show you how to tap into this functionality using Flash. Runtime: 00:08:17 Added: September 21, 2010 Views: 9,916	00:08:17
Adding Labels for Flexibility (9 of 10) Adding Labels for Flexibility (9 of 10) Using labels in Flash is a great way to organize content and make your timeline more flexible. In this video Paul shows you how to use labels with buttons to make your project easy to update. Runtime: 00:05:24 Added: November 23, 2010 Views: 6,075	00:05:24
Adding Interactivity (8 of 10) Adding Interactivity (8 of 10) See how easy it is to add functionality to buttons, which can make it much easier for users to navigate your application. Runtime: 00:08:56 Added: November 16, 2010 Views: 14,004	00:08:56
Creating Custom Animation (7 of 10) Creating Custom Animation (7 of 10) Flash allows you to easily create animation from scratch and even animate an object in 3D space. Watch this video to learn how and to see how to save animation for later use. Runtime: 00:07:15 Added: November 09, 2010 Views: 20,116	00:07:15
Adding Animation (6 of 10) Adding Animation (6 of 10) Paul shows you how to add quick, customizable animation to any content using motion presets in Flash CS5. Runtime: 00:09:34 Added: November 02, 2010 Views: 22,878	00:09:34
Importing a PSD File (5 of 10) Importing a PSD File (5 of 10) Learn how to import complex Photoshop PSD files while keeping the text and graphics editable. Runtime: 00:08:30 Added: October 26, 2010 Views: 15,197	00:08:30
Importing and Editing Images (4 of 10) Importing and Editing Images (4 of 10) In this video you’ll learn how to import and edit images in Flash. Runtime: 00:02:49 Added: October 19, 2010 Views: 13,707	00:02:49
Creating Buttons (3 of 10) Creating Buttons (3 of 10) See how easy it is to make buttons in Flash, as well as reuse them effectively, making edits easy and your file size small. Runtime: 00:09:16 Added: October 12, 2010 Views: 31,092	00:09:16
Creating Graphics and Symbols (2 of 10) Creating Graphics and Symbols (2 of 10) In this video Paul shows how to create graphics in Flash and turn them into the building blocks of Flash. Runtime: 00:07:43 Added: October 06, 2010 Views: 18,022	00:07:43
Setting up Your First Flash File (1 of 10) Setting up Your First Flash File (1 of 10) Over the course of this series, instructor Paul Trani will show you how to build an Adobe Flash professional CS5 project from the ground up. In this episode, you’ll learn how to set up your first Flash file--and your workspace--for maximum efficiency. Runtime: 00:04:54 Added: October 04, 2010 Views: 25,151	00:04:54
Actionscript Code Snippets in Flash Professional C... Actionscript Code Snippets in Flash Professional CS5 In this episode, trainer Paul Trani shows off one of his favorite features in Flash Professional CS5: Actionscript Code Snippets. He'll show you how to use and modify existing snippets to quickly add functionality to your project, as well as creating and saving your own snippets for later use. Runtime: 00:11:01 Added: June 09, 2010 Views: 7,856	00:11:01
Getting Started: 13 Exporting your project Getting Started: 13 Exporting your project Export audio to multimedia formats such as Blu-ray and YouTube. Launch the Adobe Media Encoder. Adjust the format and preset settings. Render video. Runtime: 00:05:01 Added: October 08, 2008 Views: 65,554	00:05:01
Getting Started: 12 Adding and adjusting audio Getting Started: 12 Adding and adjusting audio Make audio adjustments to movies. Delete audio from a clip and add a music track. Unlink audio and video clips. Adjust audio volume. Trim audio. Runtime: 00:10:24 Added: October 08, 2008 Views: 52,124	00:10:24
Getting Started: 11 Adding titles Getting Started: 11 Adding titles Create a title for a video. Launch the Titler and preview title styles. Adjust title properties such as drop shadows and font size. Add motion. Runtime: 00:08:06 Added: October 08, 2008 Views: 58,708	00:08:06
Getting Started: 10 Inserting graphics Getting Started: 10 Inserting graphics Add graphics to a movie and layer them on top of video. Import files as individual layers. Add multiple layers to a composition. Apply effects. Runtime: 00:04:00 Added: October 08, 2008 Views: 48,171	00:04:00
Getting Started: 09 Applying effects Getting Started: 09 Applying effects Explore effects beyond color correction and transitions. Add a four-color gradient. Change the blending mode. Save effects as presets and apply them. Runtime: 00:04:20 Added: October 08, 2008 Views: 49,434	00:04:20
Getting Started: 08 Applying transitions Getting Started: 08 Applying transitions Define transitions and add them to a movie. Learn how to use cuts, cross-fades, cross-dissolves, and zooms. Adjust the length of a transition. Runtime: 00:03:58 Added: October 08, 2008 Views: 57,150	00:03:58
Getting Started: 07 Correcting color Getting Started: 07 Correcting color Correct contrast and color using effects. Open the Effects panel. Access video and audio effects and transitions. Use Auto Contrast and Change to Color. Runtime: 00:05:26 Added: October 08, 2008 Views: 63,323	00:05:26
Getting Started: 06 Editing your video Getting Started: 06 Editing your video Learn the basics of video editing. Select and trim video. Set the in point and out point of a clip. Select multiple files and place them in the Timeline. Runtime: 00:06:43 Added: October 08, 2008 Views: 101,985	00:06:43
Getting Started: 06 Editing your video Getting Started: 06 Editing your video Learn the basics of video editing. Select and trim video. Set the in point and out point of a clip. Select multiple files and place them in the Timeline. Runtime: 00:06:43 Added: January 04, 2009 Views: 5,056	00:06:43
Getting Started: 05 Exploring the workspace Getting Started: 05 Exploring the workspace Navigate the Premiere Pro interface. Select and resize panels to view metadata. View panels in Full Screen mode. Modify and customize workspaces. Runtime: 00:02:54 Added: October 08, 2008 Views: 54,604	00:02:54
Getting Started: 05 Exploring the workspace Getting Started: 05 Exploring the workspace Navigate the Premiere Pro interface. Select and resize panels to view metadata. View panels in Full Screen mode. Modify and customize workspaces. Runtime: 00:02:54 Added: January 04, 2009 Views: 2,152	00:02:54
Getting Started: 04 Importing footage Getting Started: 04 Importing footage Import assets such as video, audio, and graphics. Access and view the Media Browser. Preview and organize projects. Create bins. Runtime: 00:04:18 Added: October 08, 2008 Views: 72,102	00:04:18
Getting Started: 04 Importing footage Getting Started: 04 Importing footage Import assets such as video, audio, and graphics. Access and view the Media Browser. Preview and organize projects. Create bins. Runtime: 00:04:18 Added: January 04, 2009 Views: 5,480	00:04:18
Getting Started: 03 Capturing video from tape Getting Started: 03 Capturing video from tape Learn how to capture video to a hard drive. Establish project settings. Locate, record, and play footage. View the Project panel. Runtime: 00:02:35 Added: October 08, 2008 Views: 67,595	00:02:35
Getting Started: 03 Capturing video from tape Getting Started: 03 Capturing video from tape Learn how to capture video to a hard drive. Establish project settings. Locate, record, and play footage. View the Project panel. Runtime: 00:02:35 Added: January 11, 2009 Views: 2,900	00:02:35
Getting Started: 02 Setting up your first project Getting Started: 02 Setting up your first project Tour the Welcome screen. Learn what a project is and create a new project. Name the project, develop a sequence, and adjust settings. Runtime: 00:02:07 Added: December 24, 2008 Views: 4,208	00:02:07
Getting Started: 02 Setting up your first project Getting Started: 02 Setting up your first project Tour the Welcome screen. Learn what a project is and create a new project. Name the project, develop a sequence, and adjust settings. Runtime: 00:02:07 Added: October 08, 2008 Views: 98,410	00:02:07
Getting Started: 01 What is Premiere Pro CS4? Getting Started: 01 What is Premiere Pro CS4? Get an overview of what Premiere Pro is and what it can do. Create video and output it to a wide variety of formats. Import and edit files. Runtime: 00:01:37 Added: October 08, 2008 Views: 90,982	00:01:37
Getting Started: 01 What is Premiere Pro CS4? Getting Started: 01 What is Premiere Pro CS4? Get an overview of what Premiere Pro is and what it can do. Create video and output it to a wide variety of formats. Import and edit files. Runtime: 00:01:37 Added: January 11, 2009 Views: 4,117	00:01:37
Developing for Multiple Screens Developing for Multiple Screens In this episode, trainer Paul Trani will show you how you can start developing for mobile devices using the very powerful Device Central CS5 as well as taking advantage of device specific capabilities like the accelerometer and gestures available in Flash Professional CS5. Runtime: 00:06:27 Added: May 27, 2010 Views: 3,430	00:06:27
Creating Your First Animation with Flash CS4 Profe... Creating Your First Animation with Flash CS4 Professional Join Paul Trani as he shows us how to take the graphics you create in Photoshop CS4 or Illustrator CS4 into Flash CS4 Professional in order to quickly and easily bring them to life with compelling animation. Runtime: 00:55:30 Added: January 08, 2009 Views: 6,068	00:55:30
Applying effects to groups of clips Applying effects to groups of clips Apply effects to groups of clips. Create a multieffect preset, save it in a new custom bin, and apply it to a group of clips. Runtime: 00:03:29 Added: October 08, 2008 Views: 33,298	00:03:29
Actionscript Editor in Flash Professional CS5 Actionscript Editor in Flash Professional CS5 Join trainer Paul Trani as he shows off new features in Flash Professional CS5's Actionscript editor. Features like custom class code hinting and code completion, as well as automatic writing of the import statement for libraries will help streamline your workflow. Runtime: 00:10:10 Added: June 14, 2010 Views: 9,951	00:10:10
Importing tapeless assets in Media Browser Importing tapeless assets in Media Browser Import footage from tapeless sources with the Media Browser, identifying single clips from the various files that make them up. Runtime: 00:03:59 Added: January 29, 2009 Views: 16,506	00:03:59
Improved Creative Suite Integration Improved Creative Suite Integration Moving your content from one application to another has never been easier. Join Paul Trani as he walks you through the seamless integration of InDesign CS5 files with Flash CS5. He'll also cover seamlessly editing your ActionScript code in Flash Builder directly from Flash CS5. Runtime: 00:11:34 Added: May 10, 2010 Views: 2,991	00:11:34
Introducing Adobe Premiere Pro CS4 Introducing Adobe Premiere Pro CS4 Follow a typical workflow from import of high-definition video, to creation of Photoshop and After Effects files, to batch encoding. Runtime: 00:15:59 Added: October 08, 2008 Views: 33,331	00:15:59
Introducing OnLocation CS4 Introducing OnLocation CS4 Record video directly to disk and optimize quality with analysis tools. A familiar interface increases efficiency and integrates with Adobe Premiere Pro. Runtime: 00:04:54 Added: October 10, 2008 Views: 34,201	00:04:54
Introducing OnLocation CS4 Introducing OnLocation CS4 Record video directly to disk and optimize quality with analysis tools. A familiar interface increases efficiency and integrates with Adobe Premiere Pro. Runtime: 00:04:54 Added: October 10, 2008 Views: 1,208	00:04:54
Normalizing audio for the whole Master track Normalizing audio for the whole Master track Normalize audio for the entire Master track in just a few steps. Set the peak level; the rest is automatic. Runtime: 00:02:06 Added: October 08, 2008 Views: 23,338	00:02:06
Production Premium CS4: Introducing OnLocation CS4 Production Premium CS4: Introducing OnLocation CS4 Record video directly to disk and optimize quality with analysis tools. A familiar interface increases efficiency and integrates with Adobe Premiere Pro. Runtime: 00:04:54 Added: May 04, 2009 Views: 1,212	00:04:54
Text Layout Framework Text Layout Framework Join trainer Paul Trani as he demonstrates some of the new text layout features in Flash Professional CS5. Runtime: 00:10:37 Added: July 22, 2010 Views: 3,882	00:10:37
Using Speech Search to speed editing Using Speech Search to speed editing Transcribe spoken words to text. Use Speech Search to find precise locations in clips and make editing clips of speaking talent quicker. Runtime: 00:03:01 Added: October 08, 2008 Views: 13,395	00:03:01
Viewing and editing metadata Viewing and editing metadata Metadata makes managing and searching assets more efficient. Add, edit, and search metadata in the Project panel and Metadata panel. Runtime: 00:05:07 Added: October 08, 2008 Views: 7,694	00:05:07
XML Based FLA files XML Based FLA files Whether you work as an individual or in a collaborative group setting, trainer Paul Trani will show how you can enhance your workflow by saving your Flash Professional CS5 project to an uncompressed .xfl document. Runtime: 00:05:25 Added: June 02, 2010 Views: 14,386	00:05:25