Information Design // Project 1

31.01.23 - 25.02.23 (Week 4 - Week 7 ) 

Emelyne How Sok Hing (0352938) 

Bachelor of Design (Hons) Creative Media 

Information Design // Project 1

---

INSTRUCTIONS

Week 4: 

Project 1 // Part 1: Instructable Infographic Poster

Our task is to come up with our own design of an infographic based on a recipe taken from Pasta Grannies YouTube channel. 

After looking throughout her channel, this is the recipe that I chose. 

Figure 1.0 Video chosen for the recipe, 31st January 2023

The recipe I chose is Mara's Tiramisu. I chose to do a dessert recipe since I thought it would be easier for me to draw them and I also have a sweet tooth. 

I broke down the recipe first and made some research on what I would need to illustrate. I listed them down and tried to highlight the most important parts only. 

Figure 1.1 Recipe List, 31st January 2023

Visual References

After writing down the materials I required, I went online to search up some references that would be helpful for creating my own infographics in the future. 

Figure 1.2 Visual Reference 1, 1st February 2023

Figure 1.3 Visual Reference 2, 1st February 2023

Figure 1.4 Visual Reference 3, 1st February 2023

Sketches

I used Photoshop to draw out the concepts I had in my head after browsing for inspiration online. I wanted for my recipe to be both pretty detailed and easy to follow. Here are the sketches that I made.

Figure 1.5 Sketch 1, 1st February 2023

Figure 1.6 Sketch 2, 1st February 2023

Figure 1.7 Sketch 3, 1st February 2023

Figure 1.8 Sketch 4, 1st February 2023

Week 5:

Illustration

I began illustrating the components and tools for my infographic after sketching out my thoughts in illustrations. Semi-realism was the look I was going for. Given that I had never painted food digitally before, I was a little anxious about it. Also, I discovered a tool called the "Smudge tool," which was really useful for blending colours and giving my work a slightly more realistic appearance.

Here is the process of one of the ingredient used to make Tiramisu. 

Figure 1.9 Process, 8th February 2023

Figure 2.0 Process, 8th February 2023

Figure 2.1 Process, 8th February 2023

Figure 2.2 Process, 8th February 2023

Figure 2.3 Process, 8th February 2023

Here is the final result of the illustration of my ingredients.

Figure 2.4 Ingredients Illustration, 10th February 2023

                                        Figure 2.5 Ingredients Illustration PDF, 10th February 2023

Here is the final result of the illustration of my utensils.

Figure 2.6 Utensils Illustration, 11th February 2023

Figure 2.7 Utensils Illustration PDF, 11th February 2023

Week 6: 

Poster Illustration

After finishing the illustration part, I started designing some compositions. I wanted to choose colours that would match with the overall theme/mood of my illustrations. I did not want something that would contrast too much or clash with my elements. I also went for a font that would give a vintage but also elegant type of vibe to my poster. 

Figure 2.8 Poster Illustration version 1.0, 14th February 2023

Figure 2.9 Poster Illustration version 2.0, 14th February 2023

After my first few attempts, I was not very much satisfied of what I did. Hence, I tried to change the colour scheme and went for something that would complement my illustrations rather than merge with them. I tried to go with this colour scheme but also used some additional colours. 

Figure 3.0 Colour Palette, 15th February 2023

Here are my other attempts for my infographic poster. 

Figure 3.1 Poster Illustration version 3.0, 15th February 2023

Figure 3.2 Poster Illustration version 4.0, 15th February 2023

Figure 3.3 Poster Illustration version 5.0, 15th February 2023

Figure 3.4 Poster Illustration version 6.0, 15th February 2023

Final Project 1 // Part 1: Instructable Infographic Poster

After receiving feedbacks from my lecturer, here is what I came up with. I decided to tone down the background, change the font for the steps of my recipe and also put more emphasis on the illustrations.

Figure 3.5 Final Instructable Poster, 18th February 2023

Figure 3.6 Final Instructable Poster PDF, 20th February 2023

Week 7: 

Project 1 // Part 2: Animated Infographic

After completing part 1 of project 1, we were tasked to create an animation based on the recipe. Therefore, I tried to make a quick storyboard of how each panel would look like. 

Figure 3.7 Storyboard, 20th February 2023

Then after deciding on the flow of my animation, I proceeded to choose the background music as well and also decided on what effects I would use. 

Music chosen: Let's meet in spring (instrumental version) by Han All. 

Link of music video: https://youtu.be/KmrFy5tnljc

I selected this song because I wanted my video to have a fresh, gentle, and elegant feel to it. I preferred something peaceful and serene rather than anything lively and dynamic. 

Figure 3.8 Progress in Adobe After Effects, 22nd February 2023

Here is my first draft version of the animated infographic. 

Figure 3.9 Animated Infographic (Before feedback), 23rd February 2023

Final Project 1 // Part 2: Animated Infographic

After getting the feedbacks from my lecturer, I worked on my animation again to improve it. I just made a copy of my illustrated files and made the necessary changes there rather than starting over from scratch. Then, I imported the file into my animation to make the changes. Here's the improved version of my animated infographic poster. 

YouTube video link: https://youtu.be/Idi_s7mSLLA

Figure 4.0 Final Animation, 25th February 2023

---

FEEDBACKS

Week 6: 

Special feedback:

My lecturer said that the pictures could be bigger and maybe have some circle or box behind it in white to give it emphasis. As with the current background, the beautiful deep colour just overwhelms everything in the foreground. The text could also be bigger. And also don't forget to emphasize the important details such as making the measurements, time, etc to either be bold or bigger.

Week 7: 

Special feedback:

The detailed feedbacks that I got from my lecturer compiled in a file. https://docs.google.com/document/d/1IQEuYBtcS2sFks-ZkS14MGEm_d_TIj9vA0YlToO6a9g/edit

---

REFLECTIONS

Week 4-7: 

Making the poster for the recipe was challenging. At first, when I wanted to do something somewhat realistic, I felt a little anxious.  But after all, in the end it wasn't as hard as I thought it would be. Blending the colours were easier than I thought. The brushes in Photoshop also helped a lot since there is quite a variety which are available. The hardest aspect of mounting the poster was trying to arrange everything such that it would be simple and easy to understand. I became so frustrated with trying to align the words and the elements that I had to stop and just switch to the animation. I eventually managed to come up with a solution to my challenges. Concerning the animation, the fact that I had already illustrated a significant quantity of content was really helpful in helping me save time. The elements weren't as difficult to animate. It was actually fairly simple, but it takes a lot of time. Overall, I wouldn't say that I enjoyed working on this project, but I also didn't hate it.