Silent Movie - All Storyboards

Initial Storyboards 

Further Developed storyboards

Final Story boards

After effects workshop 3

Key frame interpolation


Using illustrator paths


Using bezier curves
'p' position property
'stopwatch' starting 

Temporal - how it changes over time

Spacial: Shape of path in window

Hold key frame

Select all key frames

Animation > 'Toggle hold keyframe'

No dots n motion path between key frames

Half a yellow diamond 

What happens now, there is no interprelation, no in-between frames, position remains fixed at key frame position until another key frame is reached

Useful for, eg. the ticking hand of a clock, a blink

 Editing scale and opacity to mimic a blink

How to make key frames longer or shorter over a period of time

Select all of key frames

can be moved forward or backward

press ALT key, it can be compressed and be made to take longer or a shorter amount of time

Roving: Rove across time

Become black dots

Basically group key frames together, moving one key frame will adapt all

Using illustrator with after effects

Select object, press stop watch, paste object from illustator

The square will direct itself around the circle

If you want key frames to run anti clockwise

If you want object to rotate and orientate around circle:

Using masks

Masks in after effects are vector shapes

With layer selected, use a shape tool, 

Mask properties

Feathering

Opacity

Expansion

Anchor points can be selected and changed

Double click mask, it can be moved, and shape can be adapted

This can create a sequence animation in which the shape is changing its form over time.

Alternatively, you can use the pen tool to create the shape of the mask.

Mask path property : 'M'

Select chosen masks beforehand

Press toggle switches / modes to show more options.

Luma : Used with photography

In this case we use : Alpha matt

Before

After

OUGD202 WORKSHOP - Logical thinking

Using the frames taken from a kinetic animation, we placed them semantically on a time line. The first screenshots we took, we at regular intervals. I divided the length the animation was, by 25 (the amount of frames I had) and placed them equally apart on the timeline. The second lot of screenshots we took were key frames, meaning the time in which they were taken were irregular intervals, so appear like this  on the time line.

This exercise showed us that key frames don't appear at regular intervals, that they can appear very far apart, or very close together. I will have to take this into account when creating my own animation.