Skip to main content

ID405BKK

Animations & Motion on the Web

Bangkok Campus
Nov 15, 2021 - Dec 03, 2021
During the Intro to Motion Design course, students will learn the fundamentals of motion, and dive deep into animation techniques, history and processes.
Bangkok Campus
Nov 15, 2021 - Dec 03, 2021
Po-Chen Chia

Faculty

Po-Chen Chia

Freelance motion director and animator

Course length

3 weeks

Duration

3 hours
per day

Total hours

45 hours

Credits

4 ECTS

Language

English

Course type

Offline

Fee for single course

€1500

Fee for degree students

€750

Skills you’ll learn

Interaction DesignAnimationAdobe After EffectsMotion Design
OverviewCourse outlineCourse materialsPrerequisitesMethod & grading

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

  • Introduce students to the fundamentals of animation and train students to think like an animator
  • Students will learn to problem-solve with animation and demonstrate Three appropriate use of visual design principles
  • Students will experiment with a variety of animation techniques (shapes, typography, images, videos)
  • Students will examine the history of Motion Design, Animation & Film
  • Students will document their process and be able to explain their conceptual development

Course outline

15 classes

Dive into the details of the course and get a sense of what each class will cover.
Monday
Tuesday
Wednesday
Thursday
Friday
Monday
1

Session 1

Intro

Course Overview

Lecture: What is Motion Design

Project 1 Brief

In-Class Exercise: paper cut out stop-motion

Tuesday
2

Session 2

Lecture: Frame Rates

Lecture: Animation Principles

After Effects Overview

Work Session & Home Work

Wednesday
3

Session 3

Lecture: Animation & Film History

After Effects Demo

Work Session & Home Work

Thursday
4

Session 4

After Effects Demo

Work Session & Home Work

Friday
5

Session 5

Project 1 Rough Cut Critique

Lecture: Kinds of Animations

Project 2 Brief

After Effects Demo

Work Session & Home Work

Monday
6

Session 6

Project 1 Presentations

Lecture: Transitions

After Effects Demo

Work Session & Home Work

Tuesday
7

Session 7

Lecture: Kinetic Type

After Effects Demo

Work Session & Home Work

Wednesday
8

Session 8

Lecture: Production Process

After Effects Demo

Work Session & Home Work

Thursday
9

Session 9

Lecture: Editing & Cinematography

After Effects Demo

Work Session & Home Work

Friday
10

Session 10

Project 3 Brief

After Effects Demo

Project 2 Rough Cut Critique

Work Session & Home Work

Monday
11

Session 11

Project 2 Presentations

Work Session & Home Work

Tuesday
12

Session 12

Lecture: UI Animation continue

Work Session & Home Work

Wednesday
13

Session 13

Lecture: Abstract Film

Project 3 Rough Cut Critique

Work Session & Home Work

Thursday
14

Session 14

After Effects Demo

Work Session & Home Work

Friday
15

Session 15

Project 3 Presentations

Final Takeaways

Feedback & Thoughts

Prerequisites

Because of how fast-paced the class will be, it’ll be super beneficial for the students to watch these After Effects overview videos and get started with After Effects before the first class.

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

Not just graded on the final animations but also effort, participation, and process.

Turning each assignment in before the stated deadlines (sketches, designs, rough cuts, motion tests, and final renders).

Following the delivery spec requirements.

Grading

The final grade will be composed of the following criteria:
30% - Project 1: Colour Organ - Animate geometric composition to sound
30% - Project 2: Transitions - Transition between different typography focused layouts
30% - Project 3: UI Animations - Applying animation techniques to user interface designs
10% - Participation
Po-Chen Chia

Faculty

Po-Chen Chia

Freelance motion director and animator

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 profile

Apply for this course

Snap up your chance to enroll before all spaces fill up.

Animations & Motion on the Web

by Po-Chen Chia

Total hours

45 Hours

Dates

Nov 15 - Dec 03, 2021

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.