Information Design | Final Project: Animated Poster

 FEILYCIA JOY KURNIAWAN / 0373400 

Information Design / Bachelor of Design (Honors) in Creative Media 

Final Project: Animated Poster


TABLE OF CONTENTS

1. Lectures

2. Instructions 

3. Animation Process

4.  Final Outcome

4. Feedback

5. Reflection


LECTURES

No lecture


INSTRUCTION

Fig. <iframe src="https://drive.google.com/file/d/15jlA5U46fWQlYfTCyo9_yeimmmZgYkl1/preview" width="640" height="480"></iframe>


ANIMATED POSTER

As our final project, we are asked to pair up and animate one of our poster. 
Me and Gwen teamed up and decided to use my poster to animate 


Task delegation: 

Feilycia (me)
  • Assets drawing 
  • Storyboard 
  • Animatics
  • Intro & Outro
  • Pallotte making
  • Final assembly
  • Compiling
Gwendalyn:
  • Storyboard
  • Timing map
  • Ingredient list and prep
  • Tomato sauce making
  • Compiling 
  • SFX
Storyboard

We start with coming up with the story board to figure out the frames and the flow of the animation. We came up with several options for some scenes. 

Storyboard

Timing Map

After coming up with the story board, we had to make a timing map to see how many seconds we need for each scene since we had to put everything in 1 minute. Here we had a bit of trouble trying to put everything under 1 minute. 

Old timing map

After consultation, we were advised to cut some scenes and after discussing it with my teammate, we decided to combine some scenes into 1 scene and cut some of the transition scenes. We tried our best to have the balance between the aesthetics and clear information into our animation. 

Updated timing map

Animatics 

After happy with the storyboard and timing map, we made the animatics to see the overall flow of the animation. For this animatics itself is a bit different from our final animation since along the way we discussed and figured that it will be better if we change some parts. 



Assets

Since we are using my drawings as our asset. I transferred all of my drawings from procreate to adobe illustrator so it'll be easier to transfer everything to After Effects 


From the animation I can see the other assets I need to draw. I went back to procreate and drew all of the needed assets, here's some of the extra assets I drew. 



Further Research 


We decided to use the same font and color scheme I used in my poster. 

Next we had to find inspirations and some tutorial on some of the effects we tried to do such as:

- Curved text in After Effects: https://www.youtube.com/watch?v=-TgQXcUZRUo

We also looked for the background sound and we picked: 


After Effects Process 

1. Opening scene 

Using our storyboard, for the intro we want to make the pallotte falling from the sky. But since, we have a time limit, we decided to make the falling animation just for 1 ball, and the rest will pop out of the plate.

And to make more put together, I drew a simpe backrgound with details like shadow to put underneath the plate. 



We also applied the wiggling text effect to each headline in the animation. 

2. Ingredients List & Ingredient prepping 

For the ingredient list, this part was mainly handled by my teammate. Initially, we planned to present it in a receipt style, where ingredients appear like items on a receipt. However, after testing the animation, we found it difficult to execute and not visually appealing.

We then changed the concept to a shopping basket, where ingredients pop up one by one with labels and measurements. This made it clearer and more engaging.

For the preparation and sauce section, we first considered a fast-paced cutting style like Fruit Ninja, but it did not match our background music. So, we switched to a more traditional chopping board animation, which felt more suitable and cohesive.


3. Pallotte making 

For every phase we add a transition scene just to show the viewers which part they are on in the recipe. So for the opening scene we added the ingredients that they will need as well. 


I mostly played around with the scale and opacity, and before that I made sure the anchor points are at the bottom of the elements, which in result the elements will look like the popped up. 

For the breadcrumbs and grated cheese, I did a simple animation using opacity, position and rotation. 


Since this recipe needs 14 eggs, me and my teammate were pretty confused on how to add the 14 eggs into the animation. After consulting, Mr. Kannan would like to see the eggs rotating, making it like a "dancing" formation. I liked the idea and tried to animate it. It was pretty hard animation this section cause I need to match the rotation of the normal eggs and cracked eggs. 

Next I animated the kneading process. But before that, I drew 4 stages of the bowl to make a flipping animation on the bowl 


For the kneading the dough itself, I use the puppet tool to make the fingers move and to animate the dough forming into a ball 




