DPI Project 4: Self-Titled
3 June 2024- June 2024
CHONG CHENG TAO (0371072)
Digital Photography & Imaging | Bachelor of Design in Creative Media |
Taylor's University
Project 4: Self- Titled
List
Project 4: Self- Titled
Week 11:
In this week, we are given briefing about the final project, self titled. Self-titled is an exploration project for the students to express their own individuality and reflect their personality into digital art self-expression. The main idea is to build up self-confidence and discover their interest.
These are some requirement for the project:
- At least 50% of camera photography
- We are encouraged to take picture of object and ourself.
- The duration of video is 15 seconds. Export the video in MP4.
In the idea development period, we need to write a biography about
ourselves and statement of our work.
Intro to After Effect
Adobe After Effects (AE) is a 2.5D animation software used for
animation, visual effects, and motion picture compositing. It is used in
the post-production phase to manipulate imagery.
AE create motion graphics animation works by manipulating vector and
rasterized art to create and tell a story. Both photography and
videography can be integrated in AE.
Fig 1.11.1 After Effect
Pre-Compositing in Photoshop
Before importing to AE, compositing is usually done in Photoshop.
All the layers need to be arrange and rename accordingly so that it
will be organize and easy to be animated in AE
FIg 1.11.2 Pre-Compositing in Photoshop
Compositing in After Effect
After Effect create digital visual effects, motion graphics, and
compositing application, elements such as images, video,
vector and more can be imported into.
*All the layer elements need to be organized and synchronized to
the external software platforms such as Photoshop &
Illustrator.
*After Effects links to the media instead of embed it.
FIg 1.11.3 Compositing in After Effect
Week 12
Mr Fauzi gave tutorial and basic skills in using After Effect. We are encouraged to use other elements and textures for the background. Besides, we can find loop audio sound from Youtube and add it into the animation.
If the audio is downloaded in mp 4 format, the visible button need to be turn off so it only show the audio.
FIg 1.12.1 Audio in After Effect
*Be aware of the composition while animating, the overall composition need to be clear.
*The animation need to be in loop.
Week 11:
This is the tutorial video given by Mr Fauzi about Kinetic Typography using
After Effect.
Fig 2.11.1 Kinetic Typography
In this video, Mr Fauzi showcase the function of keyframe. By adjusting keyframe, we can able to timing and spacing of the animation. We can create 3 keyframes point to get a curze control.
Fig 2.11.2 Curve Control
Each aniamtion need to be grouped different composition. Animate each pre comp first and then combine into a final aniamtion.
Week 12:
After Effect Exercise
These are the layers and composition:
Fig 3.12.1 Layers given
Fig 3.12.2 Layers given
I try to follow this tutorial video and apply the skill in this
exercise
Free texture I used for background
This is my pre composition
Fig 3.12.5 Pre-Compositing 1
I used wiggle effect to give the image some movement
Fig 3.12.5 Wiggle Effect
Fig 3.12.5 Wiggle Effect Coordinate
I use the Offset effect to loop the footage the pre-comp
Fig 3.12.6 Offset Effect
I apply Posterize Time effect on the animation adjustment layer to limit
the frame rate to 12 fps to create a hand made effect.
Fig 3.12.7 Posterize Time Effect
I apply CC Ball Action effect and Curves effect on the rose.
Fig 3.12.8 CC Ball Action Effect
Fig 3.12.9 CC Ball Action Effect
I apply paper aniamtion on the shark.
Fig 3.12.10 Paper Animation
Fig 3.12.11 Paper Animation
This is my final pre composition
Fig 3.12.12 Final Pre-Compositing
FIg 3.12.13 W10- After Effect Exercise- Chong Cheng Tao
<back to top>
Self-Titled (Poster)
These are my biography, work statement and mood board:
Fig 4.12.1 Biography
Fig 4.12.2 Work Statement
Fig 4.12.3 Mood board
Progress
I use Threshold and Contrast adjustment layers to manipulate the black and white region of the photo.
Fig 4.12.4 Threshold and Contrast adjustment layers
I try to apply gradient to imitate the infrared thermography effect. I use Liquify effect to manipulate the face.
Fig 4.12.5 Gradient and Liquify effects
I used some ripped paper and sticker images. Multiply adjustment layer is used to create shading.
Fig 4.12.6 Ripped papers and sticker images
Fig 4.12.7 Apply the ripped papers and stickers
After a few testings, I decide to use this gradient. Besides, I use Invert adjustemnt layer on the hand. I use some effetcs such as Nosise texture, Color Halftone and Gaussian Blur to add some details.
Fig 4.12.8 Infrared thermography gradient
Fig 4.12.9 Gaussian Blur, Noise Texture and Color Halftone effects
Fig 4.12.10 Apply 3 effects
Fig 4.12.11 Draft Design 1
These is another version with 2 tones gardient:
Fig 4.12.12 2 Tones gradient
Fig 4.12.13 Draft Design 2
I do the typography design in Adobe Illustrator.
Fig 4.12.14 Typography design
Fig 4.12.15 Draft Design 3
2. Final Submission Poster
Fig 4.12.16 Self-Titled: SATURATION
<back to top>
Self- Titled (Animation)
1. Progress
I plan to do transition with glitch and shift channel effect, which I think fit the aesthetic of the poster.
Glitch effect tutorial video:
Fig 4.12.17 Glitch Logo Animation Tutorial in After Effects
Fig 4.12.18 Fractual Noise Map
Fig 4.12.20 Effect keyframes
These is the effect outcome:
Fig 4.12.21 Effect outcome
For the text animation, I explore the character offset effect
Character offset tutorial video:
Fig 4.12.22 How to use Character Offset Text Animation
Fig 4.12.23 Character Offset Effect
These are the used music and sound effects:
Fig 4.12.26 AWGE SS25 DEBUT COLLECTION | AMERICAN SABOTAGE
Fig 4.12.27 4 Glitch Sound Effect
These are some frames for the aniamtion:
Fig 4.12.28 Intro
Fig 4.12.29 Transition
Fig 4.12.30 Text animation
Fig 4.12.31 Shift Channel effect
Fig 4.12.32 Final timeline
2. Final Submission Animation
REFLECTION
Overall, I thoroughly enjoyed this project. It provided me with an opportunity to explore and refine my own aesthetic using Photoshop and After Effects. I found the learning process of After Effects particularly engaging. The software was intuitive and easy to get use to, offering a wide range of tools and effects to manipulate graphics and footage. This class allowed me to experiment with different techniques and styles, enhancing my digital photography and imaging skills significantly.
Comments
Post a Comment