Digital Photography & Imaging | Week 10

25/11/24 [Week 10]

Nicco Chew Jin Xun (0366563)

Digital Photography & Imaging | Bachelor of Design (Hons) In Creative Media | Taylor's University

Group 4

---

W10 | Lectures

[ Intro to After Effects ]

What is After Effects?

- A 2.5D animation software used for animation, visual effects, and motion picture compositing

- Used in film, TV, and web video creation

- Used in the post-production phase, and has hundreds of effects that can be used to manipulate imagery. This allows us to combine layers of video and images into the same scene

- Takes a different approach for creating movement

- Motion graphics animation works by manipulating vector and rasterized art to create and tell a story

- Can integrate physical based media as well through photographs and videography

Figure 1.1 - Adobe after effects

Compositing Layers in Photoshop

- Basically Photoshop is a platform to compositing the layers.

- All the layers need to be arrange and rename accordingly so that it will be organize and easy to be animated in After Effects

- Adobe After Effects is a digital visual effects, motion graphics, and compositing application

- 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 does not embed its media, it links to it.

Figure 1.2 - compositing layers in Photoshop

Figure 1.3 - compositing layers in Photoshop

---

W10 | Practical

Instruction

- Import the W10_ANIMATE.psd into Adobe After Effects

- Create a composition setting 1080 px (Width) x 1920 px (Height), Duration 15 second

- Create a keyframe animation to the layers using Position (P), Scale (S) & Masking path.

- Render output: Quicktime (.MOV) or .MP4

- Upload exercise into own Youtube Channel

- Update progress and video to E-Portfolio blog

- Attach E-Portfolio link on this Submission

In this exercise, we have to use Adobe After Effects to animate a keyframe animation from a Photoshop file that provided by Mr Fauzi. Then, we had to animate the layers with Position (P), Scale (S), and Masking Path to create the keyframe animation.

Figure 1.4 - Photoshop file provided by Mr Fauzi

Figure 1.5 - Photoshop file provided by Mr Fauzi (with compositing layers)

I downloaded the W10 animate files and imported them into the AE by following the tutorial by Mr Fauzi. 

Figure 1.6 - Photoshop file imported into AE

I using Position (P), Scale (S), & Opacity.

Figure 1.7 - progress in AE

---

Final Outcome

Here is the link to the video uploaded on YouTube:

https://youtube.com/shorts/iLLlaOdUoXE?si=IHrC5M0DloXVk5mg