GSD2020_Representation + Landscape_ Aftereffects Tutorial Two

Representation + Landscape

Landscape Architecure Program Graduate School of Design Harvard University

Fa l l 2 0 2 0

Adobe After Effects Tu t o r i a l 0 2

2

Representation + Landscape

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

CO N T E N TS

keyf rami ng

page 0 6

text , t ype, mas ks

page 0 8

draw i n g & ani mat i n g a line

page 1 0

t rac ki ng - 2d f l at i mage

page 1 2

ren der i ng + compres sio n

page 1 4

3

4

Representation + Landscape

Liam Young Unknown Fields Division Madagscar Expedition Porraits https://vimeo.com/78969965

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

Afte r Ef fe c ts

Film References Liam Young_ Unknown Fields Division: ● https://vimeo.com/78970031 ● https://vimeo.com/78969965 ● https://vimeo.com/78968063 ● https://vimeo.com/78968063

O n l i n e Tu t o r i a l s Adode After Effects User Guide helpx.adobe.com/after-effects/user-guide.html Lynda.com Lynda.com is now available for all Harvard student, faculty, and staff – FREE of charge through the “LyndaCampus at Harvard” portal. To read more about Lynda.com or to sign up for your FREE account, please go to: http://lynda.harvard.edu/

5

6

Representation + Landscape

Keyframe Paramaters

Timeline

Activating Keyframe

Keyframe

Effects

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

7

key f ra mi n g Keyframes are markers in time that allow you to tell After Effects where you want to change the value for a layer or effect property such as position, opac-

Image Effects

ity, scale, rotation, amount, particle count, colour,

•

etc. By setting these ‘markers’ and changing the

many similar to Ps filters

values you create animation.

•

AE has many Effects you can play with, Select the footage you want to affect, then

choose from the Effects menu. This will bring up the ●

When you Unfold a layer: Anything that has

a Stop-Watch in After Effects means that it can be animated. ●

Every object/ layer imported into

AfterEffects has properties which can be animated.

These are scale, opacity, rotation and position. These can be manipulated visually or numerically, by editing the values Keyframe > Select Layer(s) >click arrow next to layer name to reveal Transform >click arrow next to Transform to reveal Transform Options: Anchor Point, Position, Scale, Rotation, Opacity >move Timeline Indicator to first position for Keyframe >click Opacity stopwatch to make keyframe >Go to Toggle ‘Expand or Collapse Transfer Panes’ (this is the 2nd toggle in the bottom left corner of the Timeline) >move Time line Indicator to next position >change opacity, a new Keyframe is made >repeat Interpolation Interpolation is the process of filling in the unknown data between two known values. You set keyframes to specify a property’s values at certain key times.

After Effects interpolates values for the property for all times between keyframes. Effects where we want an animation to begin and where we want it to end.

‘Effect Controls’ in the upper left (click the double arrow to get back to the project panel) •

You can also access these effects by

navigating through the layers panel to the effects and double-clicking •

Again, you can keyframe these effects in or

out Changing Footage Duration •

You can manually drag footage around in

the timeline, or move the cursor to a specific time and snap to it.

•

You can trim or separate footage by going

to Edit/Split Layer (ctrl shift d) •

You can slow down or speed up footage by

choosing Layer/Time/Time Stretch. (Or right click on the footage in the timeline you want to effect, go to Time/Time Stretch.) Here you can change the stretch factor (percent change) or type in a specific new duration for a clip.

•

When using Time Stretch, make sure to

consider Frame Blending o ­ none (you’ll be able to see the frames jump), Frame Mix (blends frame to frame), or Pixel Motion (analyzes pixels frame to frame). You can toggle between these options in the switches in your layers panel.

•

You can also make a freeze frame by going

to Layer/Time/Freeze frame … just make sure to split out the footage you’d like to freeze first, so you don’t freeze your entire clip.

8

Representation + Landscape

text, typ e mask create text >go to text tool >define text box in composition (a new layer is automatically created) >type text Transform opacity to make text appear

type mask >click text tool >create text box and enter text >click rectangle tool >create rectangle over the text box, note that mask reveals the text >move timeline to when you want the text visible >unpack text layer >unpack Masks >unpack Mask 1 >add keyframe to Mask Path >move timeline to when you want text hidden >add keyframe, and distort mask box to hide text (a keyframe is automatically made)

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

Text Timeline Layer Rectangle Tool

Rectangle Mask

9

Text Parameters

10

Representation + Landscape

d raw i n g + a ni mat i n g a l i n e draw a line

importing illustrator files

>go to pen tool

●

>draw line (a new layer is automatically created)

the layers in your illustrator file, simply select

When importing an AI file, to retain

‘Composition’ when prompted on how to ‘Import File Change Line Type

As’.

>unpack contents

●

>unpack shape

automatically create a folder for it and store each

