Merging Motion: Working Between Flash and After Effects

27
MERGING MOTION val head FITC Toronto 2010, yay! Wednesday, April 28, 2010 test notes!

description

Merging Motion slides from FITC Toronto 2010

Transcript of Merging Motion: Working Between Flash and After Effects

Page 1: Merging Motion: Working Between Flash and After Effects

MERGINGMOTION

val headFITC Toronto 2010, yay!

Wednesday, April 28, 2010test notes!

Page 2: Merging Motion: Working Between Flash and After Effects

MERGINGMOTION

val headFITC Toronto 2010, yay!

Wednesday, April 28, 2010

Page 3: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010

Page 4: Merging Motion: Working Between Flash and After Effects

WHAT WE’LL COVERcrash course in AE for Flash folks

AE markers to .flv with cue points

cropping AE effects and video for Flash

.xfl files

importing SWF/QuickTime to AE

Wednesday, April 28, 2010

Page 5: Merging Motion: Working Between Flash and After Effects

SWEEPINGGENERALIZATIONS

Wednesday, April 28, 2010

Page 6: Merging Motion: Working Between Flash and After Effects

AFTER EFFECTSIN A FLASH

That “.. in a Flash” joke never gets old, does it?

Wednesday, April 28, 2010

For those of you who are brand new to AE, here’s the quickest intro everhelp you follow the examplesand if you’re an AE person, this will help too, promise

Page 7: Merging Motion: Working Between Flash and After Effects

=

Wednesday, April 28, 2010AE's Project Panel is similar to Flash' Library panel, though a little more in depth

Page 8: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010AE's Composition Panel is similar to the stage.  It's where you see the things you're working on/preview/etc.  More options.  **anything in the workspace outside the Comp window's image area does not render as pixels.  Very different from Flash.

Page 9: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010AE's Composition Panel is similar to the stage.  It's where you see the things you're working on/preview/etc.  More options.  **anything in the workspace outside the Comp window's image area does not render as pixels.  Very different from Flash.

Page 10: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010the composition window also shows a lot more than the stage view

-multiple views at once

- listing of what precomps are in the current comp

- all sorts of stuff at the bottom!

Page 11: Merging Motion: Working Between Flash and After Effects

=

Wednesday, April 28, 2010AE's timline panel is very similar to Flash's timeline, except it has a lot more options.

Page 12: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010Pre-comps in AE are similar to movie clips or graphic clips in Flash.  They are nested timelines, but the amount of control you can have over them with scripting and such is much different. 

Page 13: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010Both applications have motion pre-sets and effects.  AE has a whole lot more effects built in (and you can buy plug-ins)  Flash can have a whole lot of effects too, but generally more advanced ones are code-based. 

Page 14: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010Flash layers are all pretty much the same - a place to put some kind of object in, AE has different types of layers - video, solids, adjustment layers, text layers....add right click menu screenshot to this one

Page 15: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010motion editor and graph editor

Page 16: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010motion editor and graph editor

Page 17: Merging Motion: Working Between Flash and After Effects

KEYFRAMES

After Effects

Flash (new)Motion Tween

Wednesday, April 28, 2010If you work mostly with the "old" motion tweens in Flash, Keyframes in AE are very differentIf you work more with the "new" motion tweens in Flash, Keyframes in AE are pretty similar.

Fun Fact:  Keyframe used to be drawn by the lead animator (the major poses) and an assistant would draw the inbetweens. 

Page 18: Merging Motion: Working Between Flash and After Effects

FLV & F4VMARKERS= CUEPOINTS

IMAGE SEQUENCE

Wednesday, April 28, 2010

Page 19: Merging Motion: Working Between Flash and After Effects

.XFL FILESthey have a whole lot going on behind the scenes!

Wednesday, April 28, 2010can only export out of AE and open in FlashFlash cs5 can both open and save .xfl files, but AE can only export theseNOT a way to start a project in one prog and finish it in another NOT a way to convert existing Mograph files

At first it seems kind of frustrating to use them but, knowing the “stages” helps

Page 20: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010

Page 21: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010

Page 22: Merging Motion: Working Between Flash and After Effects

Wednesday, April 28, 2010

Page 23: Merging Motion: Working Between Flash and After Effects

#1 - PASS THROUGH?

#2 - LAYERS TO FLV/PNG

#3 - RASTERIZE AS LAYERS

#4 - RENDER/RASTERIZE AS BIN

Wednesday, April 28, 2010

Page 24: Merging Motion: Working Between Flash and After Effects

SWF AE

QUICKTIMEEXPORTERTimeline & code-based animations

Wednesday, April 28, 2010

Page 25: Merging Motion: Working Between Flash and After Effects

AFTER EFFECTS TO FLASHflv/f4v

Image Sequence

SWF

Wednesday, April 28, 2010

Page 26: Merging Motion: Working Between Flash and After Effects

FLASH TO AFTER EFFECTSSWF

quicktime exporter (timeline and code-based)

Image Sequense

Watch out for broadcast rules

Wednesday, April 28, 2010

Page 27: Merging Motion: Working Between Flash and After Effects

THISISPORTABLE.COM/FITC

[email protected]@vlh

Wednesday, April 28, 2010