INFORMATION DESIGN- PROJECT 1

14/1/19-15/2/19 (Week 2-Week 6)
Andrea Vie Choong Jia Qi (0331945)
Information Design
Project 1 (Continuous Assessment 1A & 1B)
Instructable Infographics- Poster & Video
_______________________________________________________________

LECTURES 

Lecture 3: Miller's Law (Chunking)

17/1/19 (Week 2)

For this class, we did a group presentation on Miller's Law on Chunking. Here is our presentation slides.








Lecture 4: Isometric Design (As A Good Design Practice)

29/1/19 (Week 4)

For this class, we did a presentation on Isometric Design and some examples of using this method in visual designs.







__________________________________________________________

INSTRUCTIONS 

Module Information Booklet (MIB)


 
________________________________________________________

PROJECT 1: Instructable Infographics (Matcha Ice Cream)

Part 1: Static Recipe Poster

14/1/19 (Week 2)

For this project, I decided to look for recipes that are not too easy or hard and thought of a recipe on making Matcha Ice Cream. I took the recipe from the Morgan Ice Cream maker recipe book.

I wrote down the list of ingredients and steps. 

Matcha Ice Cream

Ingredients:                                                
- Matcha powder [15g]                                 
- Whipping cream [100ml]                            
- Egg Yolks [4 pcs]
- Pure milk [250ml]
- White sugar [8 tbsp]
- Raisins [personal preferences]

Steps:
1. Warm up pure milk to 60°C.
2. Stir the egg yolk and white sugar until the sugar melts before mixing with warm milk and warm up to boiling point. Cool down to 5°C in the freezer.
3. Stir the light cream until it becomes sticky to the touch.
4. Mix all the ingredients in a separate bowl before storing them inside the freezer at 5-10°C.
5. Switch on and put the mixed ingredients into the ice cream maker.

I also include one method on how to separate the egg yolks from egg whites.

 How to separate the egg yolks from egg whites:
1. Crack an egg into a bowl/plate. Don't break the yolk when cracking it.
2. Lightly squeeze empty plastic bottle.
3. Hold the bottle in the squeezed position. 
4. Touch the mouth of the bottle to the egg yolk and slowly release the squeeze on the bottle. 

After listing down the recipe, I searched for some images as reference to help me draw the ingredients and the making process.

Fig  2.1 References for the ingredients & steps

I even looked up for some colour schemes for references to my poster colour design.

 

Fig  2.2 Colour scheme reference

Using these references, I started to illustrate the ingredients and steps on making matcha ice cream in Illustrator. 

Fig  2.3 Illustrating the ingredients/steps/methods 

21/1/19 (Week 3)

And I compile all my individual illustrations to the infographic poster design.

Fig 2.4 Progress #1

Fig 2.5 Progress #2

Fig 2.6 Progress #3

27/2/19 (Week 4)

Here is my final illustration for my recipe poster.

Fig 2.7 Final Recipe Poster: Matcha Ice Cream

Part 2: Animated Recipe Video 

27/2/19 (Week 4)

From the static recipe poster on my Matcha Ice Cream recipe, I pasted the layout in Photoshop in single layers but using the HDTV 1080p. 

Fig 2.8 Progress on making frames in Photoshop

I listed down the structure of the frames that I am going to make for the video.

1st frame: introduction
2nd frame: ingredients
3rd frame: secret tip-egg yolks
4th frame: process of egg yolks separation
5th- 9th frame: steps to make it (x5 for frame)
10th -12th frame: types of toppings for the ice cream
13th frame: closing


4/2/19 (Week 5)

For this week, I created several animation for each frame I created on Photoshop previously. I used the animation plugin, Mister Horse which my lecturer taught us in class. It is more easier and less time consuming to use this plugin compared to the After Effects plugins.

I did some tryouts using the plugins to play around with the animation.

Fig 2.9 Trying out the plugin, MisterHorse

I took out some of the frames as the video should only be maximum 45 seconds and added more animation. I searched for some non copyright music relating to recipes or Japanese music that suits the video.

Here is my progress of my animation in AE.

Fig 2.10 Animation progress on After Effects (Static)

Fig 2.11 Short video of my animation progress

And here is my short animation video on how to make Matcha Ice Cream!