Premier Graphics
& Animation
AI & Digital Arts · MS elective · 3 credit hours · 16 sessions

Generative Art for Motion Graphics

This course moves beyond the keyframe, teaching students to create motion graphics using code and algorithms. Students will explore the intersection of programming and design, using tools like Processing (p5.js), TouchDesigner, or After Effects Expressions. The curriculum focuses on creating complex, self-generating systems, audio-reactive visuals, and abstract data art that would be impossible to animate manually.

§ 01 By the end you can
  1. Understand the logic of Procedural Generation: Variables, Loops, and Randomness
  2. Master coding basics for artists (Processing/p5.js or Python)
  3. Create "Audio-Reactive" visuals that sync automatically to music
  4. Utilize noise algorithms (Perlin/Simplex) for organic motion
  5. Export code-generated assets for integration into traditional video timelines
§ 02 Sixteen sessions

The whole semester.

  1. 01Introduction to Creative Coding: Hello World
  2. 02Variables & Conditionals: Controlling Logic
  3. 03Loops & Grids: Creating Patterns
  4. 04Shape & Color: Algorithmic Aesthetics
  5. 05Oscillation & Trigonometry for Motion
  6. 06Interaction: Mouse & Keyboard input
  7. 07Functions & Objects: Modular Code
  8. 08 · MidtermMidterm Examination
  9. 09Noise vs. Randomness: Perlin Noise
  10. 10Audio Reactivity: FFT Analysis
  11. 11TouchDesigner Basics: Node-Based Generative
  12. 12After Effects Expressions: Math in Motion
  13. 13Particle Systems & Agents
  14. 14Data Visualization: Importing CSVs
  15. 15Projection Mapping Basics
  16. 16Final Project: The Audio-Reactive Installation

Midterm around session 8. Final project briefed at session 8 or 9 and developed in stages until the juries.

§ 03 Final project

Final Project: The Audio-Reactive Installation

How it’s judged

Recommended reading
  1. The Nature of Code by Daniel Shiffman
  2. Generative Design by Hartmut Bohnacker
  3. Processing: A Programming Handbook for Visual Designers by Casey Reas
  4. TouchDesigner Introduction (Derivative Documentation)
  5. Form+Code in Design, Art, and Architecture by Casey Reas
More in AI & Digital Arts