Motion Graphics & Computing / Project 1

April 21, 2025

21/04/2025 - xx/xx/25 / Week 1 - Week

Eng Yan Ling

Bachelor's Degree in Creative Media (Hons) - (Taylor's University)

Motion Graphics & Computing / Project 1 : Technical and Motion Graphics Sensibilities

TABLE CONTENT

1. Instructions

2. Progression

2.1 Part 1

2.2 Part 2

3. Reflection

4. Quick Links

INSTRUCTION

Task 1 / Individual Task - Technical and Motion Graphics Sensibilities (20% - Individual)

TIMEFRAME: Week 01 – Week 06
DEADLINE: WEEK 06

DESCRIPTION:
Students are given variety of tasks from basics to advance that develop their motion graphics sensibilities by increasing their technical proficiency and knowledge.

REQUIREMENTS:
Each student will explore and increase their technical proficiency and knowledge levels in the appropriate software individually but also with assistance of peers and facilitator.

Download this file:
https://drive.google.com/drive/folders/1ILgOwOsZcKjD7nIVwmXjlZV0aln4GPUc?usp=sharing

Based on the template given, study and re-create the animation. Animate your own animation based on the Principle of Form and Design.

SUBMISSION:

PART 1 (10%):

Size Resolution: 1280 x 720 (HDTV) 25fps
Format: Quicktime (.MOV) or (.MP4)

Duration: 8 sec
Submit Youtube link

PART 2 (10%):

Size Resolution: 1280 x 720 (HDTV) 25fps
Format: Quicktime (.MOV) or (.MP4)
Duration: 16 sec
Submit Youtube link

PROGRESSION

PART 1

1. Sketch

2. Basic Animation in After Effects

(a) Movement

Transformation applied : Position, Scale

Shapes used : Cube

Idea : Stretched + Direction of cubes

Figure 2.2 Movement - Keyframes

(b) Hierarchy

Transformation applied : Position, Scale

Shapes used : Cube

Idea : Order/Movement of cubes from top to bottom

Figure 2.3 Hierarchy - Keyframes

Transformation applied : Position, Z-Location, Masking (Circle)

Shapes used : Circle, Triangle

Idea : Balance of a circle/ball on a triangle tip

Figure 2.4 Balance - Keyframes

(d) Direction

Transformation applied : Position, Scale

Shapes used : Hexagon

Idea : Direction of each hexagon one-by-one and altogether

Figure 2.5 Direction - Keyframes

(e) Symmetry

Transformation applied : Position, Scale, Opacity

(Keyframe 2 onwards) Opacity : 85%

Shapes used : Circle

Idea : Division of a single circle into 2 moving in symmetrical directions

Figure 2.6 Symmetry - Keyframes

(f) Focus

Transformation applied : Scale, Colors (Shades of Grey)

Shapes used : Star

Idea : A single star emerging into a "target" extending; the star in the center remains to brightest shades from the previous star to divert focus to the center

Figure 2.7 Focus - Keyframes

(g) Scale

Transformation applied : Position, Scale

Shapes used : Circle

Idea : Motion of circles in different sizes

Figure 2.8 Scale - Keyframes

(h) Rhythm

Transformation applied : Position, Scale

Shapes used : Rectangle, Circle

Idea : Motion of bouncing ball

Figure 2.9 Rhythm - Keyframes

3. Final Basic Animation

(a) Basic Animation - Landscape

YouTube Link : https://youtu.be/txn228WKwLw

Figure 2.10 FINAL Basic Animation - Landscape

(b) Basic Animation - IGTV

YouTube Link : https://youtube.com/shorts/eqDy69HHU-4?feature=share

Figure 2.11 FINAL Basic Animation - IGTV

PART 2

1. Compositing

Using the basic animations created in Part 1 of this project, below is my first progression on creating a composition with the combination of the basic animations. Results obtained through trial and error attempts with the goal to create an interesting yet a combination that complements each other.

Figure 2.12 Composition (Landscape) - Progression #1

Figure 2.13 Composition (IGTV) - Progression #1

2. Advanced Keyframing

Throughout Week 4's lecture, we were taught on other advanced keyframing techniques to apply in order to enhance our composition. Below is my second progression with advanced keyframing applied to my composition. Results obtained through trial and error attempts with the goal to create an interesting yet a combination that complements each other.

Transformation applied throughout remix : Position, Scale, Rotation

Rotation (Composition Remix)