In this class, we were briefed on our first project which revolves around visually displaying information of a recipe of our choice. This project is split into two parts: a poster and an animation with sound.
As of now, we needed to start working on the poster. The A4 sized poster to be designed should include the ingredients, tools/utensils needed along with the steps. We should also use as little words as possible and express the content visually.
To start off, I created a mind-map to list down some recipes I had in mind.
Fig1.1: Recipe idea
After some brainstorming, I decided to go with a summer peach tart recipe I found on Pinterest.
From there, I started to write the recipe down on a paper and at the same time try to visualise how I want to illustrate it.
Fig1.4: Writing out the ingredients, instructions and tools needed
Then I started to sketch out the elements as well as some sketches on the layouts.
Fig1.5: Sketches of the elements
Fig1.6: Sketches of the layouts
Once I roughly had an idea of what I want to do, I created a moodboard including the colour palette and selected typefaces.
Fig1.7: Moodboard
Then, I started to illustrate the individual ingredients, and later on combined them for the instructions part.
Fig1.8: Process of illustrating
Fig1.9: Using the colour scheme to colour in the elements
Fig1.10: Outcome of the ingredients
Fig1.11: Outcome of the tools/utensils
With the completed elements, I started to combine them for the instructions part.
Fig1.12: Instructions #1
Fig1.13: Instructions #2
Fig1.14: Trying out different ways to illustrate the tart
After that, I roughly tried different ways I could arrange everything to fit nicely for the poster.
Fig1.15: Trying out different layouts
Once I figured out which style I liked better, I created a new document and started to arrange everything properly.
Fig1.16: Process of editing the poster
Fig1.17: Using isometric design for the ingredients
Fig1.18: Using grids to help with the alignment
Here is the final outcome of the infographic poster!
Fig1.19: Final Outcome of the Poster
PDF of Infographic Poster
PART 2: INFOGRAPHIC VIDEO
The next part of this project is to create an infographic video! To start off, I started to do some sketches which helped give me a better idea on how I would like to animate my recipe.
Fig2.1: Sketches
After the sketches, I went on to Illustrator and started to roughly arrange the elements with several artboards to see it all laid out. Then from there, I created my background and transfer the elements into a new ai file with everything organised in separate layers in just one artboard. That way, I can just import the illustrator file to After Effects and do my animation from there.
For the background, I decided to illustrate a gingham pattern and use it as the border.
Fig2.2: Background
Processes on Adobe Illustrator:
Fig2.3: Roughly arranging the elements
Fig2.4: Roughly arranging the elements
Fig2.5: Arranging elements in layers
Fig2.6: Arranging elements in layers
Processes on Adobe After Effects:
Fig2.7: Working on the animation
Fig2.8: Working on the animation
Fig2.9: Working on the animation
Here is the final outcome of the infographic video:
Comments
Post a Comment