Illustration and Visual Narrative - Task 04: Final Project

02/12/2025 - 23/12/2025 (Week 11 - Week 14)

PHANG QI YU / 0385732

Illustration and Visual Narrative / Bachelor of Design in Creative Media / Taylors University

Task 4: Final Project


Table of Content 

1. Lecture

2. Instructions

3. Process Work

4. Reflections


LECTURES

No more lecture classes; we finished in Week 10!


INSTRUCTIONS


Task 4: Final Project

For the final project, we are required to create a poetic, life-lesson animated video with captions, suitable for social media posts. The duration of the video must be between 15-20seconds. We are required to create at least 3 sequences of animated illustration based on a script given. We must include sound, audio narrative, and caption for our script. Include the author's name in the caption as well, but not in the narration. 

1. Script

For the script portion, I chose the quote: 

"I don't have to be perfect. All I have to do is show up and enjoy the messy, imperfect, and beautiful journey of my life." by Kerry Washington. 

I find this piece deeply motivating because it reminds me that it's okay not to be perfect. It encourages me to embrace my imperfections, accept myself as I am, and fully enjoy the journey of my life, messy moments and all.

2. Inspiration

My inspiration is to create simple illustration sketches that allow the quote to speak for itself. Since the quote I chose is about enjoying the mess and accepting imperfections, I plan to sketch visuals that reflect that message, similar to the style and feel of the mood board shown below. I'm intentionally avoiding complicated elements. Instead, I want the accompanying video to use comfortable colors and clean, simple sketches that evoke emotion and leave viewers feeling calm, happy, and connected to the message. Above all, I hope these visuals can warm the viewers' hearts and make the message feel even more personal and uplifting!

3. Mood board/ References 


 
Figure 1 & 2 Reference images 

 

Figure 3 & 4 & 5 Reference Images

4. Ideation for animation (Storyboard)

I plan to create illustrations with a soft, girly vibe. My sketches will begin with simple drawings of hands and legs and gradually reveal a cute little girl (shown from the back), to give a gentle, innocent touch to the visual story. I chose this approach because I want to express the idea that every part of us may be imperfect, yet all these imperfections come together to shape who we are today. Imperfection is its own kind of beauty. Through this visual journey, I hope to encourage viewers to enjoy the process, embrace themselves, and appreciate the beauty within their own imperfections.

This creative choice supports my goal of encouraging people to accept and appreciate themselves. The gradual reveal of the character represents the journey of self-discovery, showing that beauty is formed over time rather than instantly. The use of soft colors and a gentle illustration style create a calm and comforting feeling, which helps deliver a positive and reassuring message. Through this visual process, I hope viewers will take their time, enjoy the journey, and learn to accept who they are. Overall, the illustrations remind viewers that imperfections are not something to hide but meaningful parts that make each person unique and beautiful.

