© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects Chris Jackson Author, Designer, Professor Rochester Institute of Technology

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects Course Description  Import and composite Photoshop and QuickTime files  Set manual and automatic keyframes on the Timeline  Apply the Puppet Tool to animate still images  Use the Roto Brush Tool to add transparency to video  Apply effects for stylizing and enhancing video  Render for delivery to film, broadcast, the web, and mobile devices  Demo how easy it is to integrate After Effects with a Flash Workflow 2

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 3 Chris Jackson  Author  Flash + After Effects  Flash Cinematic Techniques  Flash 3D: Animation, Interactivity, and Games  Tenured professor at Rochester Institute of Technology (RIT)  Designer  Consultant for worldwide corporations and nonprofit organizations

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 4 Creating an After Effects Project Adapted from Flash + After Effects: 2 nd Edition

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 5 WORKFLOW: Step 1 – Import Footage  After Effects requires images, movies, and sounds to composite an animation. These imported assets are referred to as footage.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 6 WORKFLOW: Step 2 – Preview Footage  Footage is linked to the After Effects project. The Project panel displays the linked footage.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 7 WORKFLOW: Step 3 – Create a Composition  Footage is layered within a timeline and composition panel. Timeline panel Comp panel

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 8 WORKFLOW: Step 4 – Set Keyframes to create an animation  Keyframes are set in the Timeline to create an animation.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 9 WORKFLOW: Step 5 – Apply the Puppet Tools  Puppet Tools enhance the character animation

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 10 WORKFLOW: Step 6 – Use the Roto Brush Tool  The Roto Brush Tool allows you to separate out foreground elements from the background. BeforeAfter

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 11 WORKFLOW: Step 8 – Render the Composition  The process of outputting your project is called rendering.  Each pixel of your image and audio signal is determined and rendered to the output type of your choice.  QuickTime movie  Windows Media File  AVI  Flash Video – FLV and F4V  Flash Player SWF  Flash Professional XFL (layered file)  Image Sequence

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 12 SUMMARY: Some key concepts to remember include:  The Project panel displays imported footage and stores the compositions created with these files.  The Comp Window is used to compose, preview, and edit your project.  The Timeline shows the structure of your composition.  Only one project can be open at one time.  Footage is not embedded within After Effects.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 13 SUMMARY: Some key concepts to remember include:  To create an animation you keyframe transform properties inherent to a layer in the Timeline.  A motion path is the dotted line that traces the path of animation from start to finish in the Comp Window.  After Effects uses interpolation to fill in the transitional frames between two keyframes.  The Comp Window visually displays the spatial interpolation.  The Graph Editor visually displays the temporal interpolation.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 14 SUMMARY: Some key concepts to remember include:  Use the Puppet tools to quickly add natural motion to raster images and vector graphics, including still images, shapes, and text characters.  Puppet Pin tool places and moves Deform pins.  Puppet Overlap tool places Overlap pins, which indicate which parts of an image should appear in front of others when distortion causes parts of the image to overlap one another.  Puppet Starch tool places Starch pins, which stiffen parts of the image so that they are distorted less.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 15 SUMMARY: Some key concepts to remember include:  After Effects renders compositions within a project.  Compositions can be rendered out as QuickTime, SWF, FLV.  A codec includes a compressor and decompressor.  Streaming data moves data from a server to your Flash player.  Data rate is the quality that defines the amount of information sent within a unit of time.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects 16 Thank You!

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.