INFORMATION DESIGN / INDIVIDUAL PROJECTS

10/01/2023 - 24/02/2023 / Week 1- Week 7

Chew Zhi Ern / 0358995

Information Design / Bachelor of Design (Honours) in Creative Media / Taylor's University

Individual Projects

---

INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1BLGAa76zxJUI1ia5gyOVkE5hlQPjNVj3/preview" width="640" height="480" allow="autoplay"></iframe>

---

Projects

Individual Project 1(a) - Instructable Infographics

In this task, we are required to create an infographic poster for ONE recipe selected from Pasta Grannies

Study one video, breakdown and chunk the preparation and cooking process into an instructable poster. Try to capture each Grandma’s personality and unique dish identity in your poster as part of the narrative structure.

After a general review, I decided on Albina's Cheesy Mashed Potato Pie as my choice.

Requirements:

Poster size: 1240 × 1750 pixels / 2048 × 2048 pixels

To start off, I made some visual references to let me have a general direction to design my poster.

Figure 1(a).1.1 https://pin.it/6lQUMSe

Figure 1(a).1.2 https://pin.it/2lQoK8c

Figure 1(a).1.3 https://pin.it/73gOci3

Figure 1(a).1.4 https://pin.it/WGDYao2

After determining the effect I want to achieve, I started using Illustrator to design it.

First, I selected the colour scheme for the design.

Figure 1(a).2 Colour Theme 

Figure 1(a).3 Process of making the recipe poster

Figure 1(a).4 First Outcome for the Poster

Since I'm not satisfied, I tried on another layout.

Figure 1(a).5 Progress on the second attempt

Figure 1(a).6 Final Outcome for the Instructable Infographics Poster in JPEG Format

Figure 1(a).7 Final Outcome for the Instructable Infographics Poster in PDF Format

Individual Project 1(b) - Instructable Infographics

Use the assets from Project 1 Instructable Infographic poster into a 60 secs motion graphic.

Requirements:
Max 60 seconds infographic video 720p: 1280x720 pixels (H26/mp4) published on YouTube (set to Unlisted)

First of all, I arranged the composition in Adobe Illustrator to facilitate subsequent animation work.

Figure 1(b).1 Arrangement process in Adobe Illustrator

After Effects was then used for the associated animation work, and I effectively completed this task by putting the knowledge I had gained from the earlier tasks and practices.

Figure 1(b).2 Import the arranged elements into After Effects

With the knowledge and skills I learned in the classes, I also used motion blur and ease ease in a smart way.

Figure 1(b).3  Motion Blur and Easy Ease applied

After the animation is done, I render the video out. 

Figure 1(b).4 Final Animation for Instructable Infographic

Youtube Link

Background Music Link

Individual Project 2 - Animation Charts/Graph (Motion Graphic Chart)

We were assigned to a specific chart and required to create a motion graphic chart by following a youtube video instruction.

Given Information:

Figure 2.1 Information provided for Animation

https://www.kings.edu/life_at_kings/resources_for_success/counseling_center/resources_for_students

Figure 2.2 The process of making Motion Graphic Chart - Pie Chart

Figure 2.3 Final Outcome for Motion Graphic Chart

Tutorial Link

Individual Project 3 - Vector Animation

In this task, we need to animate the vector that has been given by the lecturer.

Must Apply:

Animation: Position, scale, rotation (Bounce Effect),

Layer: Motion Blur,

Keyframe: Easy Ease,

Choose one only:

1. Wiggle

OR

1. Puppet position pin tool

Figure 3.1 Process of making the animation

Figure 3.2 Adding Motion Blur Effect to the animation

Figure 3.3 Final Animated Outcome