Illustration & Visual Narrative - Task 4 : Final Project (Animated Video with Caption)

1.12.2025 - 4.1.2026 (Week 11 - Week 15)

Lim Jia Yu 0357873

Bachelor of Business (Hons) in Digital Marketing   l   Creative Media Design (Minor)

COM61304 Illustration & Visual Narrative (sec 05)

Task 4 (Final Project : Animated Video with Caption)

---

TABLE OF CONTENTS

1. Lectures

2. Instructions

3. Task 4 

4. Feedbacks

5. Reflections

---

Lectures

Week 11 - Week 15

No lectures and tutorials, the sessions were conducted through consultations only. 

<back to top>

---

Instructions

---

Task 4

Techniques Applied

Design Software

Adobe Illustrator

Adobe Photoshop

Adobe After Effects

CapCut

Task 4

- script-based visual storytelling

- thumbnail sketching and scene planning

- digital illustration (line art, colouring, shading)

- layer organisation for animation

- simple motion animation 

- editing, timing, audio syncing

Task 4 - Animated Video with Caption

A) Research

Step 1:

scripts provided by Mr. Fitri

Figure 1.1.1 : Provided Scripts

Step 2:

chosen script

Figure 1.1.2 : Chosen Script

Step 3:

moodboard

 

. 

Figure 1.1.3 : Moodboard

B) Sketches

Step 1:

create thumbnails

Figure 1.2.1 : Thumbnails

Step 2:

line art (Adobe Illustrator)

Figure 1.2.2 : Line Art

Step 3:

fill in colour

Figure 1.2.3 : Colour Filled

Step 4:

add shadows

Figure 1.2.4 : Shadows Added

Step 5:

add highlights

Figure 1.2.5 : Highlights Added

C) Animation 

Step 1:

merge group (Adobe Photoshop)

Figure 1.3.1 : Merge Group

Step 2:

merge layers

Figure 1.3.2 : Merge Layers

Step 3:

animating composition (Adobe After Effects)

Figure 1.3.3 : Animating Composition

Step 4:

add sound, background music, animation, script overlay (CapCut)

Figure 1.3.4 : Sound, BGM, Animation, Script Overlay Added

Final Animated Video

Figure 2.1.1 : Final Animated Video

Submission Evidence

Figure 3.1.1 : Submission Evidence

<back to top>

---

Feedbacks

Week 11

The sketches are fine, can continue with the line art.

Week 12

Instead of grey, consider using a brownish tone for the rocks on the path to make them feel more natural. After making the adjustment, everything looks better. Can proceed with the colouring.

Figure 4.1.1 : Improvements

Week 13

The shading and highlights are well done. May proceed with the animation stage.  

Week 14

The video pacing can be improved by shortening it to 16–17 seconds and slightly speeding up the audio to better match the visuals. Also, replacing dip-to-black transitions with cross-fades for a smoother flow. After making the adjustment, the work is ready for submission.  

<back to top>

---

Reflections

What I really enjoyed the most in Task 4 : Final Project (Animated Video with Caption) was the process of turning my sketches into fully coloured and animated scenes. Seeing the visuals slowly come together and combining them with sound and captions was very satisfying, as it helped me understand the whole animation workflow better. Working with different software such as Adobe Illustrator, Photoshop, After Effects, and CapCut also gave me more confidence in handling digital illustration and basic animation.

However, after reviewing my submission and receiving feedback, I realised that the video pacing could be improved by making it shorter and slightly faster. The audio timing could also be adjusted to match the visuals better, and using cross-fade transitions instead of dip-to-black would make the overall animation feel smoother and more polished.

<back to top>

---

--> Press Link to (Main Page)