Games Development / Project ?

20/04/2026 - 25/3/2026 (Week 1 - Week ?)

Chang Wing / 0367807 

Games Development / Bachelors of Design (Honours) in Creative Media / Taylor's University

Projek ?

---

TABLE OF CONTENTS

1. Instructions

2. Final Project: Animated Instructable Project

3. Feedback
4. Reflection

(Not updated)

---

INSTRUCTIONS

Figure 1.1 Module Information

---

FINAL PROJECT: ANIMATED INSTRUCTABLE POSTER (30%)

Storyboarding

So as a pair for this group project, we decided to animate my poster from the previous project: Link to Blog of Wing's Project 1: Instructable Poster.

Figure 2.1 Chogdgd

We started by creating a storyboard for the animation to map out the transitions, pacing, and overall style (Figure 2.2). This helped us visualise the flow early on and ensure that all elements stays consistent throughout the animation.

Figure 2.2 Storyboard (PDF)

Next, we created a timing map to allocate time for each section. However, as the project progressed, we had to adjust the timing of certain scenes since we also made changes and updates to the storyboard along the way (Figure 2.3).

Figure 2.3 Timing Map

Then, we created rough animatics according to the storyboard produced earlier to better visualise the transitions, check for any missing steps, and get a clearer idea for the animation's pacing (Figure 2.4 & 2.5).

Figure 2.4 Animatic part 1 (Illustrated by Erin)

Figure 2.5 Animatic part 2 (Illustrated by Wing)

Animation Process

Because we were reusing assets from my side (since the illustrations in the selected poster were originally created by me), I continued by creating additional illustrations needed for the final step-by-step recipe animation. I then shared the updated assets with my partner through Adobe Illustrator's cloud file.

Figure 2.6 Illustrating assets for animation

After that, I renamed and reorganised the layers in Adobe Illustrator, separating grouped elements into individual layers before importing them into Adobe After Effects. This was done to ensure a cleaner workflow and to make the elements I wanted to animate easier to control and animate later on.

Figure 2.7 Renaming and reorganising/separating

grouped elements to proper layers in Adobe Illustrator

Then, I imported the Illustrator file into Adobe After Effects for animation. I applied various techniques such as wiggle expressions, easy ease, scale with bounce effects, and motion blur to make the animation more lively. I also used trim paths to quickly animate pouring motions, the Puppet Positioning tool to adjust shapes and movement, and keyframed position and opacity to create fade-in and fade-out transitions (Figure 2.8).

Figure 2.8 Animation process in Adobe After Effects

Finishing and compilation and SFX of the final animation is done by my partner, visit Erin's Blog to check out the process.

Final Outcome

Figure 2.10 Final youtube video:

Rustic Potato Pie | Erin Fenner & Chang Wing | Information Design

---

FEEDBACK

Final Project: Animated Instructable Poster (30%)

Week 5 (10/03/2026)

Feedback: -

Week 6 (17/03/2026)

Feedback: Njjjn

Week 7 (21/03/2026)

Feedback: -

Week 8 (25/03/2026)

Feedback: -

---

REFLECTION

This prsdfs