Information Design / Final Project
02.03.26 - 22.03.26 (Week 6-8)
PAN RUINING (0378138)
INFORMATION DESIGN / Bachelor of Design (Honours) in Creative Media
FINAL PROJECT
CONTENT LIST
·
LECTURES
·
FEEDBACK
LECTURES
All Lectures:
INSTRUCTION
FINAL PROJECT
Description:
Using Project 1 (Instructable Infographic Poster) ad the base, create a
60s animated infographic video in pair.
- Refine and upgrade the design based on Project 1.
- Improve clarity, hierarchy, and aesthetics through motion.
Requirement:
- Max 60s: 720p
- 1280 × 720 px
- Export: H.26 / MP4
- Publish to YouTube (Unlisted)
My partner: Sun Yutong
Poster selection: Maritati Pasta Recipe Poster (Mine)
Fig.1.1 Poster selected
In Week 6, Yutong and I first decided to use my poster for the final animation. Then, we completed the animation timing plan and storyboard.
Fig.1.2 Timing plan
Fig.1.3 Storyboard
After that, we used Google Docs to further describe what we needed to present for each shot.
Fig.1.4 Storyboard in Google Drive
Next, under Mr. Kannan's guidance, we began to complete our Animatic, which would serve as a reference for our final video.
We refined the visual flow of the animation and eventually finalized the following storyboard scenes:
- Title Introduction
- Preparing the Dough
- Kneading the Dough
- Divide → Shape → Form
2. Press and roll into maccheroni
- Cooking the Pasta and Greens
- Labeling Ingredients for Condimento
- Cooking the Condimento
- Combining Pasta and Condimento
- Final Presentation
Then, we divided the animatic drawing tasks between my partner and me. We decided to complete it together in Procreate. I worked on frames 1–13, while she completed frames 14–26.
Fig.1.5 Draw animatic in Procreate
After finishing the drawings in Procreate, we each created the animatic for our respective parts in After Effects.
Fig.1.6 Complete animatic in AE
Fig.1.7 Complete animatic in AE
Youtube link: https://youtu.be/UVT8qpmGD_s
Fig.1.8 Color palette
.png)
Fig.1.9 Font used
Next, we started editing the final video based on the division of work from the animatic. To communicate more effectively and complete the video production, we chose to work together at Yutong’s house on the editing process.
Fig.1.10 Process in AE
For the animation of stirring the dough with a spoon in this step, I followed an online tutorial and applied position and rotation keyframes to the spoon to simulate circular motion around the dough.
Fig.1.11 Process in AE
Fig.1.12 Process in AE
We presented our completed animation to Mr. Kannan. He said that our process was clear, but the duration of 1 minute and 48 seconds was far too long. It could only exceed the limit by about 2–3 seconds at most, and he suggested that we speed up the animation.
After receiving the feedback, I increased the overall speed of the video and noticed that some steps were still too slow. I applied additional speed adjustments to certain parts, and finally reduced the duration to 1 minute and 2 seconds.
Fig.1.13 Process in AE
Finally, after confirming everything with my partner, we completed the animation.
FINAL OUTCOME
Youtube link: https://youtu.be/ZI0gJoW8SQ4
FEEDBACK
WEEK 6: Sir said that we need to create a simple rough animatic based on the storyboard to demonstrate how the elements move and how the timing is arranged.
WEEK 7: Sir said that our process of animation was clear, but the duration exceeded the limit by too much, so we need to speed up and adjust the pacing of the video.
REFLECTION
Experiences:
This final project was interesting but not easy. I worked with my friend Yutong to create a 60-second recipe animation using After Effects together. At every stage, we divided the work, including selecting the poster and developing the concept, writing the timing plan, drawing the storyboard, creating a rough animatic, and producing the final animation. Since our drawing styles are different, I went to Yutong’s house during the process to work together on the animatic and final animation in order to maintain a consistent visual style. We overcame various technical challenges in After Effects and helped each other solve problems along the way. I am very grateful to my partner and to Mr. Kannan for his continuous support. We are both very satisfied with the final result and feel a strong sense of achievement.
Observation:
Because our animation duration exceeded the limit by quite a lot, which made me realize that when developing the timing plan and storyboard, it is important to mentally visualize whether each step can be completed within the allocated time. We need to consider whether the animation effects and subtitle pacing match well, in order to avoid scenes feeling too slow or too fast, and to better prepare for the final animation. I also learned that an animatic helps us clearly establish the rhythm and provides a basic framework for the final animation. In addition, during the use of After Effects, keyframes and basic tools are essential to the entire animation production process.
Findings:
I found that the pre-production stage is crucial to the success of the final outcome. We need to think and visualize more during this stage so that the workflow of producing the animation later can be more efficient and well-organized. In addition, I realized that communication and task distribution in teamwork are very important, as we need to ensure consistency in both style and ideas. Overall, this project has improved my experience in animation pre-production, enhanced my technical skills in using After Effects, and strengthened my experience working in a two-person team.
Comments
Post a Comment