Posts

Showing posts with the label Information Design

Information Design - Final Project

Image
4/1/2022-17/1/2022 ( Week 1- Week 7) Sasilvia Cheong Pei Hoong / 0345031 /  Bachelors of Design in Creative Media Information Design Final Project  Lectures Week 1- What is Motion Graphics? Motion graphics is graphics in movement which is composition + animation.  Composition= Graphics + Typography Animation= Movement + Rhythm The steps in creating a motion graphic: 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 is to sequence of sketches provide visual reference for key scenes. Fig. 1.1 Storyboard Previsualization: Create a visual script then breakdown the scenes and running times. Fig. 1.2 Visual script Create a mood board to organize inspiration and references. Fig. 1.3 Mood board Week 4: Vector/ Character Animation Create graphics in AI Select layers intend to animate Plac...

Information Design - Project 2

Image
4/1/2022-25/2/2022 ( Week 2- Week 8 ) Sasilvia Cheong Pei Hoong / 0345031 /  Bachelors of Design in Creative Media Information Design Project 2- Motion Graphic and Exercise Lectures Week 2- Animation vs Motion Graphics Animation- Images that create illusion of movement 4 type of Animation:  2D animation 3D animation Stop motion animation Motion graphics Fig. 1.1 Motion graphics Motion Graphics Anatomy Text animation:  Kinetic  typography Graphic animation: Graphics elements Chart  visualization Character animation Fig. 1.2 Motion graphics anatomy Kinetic  Typography Word by word Animated paragraph/excerpts with final composition Good text animation mixed both Fig. 1.3 Kinetic typography Kinetic  Typography in After Effects Text layer > Character (Size, leading, kerning) > Align Animate > Position, scale, opacity Keyframing: Range selector > start 100% > 0% easy easy/F9 Keyframing: Graph editor Motion bl...