Week 4 - Week 6 : 27 Apr 2023 - 11 May 2023
Tan Yi Yun 0345559Bachelor of Design (Hons) in Creative Media
Project 1/Technical and Motion Graphics Sensibilities
INSTRUCTIONS
PROJECT 1 : TECHNICAL AND MOTION GRAPHICS SENSIBILITIES
Project 1 is about using basic shapes to create simple motion graphics
based on 8 design principles. The design principles include:
1. MOVEMENT
2. HIERARCHY
3. BALANCE
4. DIRECTION
5. SYMMETRY
6. FOCUS
7. SCALE
8. RHYTHM
We only need to animate for symmetry, focus, scale and rhythm. The After Effects template has been provided, and we are ought to explore
the motion graphics techniques by watching YouTube tutorials. After we
have completed all 8 motion graphics, we will need to composite them to
produce a 16-second video.
Sample
This is a sample of work provided by Mr. Fauzi. I observed that the shapes
that have been used are squares/rectangles, circles, and
triangles.
|
| Figure 1.1, Sample of work, Week 4 (27/4/2023) |
Execution - Part 1: pre-composition
Symmetry
First of all, I explored some motion graphics example from
YouTube.
|
| Figure 1.2, Exploration of motion graphics, Week 4 (27/4/2023) |
For the execution, I started with four dots (somehow looks like a Domino's
pizza logo). Then, I rotated them and added mask over two of the
dots.
|
|
Figure 1.3, Applying masks, Week 4 (27/4/2023) |
Next, I played with trim paths so that the line can appear or disappear
following a certain path. I took me awhile to decide where to put the
lines.
|
| Figure 1.4, Applying trim paths, Week 4 (27/4/2023) |
|
|
Figure 1.5, Applying trim paths, Week 4 (27/4/2023) |
Motion graphics in GIF (Symmetry)
Focus
I had an idea of using the focus frame of camera. The frame is trying to
capture the ball in the first few second, and when the ball stops moving,
the frame finally captures it.
|
| Figure 1.3, Focus frame, Week 4 (27/4/2023) |
When the frame captures the ball, there are a few layers of ring effect
coming out from the center.
|
| Figure 1.4, When the focus frame captures the ball, Week 4 (27/4/2023) |
Motion graphics in GIF (Focus)
Scale
Then, for scale, I used two shapes (square and circle) and adjusted the size accordingly.
Motion graphics in GIF (Scale)
Rhythm
I looked for the examples in YouTube and tried to re-create the rhythmic wavefront of bass.
Motion graphics in GIF (Rhythm)
Final Submission - Part 1: pre-composition
Final submission - Part 1
Execution - Part 2: composition remix
Next, I compiled all the clips and compose to make a 16-second video. It is a bit challenging to mix with the assets provided by sir.
 | |
|
 | |
|
Final Submission - Part 2: composition remix
Final submission (Version 1) - Part 2
Final Submission (Amended) - Part 2
FEEDBACK
Week 6 :
Mr. Fauzi likes the rhythm the most. The sound effects is adding the vibe. The intro is good too. Can try to find connection in each transition. Overall good job.
REFLECTION
This project allows me to understand and apply basic design principles in animating different shapes. Besides, I also learnt about keyframing, working with layers and effects, and understanding the essentials of compositing. Although it is a bit challenging to remix the composition using the assets provided by sir, I still manage to create a unique composition which is pleasing to look at.