Information Design / Final Project

3 Feb 2025 - 23 Mar 2025 (Week1-7)
Kaho Yamaya / 0364278
Information Design / Creative Media / Taylor’s University
Final Project
JUMP LINK







INSTRUCTIONS


Fig 1.1 Instructions for this module, PDF



WORK PROGRESS

From week2 class, we make a group and try to find a theme to make infographic animation as a goal. We decide to go with the "Sleep deprivation" theme. My teammates gathered the information about how lack of sleep affect human body.

I referred the informations in the webpage of Japanese famous medical company, Taishouseiyaku. It shows how the food we took in daily life and the numerous nutrition may affect the quality of your sleep.

Reference webpages:



Fig 2.1 Proposal presentation slides, PDF, Week4 (24/2/2025)

Based on what we researched before start visualisation, we did presentation in Week4 class. Unfortunately, we couldn't decide the final animation outcome or storyboard at this time, however, the lecturer are fine with this theme. We are proceed with this direction.


Fig 2.2 The storyboard of infographic animation, PDF, Week6 (11/3/2025)

Since we all have no time to do the meeting, we missed some weeks to work. However, we could divide a role and start working with it individually. I will do 2D animation part in this project.

Fig 2.3 Working screen in AE #1, JPG, Week6 (14/3/2025)

I started visualise character in Illustrator and import each body parts png into AfterEffects. The character design is based on the teammate's storyline. The character with coffee cup is named Alex, which has poor sleep and couldn't fully open his eyes because he is always sleepy. On the other hand, second character named Sam is powerful, having energy because he took good sleep.

Fig 2.4 Working screen in AE #2, JPG, Week6 (14/3/2025)

After I get 3D background from teammate, combine them in one scene. In week6 feedback session, lecturer suggested me to change the app to Premiere Pro because AfterEffects takes a lot of space. After I change the working app to Premiere Pro, I could get more easy & smooth animation with saving the space.

Fig 2.5 Working Screen in Premiere Pro #1, JPG, Week7 (20/3/2025)

I watched some lecture video on Youtube to get smooth animation in Premiere Pro. The most useful technique I got in here is the animation of pie chart and bar graph. I could set the starting point freely, and it made me more creative in animation.

Fig 2.6 Working Screen in Premiere Pro #2, JPG, Week7 (21/3/2025)

While doing the work in Premiere Pro, I made the background as transparent because these scenes are combined with other project in the later stage. Choose Quicktime> Video Codec> Animation> 8bpc+α.

Fig 2.7 The google drive with 2D assets, JPG, Week7 (22/3/2025)

I put 2D assets and animation scenes in Google drive. I made 2D assets in Clip Studio for iPad, editing animation in AfterEffects and Premiere Pro.


FINAL INFOGRAPHIC VIDEO ANIMATION

Fig 3.1 Final Infographic Video Animation, MP4, Week8 (25/3/2025)

Youtube link:


FEEDBACK

Week6 (14/3/2025)
General&Specific Feedback... If you want to edit the animation more than 10 seconds, especially you edit the audio at the same time, try to use Premiere pro.

Week7 (21/3/2025)
General Feedback... Your team name should have more unique name, not Group1 section 3 Fri or something. This subject is for showing information effectively, so it is not a illustration or 3D module. You should make sure your information hierarchy is proper and viewer could understand it clearly.

Specific Feedback... As the last week feedback, the animation is working well in Premiere pro. Your editing should be in there.

REFLECTIONS

Throughout this project, there were many things to reflect on. First, I regret that the lack of communication among group members resulted in an unbalanced workload despite the division of roles. I was in charge of 2D animation, but I did not expect to be in charge of 2D assets at the same time, and it was my fault that it took me so long to start working on them. However, I have been able to master the technique with the primary goal of communicating information more clearly. This was one of my goals since the beginning of this class, and I am happy that I was able to acquire the skills and learn from them.
Since we were doing group work concurrently this semester, I believe that our small team had more difficulty in dividing the workload than other groups. Even so, I think we did the best we could as individuals.


Comments

Post a Comment

Popular posts from this blog

Digital Matte Painting / All Exercises and Projects

Image
24 Sep 2024 - 10 Jan 2025 (Week1-16) Kaho Yamaya / 0364278 Digital Matte Painting / Creative Media / Taylor’s University Exercises 1&2, Project1-3 JUMP LINK ・ Submissions ・ Feedback ・ Reflections INSTRUCTIONS Fig 1.1 Instructions for this module, PDF SUBMISSIONS For the first exercise, we need to get a fundamental knowledge for the field painting. To get these sense, we are going to do a edit on landscape picture to several time (morning, noon, twilight, night). Fig 2.1 Original landscape pic, Week1 (24/9/2024) This picture is for my original reference. I will use Photoshop for editing. Fig 2.2-5 Edited pictures, Week1 ( 26/9/2024) As the time and the sun goes, I edited the shadows in these pictures. The backgrounds in here are mountains, so I added some white in here because the objects paled out by the air.  Fig 2.6-8 Working screen of landscape drawing, Week2 (6 /10/2024) In this exercise, students requires to draw exact the same colour with their reference image. Student...
Read more

Information Design / Project1

Image
17 Feb 2025 - 10 Mar 2025 (Week3-6) Kaho Yamaya / 0364278 Information Design / Creative Media / Taylor’s University Project1: Animated Infographic Poster JUMP LINK ・ Lectures ・ Submissions 　・ Infographic Poster 　・ Minimal Animated Infographic ・ Feedback ・ Reflections INSTRUCTIONS Fig 1.1 Instruction of this module, PDF LECTURES Past lectures(W1-W7) are in  Exercise  post SUBMISSIONS DESCRIPTION:  After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text. REQUIREMENT: Your main intention is to analyse the “delivery mechanism’s” that affect the outcomes of your infographics. Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic: PART 1: Infographic poster (10%)       ...
Read more

Major Project Ⅰ / Task1: Proposal

Image
3 Feb 2025 - 23 Feb 2025 (Week1-3) Kaho Yamaya / 0364278 Major Project Ⅰ / Creative Media / Taylor’s University Task1: Proposal JUMP LINK ・ Reflections PROGRESS From the week2 meeting, we decided our team's goal as animation. The basic storyline is come from Yong. The main characters are three. Father(protagonist), Mother, and daughter. We try to find references for character, world/environment, scene, artstyle, colour, and architecture.  Fig 1.1  Miro board progression, Week2 (12/2/2025) Fig 1.2  Storyline rough sketch, Week2 (16/2/2025) Before we proceed the sketches, I made a rough sketch of storyline(main event) to visualise and share the idea with all team members. Fig 1.2 Animation references, Week3 (17/2/2025) After we decided our decision, we started to find animation references. I suggested the stylised art style before we start to find the references because it makes our research more easy.   Fig 1.3 Environment sketch reference, Week3 (17/2/2025) Fig...
Read more