4. Tomato sauce making 

Next is the tomato sauce making process, which was mainly handled by my teammate. One part we worked on together was the side view of the burner in the second scene. Other than that, most of the animation was done by her, so you can check her blog for a more detailed process.

Overall, we did not face many problems in this section, and the process went quite smoothly.


5. Assembly & Outro 

For the final assembly process, this was the part I handled. I had a lot of fun animating the side view of the burner to show the simmering process. I played around with scale, positions, opacity and rotation to create a stacking-like animation. 


 I explored a few options for the serving scene, especially when pouring the tomato sauce and the meat Pallotte onto the plate. At first, I tried animating it using a ladle for the sauce and placing the Pallotte one by one with tongs, but it felt too time-consuming and not very engaging.

So, I changed the approach to a top view of the pot. The lid opens, and the contents spin directly onto the plate. This made the animation more dynamic and visually interesting, which became my final version.


For the outro itself, I made a simple but cool animation with a touch of a curved text which I learned from a tutorial video. We also added credits to Pasta Grannies for the recipe.

Compiling Process

Since we worked on our parts separately, I had to compile everything into 1 file. Before sending the files, we pre-composed our file into based on the phases such as: intro, ingredients list, prep, tomato sauce, pallotte, assemble & outro scenes. After pre-composing everything, we transferred our files using Dropbox. And from there, I compile everything into the final cut. 

Before exporting I made minor changes such as making sure all of the subtitles and instructions are in the same position, size and color. I also adjusted the speed of some scenes just to make it more coherent 


SFX

Lastly, as a final touch, my teammate added sound effects. We included simple sounds like whooshes and frying to match the cooking scenes. We also adjusted the background music since it was too loud at first, so we lowered the volume to balance everything better.

Overall, we are really satisfied with the final result and happy with how everything came together.


FINAL OUTCOME


FEEDBACK 

WEEK 6

General Feedback - Showed our storyboard and timing map. We were confused on how to do the 14 eggs animation and Mr. Kannan suggested to make the rotation to make it look like it is "dancing". 

We also consulted on the ingredients prepping scene, which he really likes the idea of the fruit ninja but we must take notice that the rythm has to appear again somewhere in the animation to make it consistent. 

WEEK 7

General Feedback - We already have our main parts which were the pallote making and the tomato sauce process. We were worried of the timing since we thought we couldn't put everything into 1 minute. After consulting, we decided to cut some unnecessary scenes to save some time. 

Mr. Kannan also reminded us to keep the animation simple and give viewers time to process it visually and to avoid overwhelming the viewers. 




REFLECTIONS 

Experience Overall, this project was a very fun and meaningful experience for me. I really enjoyed working on the animation with my teammate, and I think that made the whole process more enjoyable. Even though I felt quite overwhelmed at first because of the amount of drawings I had to do, I was still able to manage it since it was part of my responsibility.

One of the biggest challenges we faced was managing the timing of the video. We had to fit everything within one minute, but some parts were too long, and we were worried that the text would be too fast for viewers to read. Because of that, we had to adjust the timing many times to make sure the instructions were still clear.

Towards the final weeks, we spent a lot of time on campus, sometimes up to 12 hours a day. It was tiring, but also a fun experience because we were working together. I don’t think it would have been as enjoyable if I worked on it alone.

Findings Through this project, I learned a lot about motion graphics and animation. By constantly using After Effects for a week, I became much more confident with the software compared to before. I also learned how important timing is, especially when working with instructional content, as it directly affects how well the audience can understand the information.

In addition, I gained knowledge from watching tutorials and looking at other teams’ work. These helped me get new ideas and improve the quality of our animation. I also realized that teamwork plays a big role, as we often shared feedback and supported each other throughout the process.

Observations -  From this project, I observed that good communication and time management are very important in group work. It was sometimes difficult to match each other’s pace because we both had other commitments, such as assignments and exams. This made it challenging to stay on track, but we managed to work through it together.

I also noticed that balancing creativity and practicality is important. While we had many ideas, we had to adjust them based on time limits and what worked best visually.

Overall, despite the challenges, we are very proud of the final outcome and satisfied with what we achieved.


Comments

Popular Posts