DPI / Project 4: After Effects Exercise (Week 10)

10.25.2021 - ?.?.2021 (Week 10 - Week ?)
Devina Angeline Wiratama / 0350824
Digital Photography and Imaging / Bachelor of Design (Hons) in Creative Media
Final Project (Project 4): After Effects Exercise


Jump Link

LECTURES

Week 10 / 10.25.2021 (source: Mr Fauzi' PPT)
Introduction to After Effects 
- Basic understanding of how to link Adobe Photoshop layers into After Effects.
- Understanding the compositing concept from still images to moving images.

What is After Effects?
Adobe After Effects is a 2.5D animation software used for animation, visual effects, and motion picture compositing. After Effects is used in film, TV, and web video creation. This software is used in the post-production phase and has hundreds of effects that can be used to manipulate imagery. This allows you to combine layers of video and images into the same scene.


Fig. 1.1 / After Effects Software, Week 10 (10.25.2021)

Adobe After Effects takes a different approach to create movement. Motion graphics animation works by manipulating vector and rasterized art to create and tell a story. You can integrate physical-based media as well through photographs and videography.

Pre Compositing in Adobe Photoshop
Compositing Layers in Photoshop.
Basically, Photoshop is a platform for compositing the layers. All the layers need to be arranged and rename accordingly so that they will be organized and easy to be animated in After Effects. 

Pre Compositing in Adobe After Effects
Compositing Layers in After Effects.
Adobe After Effects is a digital visual effect, motion graphics, and compositing application. Basically, we can import elements such as images, video, vector and more into After Effects. All the layer elements need to be organized and synchronized to the external software platforms such as Photoshop & Illustrator. After Effects files do not embed its media, it links to it.


Fig. 1.2 - 1.3 / From Still to Moving Image, Week 10 (10.25.2021)

For reference, you can see previous students' work in Mr Fauzi's PPT.


TUTORIAL

Week 10 / 10.25.2021
We need to watch:
1. After Effects Live Demo Video during Tutorial class.
2. Advanced keyframes (video)


Fig. 2.1 / Tutorial by Mr Fauzi, Week 10 (10.25.2021)


INSTRUCTIONS


<iframe src="https://drive.google.com/file/d/1KzzNSVxa0kKS--SV78TKxs6WRnUGRU4z/preview" width="640" height="480" allow="autoplay"></iframe>


PRACTICAL

Research
Learn AE by Ben Marriott

Shortcut for Easy Ease
Select the keyframe and press F9 or Animation > Keyframe Assistant > Easy Ease.


Fig. 3.1 / Research, Week 10 (10.25.2021)

Week 10 / 10.25.2021
We need to do these steps by step.
1. Download the composition.
2. Import the W9_ANIMATE.psd into Adobe After Effects.
3. Create a composition setting 1080 px (Width) x 1920 px (Height), Duration 15 second
4. Create a keyframe animation to the layers using Position (P), Scale (S) & Masking path.
5. Render output: Quicktime (H.264)
6. Upload your exercise into your Youtube Channel.
7. Update your progress and video to your E-Portfolio blog. 
8. Attach your E-Portfolio link on this Submission.

Progress
After downloading the PSD file (no. 1) and importing it to AE, we need to try to use the AE using position, scale, masking path. Here is my progress.





Fig. 3.2 - 3.9 / Intro AE, Week 10 (10.25.2021)

Edits
Shark 1: Position (Transform) and gaussian blur (Effect)
Typewriter: Position, scale, and opacity (Transform)
Fencer: Position and scale (Transform)
Projector: Mask path (Mask)
Shark 2: Position (Transform) and gaussian blur (Effect)
Texture 1: Rotation (Transform), mask opacity (Mask), and Fill (Effect)
Texture 2: None

Final Result
I upload it on my Youtube


Vid. 3.1 / Result, Week 10 (10.25.2021)


FEEDBACK

Week 10 / 10.25.2021
Now that's better! Good job Devina. (about week 9)



REFLECTION

Frankly, it is very hard to understand Adobe After Effects. It's complicated. I need to watch it more than one time to understand it. However, I observed that many people use this software in many of in terms of future work. I'm grateful to have learned now.



Comments