Motion Graphic & Compositing: Final Project
Zetie Binti Bahaman / 0351297 / BDCM
Motion Graphics & Compositing
Final Project: Abstract Motion
Idea/Concept
The theme that I would like to highlight is Mental Illness and I am focusing specifically on OCD (Obsessive Compulsive Disorder), what it's like for them and the stigma that they face. This in hopes would raise awareness and show the public what they feel like struggling with this on top of facing discrimination.
Moodboard
So I wanted to bring the topic in a different way but with the limited time I had, I decided to use shapes to represent them.
Style Frames
Using shapes to represent - how this illness is characterized with the presence of obsession and compulsion. Obsessed with things being in order or compulsion of repetitive behaviour (switching the light switch for example)
Audio Source
I searched up videos of people that struggle with this to use as an audio of what they feel on a daily basis.
Link 1
INSTRUCTIONS
FINAL PROJECT
For the final project, we are to create a theme-based abstract motion graphic video. We can use 3D/2D, mixed media, or experimental visual output.Idea/Concept
The theme that I would like to highlight is Mental Illness and I am focusing specifically on OCD (Obsessive Compulsive Disorder), what it's like for them and the stigma that they face. This in hopes would raise awareness and show the public what they feel like struggling with this on top of facing discrimination.
Moodboard
Figure 1 Moodboard |
So I wanted to bring the topic in a different way but with the limited time I had, I decided to use shapes to represent them.
Style Frames
Using shapes to represent - how this illness is characterized with the presence of obsession and compulsion. Obsessed with things being in order or compulsion of repetitive behaviour (switching the light switch for example)
![]() |
Figure 2 Storyboard |
Audio Source
I searched up videos of people that struggle with this to use as an audio of what they feel on a daily basis.
Link 1
Link 2
Link 3
Based on all three videos, I wanted to highlight that OCD and perfectionism are two different things. So I focus on the intrusive thoughts that they go through, as well as, capturing the compulsive actions that comes together.
Technical Processes
Stop Motion
I printed out a photo of a woman and crumpled it. This is to represent that intrusive thoughts is also a form of OCD. Then I animated it open/closing.
Link 3
Figures 3,4,5 Audio Source
Based on all three videos, I wanted to highlight that OCD and perfectionism are two different things. So I focus on the intrusive thoughts that they go through, as well as, capturing the compulsive actions that comes together.
Technical Processes
Stop Motion
I printed out a photo of a woman and crumpled it. This is to represent that intrusive thoughts is also a form of OCD. Then I animated it open/closing.
![]() |
Figure 6 Stop Motion |
Photoshop
Cropping/Removing Background
These are stock images I compiled for my graphical elements.
![]() |
Figure 7 Stock Photos |
I cropped these texture backgrounds into the shape of a person's head as to represent what goes on in their minds.
Compulsion - This was one of the experiences that they would check if they have switched on their lights up to 5 times before actually leaving the house.
I cropped and edited the light switch on photoshop - A photo taken of one of my switches at home since it has a vintage feel to it.
This was the initial stock photo but I didn't really like it.
Testing out fonts
Creating style frames
This was in hopes to save time as I import from Photoshop to After Effects
Once I had all the graphics ready, I put them into AE to animate.
After Effects
![]() |
Figure 8 Light Switch Crop |
This was the initial stock photo but I didn't really like it.
![]() |
Figure 9 Initial Switch |
Testing out fonts
![]() |
Figure 10 Sticker Crop/Font Testing |
Creating style frames
This was in hopes to save time as I import from Photoshop to After Effects
![]() |
Figures 11,12,13 - Style Frames |
Once I had all the graphics ready, I put them into AE to animate.
After Effects
Attempt 01 - WIPs
- Basic Transform Movements
Using shapes to represent things in order or 'perfect'.
![]() |
Figures 14, 15 Transform Movements |
![]() |
Figure 16 Glitch Shape |
- Animate Paths - Range Selector
![]() |
Figure 17 Animate Paths |
![]() |
Figure 18 Layering and Scale In/Out |
Based on feedback, there wasn't any focal point and I can animate more things. So I used typography and refined the existing work I did in Attempt 01.
Attempt 02 - WIPs
- Kinetic Type
![]() |
Figure 19 Kinetic Type |
- Turning Page Effect
![]() |
Figures 20,21 Turning Page Effect |
- Distortion
![]() |
Figure 22 Distort Shapes |
- Layering/Blending Mode
![]() |
Figures 23,24 Masking in Circle and Blending Modes |
Premiere Pro
Video and Audio Compilation
All that's left is to compile everything. I arranged the flow of the animation here and inserted the transitions accordingly. There wasn't much to do as I have done more of the animating in AE. It was more work on audio.
![]() |
Figure 25 WIP in Premiere Pro |
Audio Effects
I manipulated the audio to soften it as well as to merge together with the audio seamlessly. It sounds like a telephone recording and I think I preferred that effect. I also pitch shift it to make it seem like different people were talking.
![]() |
Figure 26 Audio Effects |
Attempt 01
Final Project
Slides
Video
Link to Final Project
*Note: All photos in the collage/overlays video credit go to the respectful owners.
Link to Final Project
*Note: All photos in the collage/overlays video credit go to the respectful owners.
FEEDBACK
Week 13
Specific Feedback: The sound used really enhanced the whole concept. Anyway, your current progress can be assumed as the first layer as the background, next step is you can create more subjects to be animated and as the main focus point. Keep on exploring and find more references for your inspiration. Keep it up Zetie!
Comments
Post a Comment