DPI - WEEK 10

23/6/25 - 29/6/25 (Week 10)

Nicole Ng Ying Yan 0382412

GCD61204 Digital Photography & Imaging

---

1.0 LECTURE

WEEK 10: Intro to After Effects

- 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.

Figure 1.0 After Effects software (Week 10, 23/6/25)

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

- Compositing Layers in Photoshop

Basically Photoshop is a platform to compositing the layers. All the layers need to be arranged and renamed accordingly so that it will be organise and easy to be animated in After Effects. 

Figure 1.1 Pre-compositing in Adobe Photoshop (Week 10, 23/6/25)

- Compositing Layers in After Effects

Adobe After Effects is a digital visual effects, 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 organised and synchronised to the external software platforms such as Photoshop & Illustrator. After Effects files does not embed its media, it links to it.

Figure 1.2 Pre-compositing in Adobe After Effects (Week 10, 23/6/25)

Example works from previous students:

• https://fauziyusoff.com/dpi

---

2.0 TUTORIAL

- How to animate using Photoshop Timeline -

VIDEO TUTORIAL:

https://taylorsedu-my.sharepoint.com/:v:/g/personal/fauzi_yusoff_taylors_edu_my/EYCt5NLVw6FCs9pE38Fsa9oBWDjyBEhSVL2_homVpoIdvg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJTdHJlYW1XZWJBcHAiLCJyZWZlcnJhbFZpZXciOiJTaGFyZURpYWxvZy1MaW5rIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXcifX0%3D&e=NBLXmV

---

3.0 PRACTICAL

- Animation Storyboard

<Vertical Magic Lock Screen Storyboard>

Figure 3.0 Vertical lock screen storyboard (Week 10, 24/6/25)

<Square Magic Lock Screen Storyboard>

Figure 3.0 Square lock screen storyboard (Week 10, 24/6/25)

---

4.0 REFLECTION

I started to sketch out my storyboard for the animation in order to have a clear vision of what I want the animation to look like. The Photoshop tutorial demo provided by Mr. Fauzi was very helpful for simple animations, however I decided to use After Effects to animate my video as there may be more functions I can use in that software. 

---