>unpack stroke

layer within the folder. The Imported ai files are

>unpack Dashes

rasterised rather than in vector format, this is due to

>edit dash values

the files being reference images. The line weights,

When importing AI Files, After Effects will

colours, and colours cannot be modified or altered in Transform Shape >unpack contents >unpack shape >Path, add keyframes, double click line grip to edit

animating a line •

If we want to make the line emerge select

animate and add trim path •

Open trim path layer in the timeline and

keyframe the start and end points •

Same actions as scale and opacity can be

employed here

After Effects but must be done in Illustrator.

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

Unpacked Line/Shape Layer Pen Tool

Select Add Button Trim Paths

11

12

Representation + Landscape

t ra c k i n g - 2 d f l at i mage tracking Tracking allows you to track the movement of an object

Make Null Layer

and then apply the tracking data for that movement to

A null object is an invisible layer that has all the

another object (such as another layer , text, or an effect

properties of a visible layer, so that it can be a parent to

control point) to create compositions in which images

any layer in the composition

and effects follow the motion.

>Layer >New

Feature Region defines the element in the layer to

>Null Object

be tracked.

>Edit Target

Search Region defines the area that After Effects

>Layer = Null 1

will search to locate the tracked feature. between

>Apply

frames.

Attach point designates the place of attachment for

Create Text Layer

the target.

>Layer >New >Text

>select layer with film

>type text

>Window >Tracker

Link Text to Null Object

>click Track Motion in the window that has appeared

> Drag spiral icon (‘Parent & Link’) from Text layer to

on the bottom right

‘Null 1.’

>Layer panel will open, showing a set of Tracking

> Uncheck eye on ‘Null 1’ to make box invisible.

Regions. >Resize the centre Feature Region to enclose the

>enable Enhance Before Match

object to be tracked, and set the outer Search Region

>enable Subpixel Positioning

to be a few pixels larger. Hold Control to move the

>enable Adapt Feature on Every Frame

region corners and sides independently of each

>Click on the popup underneath to Continue

other.

Tracking

>In the middle of the Feature Region you will see a +

> click Play to Analyse in the Tracker Window

symbol, this is the Attach Point: the spot that will be used to define the Position value of a second layer, in this case, our text. Move it to a desired location. >Click on Options to optimize the tracking process >Set Channel to RGB >enable Enhance Before Match >enable Subpixel Positioning >enable Adapt Feature on Every Frame >Click on the popup underneath to Continue Tracking > click Play to Analyse in the Tracker Window

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

Tracker Layer

13

Track Motion

14

Representation + Landscape

Re n d e r i n g + Compress i on Rendering Rendering refers to the process of publishing your work, which creates self-contained files viewable outside of After Effects. ● Add to render queue > Composition > Add to Render Queue ● Render Settings > Best Settings ● Output Module > Lossless > click on Lossless, the pop-up window ‘Output Movie Settings’ will appear. > Format: Quicktime (selct file format) > OK • Output to: > click on the file name, the pop-up ‘Output Movie To’ window will appear > select output location + name > save • Render Click the Render button in the upper-right corner of the Render Queue panel

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

15

render

16

Representation + Landscape

Compression After Effects can make very large files, use one of the following to compress your film: ● Handbrake ● Adobe Media Encoder

Handbrake This works largely the same in both Mac and Windows, the only difference being the template for Handbrake. To convert a single video, follow this process: ● download and install HandBrake > https://handbrake.fr/ ● Launch Handbrake ● If necessary, click the Source button in the top left, to choose what you want to convert. ● Choose a File, if necessary, click the Source button in the top left, to choose what you want to convert. ● Click the appropriate preset in the sidebar to load it. ● Choose your Destination, click Browse next to the destination box to choose where you want to save the file. ● Convert, Click Start to begin conversion. This can take quite a long time depending on the length of the source video.

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

17

18

Representation + Landscape

Adobe Media Encoder Adobe Media Encoder is a media processing application that allows you to encode(export) audio and video into a variety of formats from applications such as After Effects, Premiere etc.

The interface is divided into four panels: ● media browser - allows you to browse a range of formats on your system ● queue - is the main function area of the program. it lists the encoding jobs ● preset browser – a list of possible output file types or create your own presets to use with premiere pro ● encoding - encoding panel monitors the progress of the current encoding job To process files: ● Go to media browser and select the file you want to encode ● Drag the source file to the queue window ● Select a preset in the preset browser window or set a custom version and then drag to the queue window ● Click on the output file if you want to change the name or location ● Press the green start queue button in the top right-hand corner and the media encode will start working ● The encoding window shows the progress of the job ● when the job is complete, click on the output file and it will take you directly to the window of where the output file is located.

A d o b e A f t e r E f f e c t s : Tu t o r i a l 0 2

19

media browser

queue

preset browser

encoding

20

Representation + Landscape