I split the quote into 5 storyboards + 1 ending (author's name). Mr. Fitri suggested that 4-5 sketches are enough, so I made sure not to exceed that number. 

1st Storyboard: I don't have to be perfect.

2nd Storyboard: All I have to do is show up

3rd Storyboard: and enjoy the messy

4th Storyboard: imperfect

5th Storyboard: and beautiful journey of life.

My storyboards: 

Figure 6 Storyboard sketches

Figure 7 Storyboard sketches 

I showed Mr. Fitri my storyboard sketches, and he suggested that I change the 5th storyboard's cat. Since the 4th storyboard features a little girl, switching suddenly to a cat felt a bit random HAHA. So, I resketched the 5th storyboard, and below is the updated version!

Updated 5th Storyboard: 

Figure 8 
5th Storyboard (updated)

New storyboards: 

Figure 9 Storyboard sketches

Figure 10 Storyboard sketches

5. Digitizing in Adobe Illustrator

After completing all the storyboard sketches, I will begin digitizing them in Adobe Illustrator. We need to set our format to portrait/ vertical. (Height; 1920px, Width: 1080px) 

I decided to begin with the last storyboard (the 6th one, the ending) since it was the easiest HAHA. I used crayon brushes for coloring. I selected the Artistic Chalk Charcoal Pencil brush and painted along each stroke.

Figure 11
 Progress on 6th Storyboard (Adobe Illustrator) 

Figure 12 
Artistic Chalk Charcoal Pencil Tool

Figure 13 
Progress on 5th Storyboard

I finished digitizing six of the storyboards in Adobe Illustrator. They are just simple artboards for now, without any animations. I'm going to let Mr. Fitri check my digitized artworks; if they are approved, I can move on to the next step, which is starting the animations. 

Figure 14 
Digitized Storyboards

Oh, but before beginning the animation, I will add some gradient colors to my storyboards as well, to make the colors and textures look more polished and complete!

Figure 15 
Apply Linear Gradient (5th Storyboard)

Figure 16 
Apply Linear Gradient (4th Storyboard)

6. Animation Video

For the animation video, we can use either Adobe After Effects or the CapCut app to create the animations. Since it’s my first time using After Effects, I’d like to give it a try first. CapCut will be my backup plan in case After Effects turns out to be too difficult to learn TT. 

Mr. Fitri has provided tutorial slides on how to use Adobe After Effects in Microsoft Teams, so I can go through them and learn the basics.

Figure 17 
Progress on 6th Storyboard Animation (Adobe After Effects)

The above shows the progress on my 6th storyboard animation. I finally completed my first animation in Adobe After Effects by following Mr. Fitri’s tutorial slides and with assistance from him. I initially struggled because my Photoshop file wouldn’t load, so I asked Mr. Fitri for help. He discovered that Adobe After Effects was lagging because I had too many tabs open. From now on, I’ll make sure to close other tabs while working in After Effects to avoid the same issue.

Now, I'm going to continue animating the remaining storyboards. Wish me luck!

Figure 18
Progress on 1st Storyboard Animation (Adobe After Effects)

By the way, I also tried using the Puppet Position Pin Tool (Fig. 19), which lets you animate specific points on a layer while keeping the object’s natural deformation. It was my first time experimenting with it, and I found it so cool and unique! I used this tool in my 1st storyboard to make the leg look like it was walking forward. I’m not entirely sure if I did it correctly or if the animation turned out the way it’s supposed to, but to me it looks pretty good—at least it seems like it’s moving, HAHA! So, I’d say it’s a win. ^^

Figure 19 
Experimenting with the Puppet Position Pin Tool (1st Storyboard)

After finishing the animations for the six storyboards, Mr. Fitri mentioned that we can edit the remaining parts in the CapCut app. We can also extend the video duration there. The required duration for the final video is between 15–20 seconds.

7. Sound/ Audio Narrative

We are required to include sound, an audio narration, and captions based on our script. We can choose to record our own narration or use an AI-generated voice. Mr. Fitri also provided a link in Microsoft Teams for us to generate the narrator audio for our selected quote.

Free AI Voice Generator: AI Voice Generator

My selected script:

"I don't have to be perfect. All I have to do is show up and enjoy the messy, imperfect, and beautiful journey of my life." by Kerry Washington. 

Figure 20 Generating AI Voice

After generating the AI voice I chose, I will add background audio and a narration track to my animation video. I will be using the CapCut app to add those audio tracks to my video.

Figure 21 Progress (CapCut)

I added a Ghibli-style nostalgic and inspirational orchestral piece as my background music. This music enhances the overall composition of my video and creates a gentle, innocent atmosphere. Therefore, I believe Ghibli-style music is the best option for my video. 

8. Captions 

Then, I started adding captions to my video. I slowed down the audio narration so that my animation video would have a duration of 15–20 seconds. 

After adding the captions, I struggled to decide which font effects and text animations to choose, as there were too many options.

Figure 22 Progress (CapCut)

After receiving several rounds of feedback, I’ve finally decided on the font effects and text animations for my video! The selected font is 'Carriera', enhanced with a font effect, and set to an 8-point size.

I decided not to add any video effects to the animation. Although I experimented with effects, I felt that keeping the original version resulted in a cleaner and better outcome.

9. Project Details

Background Music (BGM): Ghibli-style nostalgic inspirational orchestra music

Art Style: Soft minimalism with a pastel aesthetic, featuring a gentle and dreamy girl-inspired theme

Caption Font Type: Carriera 

Font Size: 8pt

Main Visual Elements: Calm and dreamy atmosphere, cozy, soft color palette, nature-inspired elements (clouds, skies, flowers)

Video Duration: 19 seconds

Video Format: MP4

Software Used: Adobe Illustrator, Adobe After Effects, CapCut

10. Final Animated Video Preview

Video 1
Final Animated Video with Captions & Audio (MP4)


REFLECTIONS

Experience

My experience during this task was fun and exciting, as it allowed me to explore more creative possibilities. It was enjoyable to experiment with different tools in Adobe Illustrator and learn how to utilize them effectively. It was also my first time using Adobe After Effects to create an animation video. Animation videos sound fun yet professional; however, at the beginning, I was completely blank because I had no prior experience in animation. I was quite worried that I might not perform well in this task and was afraid that After Effects would be difficult to learn.

However, the animation process turned out to be much smoother and easier than I had expected, especially by following the slides provided by Mr. Fitri. His slides were very detailed and clearly explained all the tools. The tutorial slides helped me a lot throughout this task.

Observations

My observations throughout this task were that it was really interesting to animate a video based on our own preferred styles and to bring our sketches to life through animation. Through this task, I observed that design is truly a personal process, as everyone has their own ideas and inspirations. When I looked at my classmates’ styles and artworks, they were completely different from mine, yet both my work and theirs were equally meaningful and well done.

I also realized that feedback plays an important role in every task, not only in design work but also in many aspects of learning. When feedback and advice are given, we should listen and learn from them. Even if we do not follow every suggestion exactly, it is important to consider and understand the feedback. Mr. Fitri gave me a lot of valuable advice and constructive feedback throughout this task, which greatly helped me during the process of completing this final project.

Additionally, I observed that I am becoming more familiar with most of the tools in Adobe Illustrator, which has made me more efficient while working on tasks. Lastly, I would like to express my sincere appreciation to Mr. Fitri for always guiding us through every task and explaining every detail so clearly. I would also like to thank myself for being responsible and completing every task on time—well done!

Findings

My findings throughout this task were that after I started digitizing my sketches in Adobe Illustrator, I added too much freeform gradient, which caused my artwork to crash and become impossible to reopen. This happened because using excessive freeform gradients consumes a lot of memory and can cause the computer to lag. While digitizing half of my work, I tried to zoom in, but Adobe Illustrator suddenly froze, and the screen turned white. I was terrified at first because I was afraid my artwork would disappear, and I had not saved my work yet.

At the beginning, I thought the lag was just a technical issue with Adobe Illustrator, so I continued digitizing and used freeform gradients again. However, my artwork kept crashing repeatedly. Even though I saved the file, I still could not open it. After several attempts, I realized that the problem was caused by adding too many freeform gradients, as they require more storage and processing power.

As a result, I switched to using normal gradient colors, and the artwork still turned out well and met my expectations. Fortunately, I was not working on this task at the last minute, so I still had about two weeks to continue working and figure out the problem. I am grateful that I was able to learn from my mistakes, understand the issue, and fix it promptly.


Comments

Popular posts from this blog

Video and Sound Production - Exercises

Advanced Typography - Task 1: Exercises

Design Principles - Task 1: Exploration