INFORMATION DESIGN | PROJECT 3
Information Design: Project 3
Loh Kai Xuan (0365780)
TABLE OF CONTENTS
ANIMATED INFOGRAPHIC VIDEO
For our final project, we were tasked to create an animated
video based on one of our infographic poster in Project 1.
We decided to go for my partner,
Lim Yeng San's
Cannoli recipe poster.
Fig.1.1. Grandma Clara's cannoli recipe from Pasta Grannies
Link to our notes:
https://docs.google.com/document/d/1AVnP3rksoSBkVwHIEpWdR6BEeMUCx56R7wPxAyb64Uw/edit?usp=sharing
Since Yeng San had already chosen to do lineless
style, we went with the same for the video so that we
can reuse her assets.
These are the references and Yeng San proceeded to
make the storyboard. While she made the storyboard, we
discussed on how to improve it together.
Strawberry milkshake by Greeble:
https://youtu.be/dxhL_UQAghU?si=wLEu_CcgJX_Mq4g_
Chocochip cookies by Phuc Hong:
https://youtu.be/jGSnztuZj5w?si=or_Tr4bWaH6u40dn
Caipirinha by Lee Nguyen:
https://youtu.be/S4gStLmi1K8?si=lOusYy8K72bUDXjY
Next, I made a time map of the storyboard so that we
can better visualize the time.
Fig.1.3. Timemap
Fig.1.5. Animatic - First Draft
We received feedback that it was too fast with no pauses
and that we should add indicators of which part is for
pastry and which is for cream. I quickly made the changes
afterwards.
Fig.1.6. Animatic - 2nd draft
With the finalized draft, we started working on the
video. I worked on the Pastry part while Yeng San did
the Cream Part.
I placed the animatic on low opacity and animated on
it with the illustrations Yeng San Prepared.
Fig.1.7. Animation - Progress 1
For the dough, I use puppet tool and scale to
manipulate it. So it changes shape whenever
something is done to it.
Fig.1.9. Animtion - Draft 1
Our tutorial is quite lengthy, so to save time,
we used transitions that reuses assets, camera
wipes to next step, or camera following the
ingredient. I also added motion blur and editted
the dough after feedback.
Fig.1.10. Animation - Progress 3
The dough wrapping on bamboo animation is
arguably the hardest for me. I had to create
multiple shapes front, middle and back, then
manipulate it with scale, position and puppet
tool to imitate the action of
wrapping.
Fig.1.11. Animtion - Progress 4
Something I had fun with was animating the
boiling bubbles, it was simple and fun to create
it. I made it in a seperate composition and added
it to the pots afterwards.
With that, I completed my part of the animation.
Fig.1.4. Animation - Pastry
Fig.1.15. Animation - Cream
After Yeng San also completed her part, I combined
the 2 in after effects to create the
transitioning. I also changed the colour of pastry
part to create a clearer difference in steps.
Fig.1.16. Animation - Progress 7
Final Product:
Youtube Link -
Click here
Fig.1.17. Final Product
FEEDBACK.
Week 6
The video cannot be more than 1 minute, try your best to stay in the
limit.
Week 7
Animatic too fast now, should pause at certain parts and
establish the first and second part.
Week 8
Add motion blur, make the dough thinner after it went
through the machine the second time.
Fig.3.1. Week2 group slides
➤ Back to top ✮♱ ༻¨*:·
REFLECTION.
This project allowed me to be very experimental
with the animtion. I rarely do lineless animation as
it is a different style from my usual. I had fun
exploring the different tools in After Effects and
experimenting animations I have never done before.
Overall, I was able to learn many new things through
this experience and I'm happy with the final
result.
Small regret would be that I never managed to find
out why certain illustrations are low resolution
despite being vectors straight from Adobe
Illustrator. Hopefully we can find a fix to this
issue in a future project if time permits.
Comments
Post a Comment