ID405
Animations & Motion on the Web
Faculty
Po-Chen Chia
Freelance motion director and animator
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
Motion design is a discipline that takes graphic design principles and applies them to video production through the use of animation and visual effects. From the analogue experimental films of the 1920s to the digital interfaces we interact with today, the development of motion design has always been closely tied to development in technology. It is an exciting field that combines animation and graphic design principles with new cutting-edge technologies.
Learning highlights
- Understand the basics of Adobe After Effects
- Be able to create and apply animations to future projects
- Learn how to critique and understand animation & design feedback
Course outline
15 classes
Session 1
- Intro
- Course Overview
- Lecture: What is Motion Design
- Project 1 Brief
- In-Class Exercise: paper cut out stop-motion
Session 2
- Lecture: Frame Rates
- Lecture: Animation Principles
- After Effects Overview
- Work Session & Home Work
Session 3
- Lecture: Animation & Film History
- After Effects Demo
- Work Session & Home Work
Session 4
- After Effects Demo
- Work Session & Home Work
Session 5
- Project 1 Rough Cut Critique
- Lecture: Kinds of Animations
- Project 2 Brief
- After Effects Demo
- Work Session & Home Work
Session 6
- Project 1 Presentations
- Lecture: Transitions
- After Effects Demo
- Work Session & Home Work
Session 7
- Lecture: Kinetic Type
- After Effects Demo
- Work Session & Home Work
Session 8
- Lecture: Production Process
- After Effects Demo
- Work Session & Home Work
Session 9
- Lecture: Editing & Cinematography
- After Effects Demo
- Work Session & Home Work
Session 10
- Project 3 Brief
- After Effects Demo
- Project 2 Rough Cut Critique
- Work Session & Home Work
Session 11
- Project 2 Presentations
- Work Session & Home Work
Session 12
- Lecture: UI Animation continue
- Work Session & Home Work
Session 13
- Lecture: Abstract Film
- Project 3 Rough Cut Critique
- Work Session & Home Work
Session 14
- After Effects Demo
- Work Session & Home Work
Session 15
- Project 3 Presentations
- Final Takeaways
- Feedback & Thoughts
Prerequisites
Have After Effects Installed and make sure your computers have enough free space as well.
Basic understanding of Photoshop, Illustrator or similar programs like Figma or Sketch.
Animations take time to create, so time management outside of class will be important.
Methodology
3 weekly projects. (concept, storyboard, design, animation, and presentation)
Hands-on demos and exercises
Small group and whole class project critiques
Lectures covering topics and motion history relating to the week’s project
Grading
Po is a freelance motion director and animator based in NYC & London. He has worked with a variety of brands, studios, and agencies in the United States and abroad. Over the years, Po has solved problems through design and motion with clients such as Google, Meister, Duolingo, Squarespace, Airbnb, Buck, and others.
See full profileApply for this course
Animations & Motion on the Web
by Po-Chen Chia
Total hours
45 Hours
Dates
Jan 10 - Jan 28, 2022
Fee for single course
€1500
Fee for degree students
€750
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.