Motion Design
& Graphics
Anoop Ratn
DES526/307
Class Code - 6ryjzy6
About me
Courses at IIIT Delhi
• DES101 Design Drawing and Visualization
• DES202 Visual Design and Communication
• DES302 Introduction to Animation and Graphics
• DES502 Introduction to 2D Animation
• DES526 Motion Design and Graphics
• DES305 3D Animation Filmmaking
Animation and Graphics @ IIITD
Motion Design and Graphics
Motion Design and Graphics
Motion Design and Graphics
Motion Design and Graphics
Motion Design and Graphics
• Graph (diagrams, measurements)
Motion Design and Graphics
• Graph
• Graphics (Images, Visuals, Pictorial arts, Text)
Motion Design and Graphics
• Graph
• Graphics
• Computer Graphics (Monochrome, colour, 2D, 3D, Vector, Raster)
Motion Design and Graphics
• Graph
• Graphics
• Computer Graphics
• Graphic Design (Visual elements + Design principles)
Motion Design and Graphics
• Graph
• Graphics
• Computer Graphics
• Graphic design is a term for the modern activity of combining lettering,
illustration, photography, cartoons, printing, and other visual elements for
purposes of information, instruction, or persuasion. Graphic design yields
products such as posters, books, flyers, symbols, brands, packaging, and
other elements of contemporary visual culture. As a method of
communication, the basic functions of graphic design exist wherever there
is civilization, and it is an essential part of the culture and economy of
industrialized countries.
Motion Design and Graphics
• Graph
• Graphics
• Computer Graphics
• Graphic Design
• Motion Graphics (Graphics in Motion)
Motion Design and Graphics
• Graph
• Graphics
• Computer Graphics
• Graphic Design
• Motion Graphics – The combination of graphic design and animation
Motion Design and Graphics
• Technological advance with its accelerating pace has brought changes
in design because the demand for graphic design on television, the
Internet, video games, interfaces for electronic devices, and posters
on cheap LCD screens and interactive posters is more and more
dominant.
• The art of combining animation and graphic design in order to convey
information and communicate ideas.
Motion Design and Graphics
• Motion graphics is the contemporary term used to describe a broad
field of design and production that embraces type and imagery for
film, video, and digital media including animation, visual effects, film
titles, television graphics, commercials, multimedia presentations,and
more recently architecture, and increasingly digital/video games.’
Motion Design and Graphics
Motion Graphics - Animation
Motion Graphics - Animation
Motion Graphics - Animation
Motion Graphics - Animation
Google Classroom and WhatsApp
COs
• Students will understand the foundational principles underlying
Motion Graphics.
• Students will utilize the basic tools of Motion Graphics (After Effects,
Photoshop)
• Students will be able to design their project-related Animated Logo
and display assets.
• Students will be able to produce a short animated visual story for a
project.
Lecture topics
• Introduction to Motion Graphics
• Visual Storytelling and Info Graphics
• Typographic Design and Design Fundamentals for Motion Graphics
• Visualization for Motion Graphics and Concept Development
• Character Animation
• Working with Templates
• Motion Graphics Themes, Sound, and Camera
• Digital Compositing, Cuts, and Transitions
• Editing concepts and Common editing conventions
• Green Screen with Lighting setup
• Basics of VFX
• Understanding of Different File format and Rendering
• Course Project
Who this course is for?
• Graphic Designers or people with a little bit of knowledge in image
manipulation or vector-based software like Photoshop/ Illustrator
Who are not familiar with how to create Animation for their still
Graphics.
• Motion Graphics Artist, UI/ UEx Design
• Templates
• Infographics content creation
What skill you need?
• Creative Thinking
• Design Sense
• Tool Knowledge
Applications
Applications
• Adobe Photoshop/ Illustrator
• Adobe After Effects
• Adobe Premier
Learning Outcomes
• Create motion graphics from a variety of static sources
• Recognize and define common animation techniques
• Apply common animation techniques to simulate realistic movement
• Create a short visual story from a script
• Use audio, typography and design to make a visual production
• It combines the perspectives on media technology and systems with
an awareness of the creative process, the audience and the trends
shaping content.
Learning Outcomes
Platforms
• Branding
• Social media
• Mobile applications (UI/UEx)
• AR/ VR
Branding
Grading Policy
% Contribution in Grade
• Class Participation 10
• Mid-Sem Exam 12
• Quiz + Viva + Practical Exam 30
• Assignments 28
• Final Project 20
Grading Formula
• Theme 20%, Creativity 30%, and Technique 50%
• Relative grading
• Avoid delayed submissions (Unfair practice)
• Follow all submission instructions properly
(Name_RollNumber_Asgn##)
• Strict Plagiarism Policy on using templates, existing designs, and
genuine design
Assignments/Exercises
• Asset Creation / Shape Transition
• Abstract Visuals for Sound
• Logo Animation
• Product Infographic
• Basic Animation
• Title Sequence
Assignments/Exercises
Assignments/Exercises
Assignments/Exercises
Poll
• Pen Tablet
• Application
Classes
Tuesday and Thursday @ 9.30 AM
MDG Projects
IPs
IPs
IPs
Upcoming Event..
Questions?
