Information Design : Project 2 : Exercise 3, 4 : Motion Graphics, Kinetic Typography
Information Design GCD60504
NAME: Sea Hirayama
I.D: 0347596
COURSE: Bachelor of Design in Creative Media / Taylor's Design School
●Instructions
Information Design Module Information Booklet
●Week 1 : Motion Graphics
For this week, we learned about motion graphics as well as animation.
Figure 1.1 example of motion graphic
What is motion graphics :
Composition+Animation
Composition = Graphics+Typography
Animation = Movement+Rhythm
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.
For example for storyboard :
4 type of animation :
- 2D animation
- 3D animation
- Stop motion animation
- Motion graphics
Figure 1.2 about motion graphic
Individual Task :
This is logo motion graphic. These express its means I guess such as time.
Corporate advertising "Derive infinite future" 企業広告「引き出せ、無限大の未来」by セブン銀行（SEVEN BANK）
This video is for advertise by bank. It's created speedy, but also smoothly. I supposed that it is important for smooth design to create with blur.
東京事変ティザー映像「BRAND NEW INCIDENTS ▶２O２O」by 東京事変
This is the preview of new album by Tokyo-jihenn. My favorite band in Japan. Anyway this motion graphic is created with art and text. It's made simple and modern design and old design with Japanese culture.
●Week 2 : Kinetic Typography
Practical :
This time, we learned what is kinetic typography. It's the animation with text.
For example : https://www.youtube.com/watch?v=Kt8vGm8_ekQ
It can be created by paragraph/excerpts.
Hence, these are created with both tool.
Figure 2.1 the lecture of motion graphic
Figure 2.2 BOUNCE by me
Figure 2.3 BOUNCE with my name
Figure 2.4 GLITCH by me
Figure 2.5 GLITCH with my name
Figure 2.6 SLIDE by me
Figure 2.7 SLIDE with my name
Figure 2.8 SLOTS by me
Figure 2.9 SLOTS with my name
We're given audio of P!NK - So What. We created a simple kinetic typography through lecture.
The audio :
Figure 3.2 P!NK - So What Lyric created by me
Grooup Task :
Also, we are given the task to make kinetic typography with selecting music ourselves. but this time I joined group lately, so I just did it myself with Japanese music.
I created it watching some lecture of kinetic typography on YouTube.
Figure 4.1 Kinetic Typography In After Effects - After Effects Tutorial - No Plugins
Figure 4.2 Text Animators in After Effects
Figure 4.3 5 Easy Title Motion Graphics Techniques | After Effects Tutorial
Figure 4.4 Text Animators for Beginners - After Effects Type Tutorial
Figure 4.5 Become a master of After Effects Text Animation (EASY)
Figure 4.6 Making Kinetic Typography in After Effects | Tutorial
Figure 4.7 3 Kinetic Typography Techniques in After Effects
Figure 4.8 Kinetic Typography In After Effects Tutorial
Figure 4.9 the music video "NIPPON" by Ringo Sheena
Figure 4.10 "NIPPON" created by me
Figure 4.11 "NIPPON" in Youtube
Feedback:
Reference:
For the examples :
Further reading:
There are a lot of kind of expression as design, so I supposed that I really need to practice and be flexibly. This time, I just was encouraged to learn design more.
●Week 3 : Create motion graphic chart
- - Create motion graphic chart
A chart is a graphical representation for data visualization.
A: Donut Chart
Figure 5.1 Donut chart created by me
Figure 5.2 Donut chart for Impact of COVID-19 on Inbound student mobility
For practice
Figure 5.3 Pie chart created by me
For practice
Figure 5.4 Bar chart created by me
For practice
Figure 5.5 Line chart created by me
●Week 4 : Vector/ Character animation
Figure 6.1 exercise of vector/character animation
●Group task : Sex Education : Your Body
Group Task :
- Finalize Kinetic typography MV
- Final Project’s Storyboarding
I joined group 7 and did this task. For first week of this task, we collect some sketch for it each other. So this time I did sketch for 6 A-B part. Also I created animation part of 3B, 5C and 6A-B.
The sketch:
Figure 7.1 sketch of 6A
Figure 7.2 sketch of 6B
Figure 7.3 sketch of 6C
Figure 7.4 all part for the draft of animation
Figure 7.5 3B part in AE by me
Figure 7.6 5C part in AE by me
Figure 7.7 6A-B part in AE by me
●Feedback
Experience:
I have watched some lecture of AE to understand how to use it well with class and Youtube.
Observations:
I could know how to create animation for showing calendar move smoothly such as page turn effect. It was really difficult for me to understand, but I could use it more clearly after I watched the video lecture in Youtube. I noticed it was really easy to create.
Findings:
I supposed that we need to keep in touch more and more will be better because some time I confused about the progress this time. But anyway I appreciate them for doing the task with me. It's really good experience for me to do submission with group member without face to face.
Further readings/references:
How to Morph Shapes - After Effects Tutorial
How to Create Calendar Date Paper Flying Animation
using After Effects Tutorial ( After Effects Tutorial - without plugin )
Comments
Post a Comment