INFORMATION DESIGN // PROJECT 1

11.1.2023 - 24.2.20223(Week 1 - Week7) 

Information Design // Project 1
Ang Shin Er / 0355231 
Bachelor Of Design (Hons) In Creative Media / Taylor's University

---

LECTURES 

| What is Motion Graphics?

• Means Graphics in Movement.
• = Composition+Animation
• Composition = Graphics+Typography
• Animation = Movement+Rhythm

Motion Graphic Design Process :

• Step 1: Write a Script That Tells a Story. 
• Step 2: Storyboard While You Brainstorm the Visual Treatment. 
• Step 3: Take Your Storyboards into Design. 
• Step 4: Animate the Final Designs.

Storyboard for Motion Graphics: Sequence of sketches provide visual reference for key scenes. 

Previsualization: Visual script→ Breakdown (scenes+running times)

Create Moodboard: Organize inspiration & references

| Animation vs. Motion Graphics

                                                    

Animation:  Images that create illusion of movement.

4 type of Animation:

• 2D animation. 
• 3D animation. 
• Stop motion animation.
• Motion graphics.

| Motion Graphics Anatomy

• Text animation: Kinetic Typography.
• Vector animation: Graphics elements created in AI.
• Chart Visualization.
• Character animation: wiggling.

WEEK 1 // TASK 

We are required to recommend 3 Professional Motion Graphics & share personal burnout experience on Blog.

For the 1st one I choose this, because I like how it uses pastel colours and moves like a kaleidoscope.

For the 2nd one, I choose this is because I like how it moves to the music and looks very comfortable.

For the 3rd one, I choose this is because this is a motion graphic created by imagining "Graphic Dance". And it is only concerned with what fits the sound and looks very comfortable.

---

INSTRUCTION

 

| PROJECT 1 / INSTRUCTABLE INFOGRAPHICS POSTER

For Project 1 is to transmit a set of instructions and at the same time educate the audience. Infographics should be fun and simplify the context, while representing information graphically. We are required to reflect the following:

• To transmit or communicate a message. 
• To present large amounts of information in a compact and easy to understand way. 
• To reveal the data. Discovering cause-effect relations, knowing what’s happening. 
• To periodically monitor the evolution of certain parameters. 

Requirement

1. Infographics poster (1240 × 1750 pixels or 2048 × 2048 pixels)
2. Animated Instructable poster (Max 60 sec / 720p: 1280x720 pixels (H26/mp4))

To start this project, I had to select one recipe video from Pasta Grannies Youtube channel. 
Selected video : https://www.youtube.com/watch?v=2-kw4d7RJ98

Here are the receptive that I have listed out.

Some references / Moodboard :

Creating elements and arranging the layout :

Separated the layer 

| Final Submission for Poster :

| Final Submission for Poster Animation Video :

_