INFORMATION DESIGN // PROJECT 01
Rebecca Thoo Hui Ying / 0350359
Bachelor of Designs (Hons) in Creative Media
Bachelor of Designs (Hons) in Creative Media
Informational Design: Project 01
✧
INSTRUCTIONS
Project 01 (A) : Instructable Infographic (07.01.2022)
Data Collection
✧ Pasta Granny that I've chosen is Claudia.
Fig 1.1 Claudia's shoelace spaghetti
Fig 1.2 Video breakdown
✧ For this poster, I will be illustrating 10 steps as listed in Fig 1.2.
Moodboard & Inspiration
Sketches
Fig 1.4 Sketches
✧ The art style will be lineless & with more of a hand-drawn feel with grainy effects. I've decided to go with Kyle's pencil brush set in photoshop in order to achieve the look & feel for this poster.
Illustration Process (04.02.2022)
Fig 1.5 Illustration progress in Photoshop
Fig 1.6 Artboard layers in Photoshop
Fig 1.7 Photoshop artboard progression
Fig 1.8 Final Illustration Assets
Instructive Poster Progression
Fig 1.9 Compiling assets in Adobe Illustrator
Fig 1.10 Draft Poster
Final Instructive Poster Submission (08.02.2022)
Fig 2.1 Final Poster PNG
Fig 2.2 Final Poster PDF
Project 01 (B) Motion Graphic (15.02.2022)
✧ We are to translate what was on the poster into a motion graphic. I did not include the ingredients in the original poster, so I went about sketching and illustrated a set of ingredients needed for the motion graphic video. It would seem abrupt if I did not add this in, I have also asked for Ms Anis's opinion and she thinks the same too.
Additional Illustrations
Fig 3.1 Ingredients Illustrations
Storyboarding
Fig 4.1 Storyboard
✧ I then organised and came up with the storyboard in Ai. I've reused the background in the poster, I've used the clipping mask to cut off the unnecessary parts. I've cropped and imported the illustrations from Photoshop as individual layers in preparation for the animation process.
✧ Click (HERE) for a preview of all the frames in PNG form
Fig 4.2 Ai Folders preparation for AE
✧ I've separated Ai files for each frame so that they can be imported with ease. This knowledge was gathered while i worked on the comic project in Semester 1.
✧ Click (HERE) for a preview of Ai files
Fig 4.3 Sound effects used
✧ Using sound effects in the motion graphic enhances the liveliness and realism.
✧ SFX were downloaded (From this LINK)
Animation Progress (15.02.2022)
Fig 5.1 Ae work station
✧ Like the previous project, I used colours to differentiate the different frames
Fig 5.2 & 5.3 Ae work station
✧ I've learnt of a shortcut effect: "CC Ripple Effect" that I used on the fire, the saute and the boiling water as an effort to make it lively without going back to Ai to create new files.
Fig 5.4 Ae work station
✧ By using position on the transformation bar, I've made the pasta appeared from the side.
FEEDBACK
Week 06: Poster review (08.02.2022)
Lecturer's Feedback:
Fig 3.1 Lecturer's comments on Microsoft Teams
✧ The text distortion on Fig 1.1o too much, the overall poster looks alright, adjust the title to be simple
Week 07: Motion Graphic question (15.02.2022)
Lecturer's Feedback:
Fig 3.2 Lecturer's comments on Discord
Week 07: Motion Graphic review (18.02.2022)
Lecturer's Feedback:
Fig 3.3 Lecturer's comments on Discord
✧ Ms Anis's comments on the WIP (work in progress) of my motion graphics
REFLECTIONS
This was a fun project to work on. In the past class sessions, I learnt about how I can gather the data efficiently as well as the chunking method. We were then instructed to pick a granny to base our project on, I've picked Claudia, mainly because I have not heard of the "Sholelace" pasta before and it intrigued me. Claudia was also very enjoyable to watch as she uses ingredients that can be found fairly easily. I had a vision in mind and went about sketching it out, then I proceeded to determine which information I could potentially merge together to form point forms. There was also a specific art style that I really want to use for this project. The pencil brush set I've used gave a hand-drawn and friendly feel to the overall poster. After a month of not touching After Effects, I was thrown back on it again. The starting of the motion graphic process was hard on me as I struggled to remember the inner workings and shortcut keys that I've applied for the comic project in Semester 1. Rewatching Mr Martin's tutorial clips helped freshen my memory. I really like how it turned out in the end.
Comments
Post a Comment