logo
Course

Web Animations Full Course | Build a GTA VI Website & Master GSAP

0% completed

100%

Chapter 01

Welcome to The Ultimate GSAP Course

  • Welcome to the World of Modern Web Animation

    Free

  • Emotional Design: The Business Value of Animation

    Free

Chapter 02

How To Get the Most out of This Course

  • Meet Adrian, Your Instructor

    Free

  • Get the Most Out of This Course

    Free

  • Access to a Private 24/7 Community

    Free

  • Environment Setup

    Free

  • Our Workflow

Chapter 03

Getting Started with GSAP

  • Your First Animation

  • Committing to GitHub

  • Targeting Elements

  • Understanding properties

  • Understanding methods

  • Getting Started With GSAP Interview

Chapter 04

Easing: Making Animations Feel Natural

  • What is Easing?

  • Power Easing

  • Sine Easing

  • Back Easing

  • Bounce Easing

  • Elastic Easings

  • Expo Easing

Chapter 05

Core Animation Methods

  • Learn to

  • Learn from

  • Learn fromTo

  • Learn Stagger

  • Learn Set

  • GSAP Core Animation Methods Interview

Chapter 06

Timeline

  • Introduction to Timelines

  • Create Your First Timeline

  • Controlling the Timeline – play, pause, reverse, restart

  • Position Parameter

  • Staggered Animations with Timelines

  • GSAP TImelines Interview

Chapter 07

ScrollTrigger

  • Introduction to ScrollTrigger

  • Create Your First ScrollTrigger Animation

  • Scrubbing the Animation

  • Pinning Elements

  • GSAP ScrollTrigger Interview

Chapter 08

Build & Deploy a GTAVI Website | GSAP Course

  • Introduction

  • App Setup & Installation

  • Hero Section

  • FirstVideo

  • Jason Duval

  • SecondVideo

  • Lucia Caminos

  • PostCard

  • Final Video

  • Outro Section

Chapter 09

Emotional Design Case Studies

  • Why companies pay for this skillset

  • How emotional design improves KPI

  • Portfolio projects that showcase this

  • Apple Layered scroll transitions

  • Apple Hero product reveals

  • Subtle easing/timing strategies

  • Duolingo Micro-rewards

  • Habit-forming feedback loops

  • Stripe Button feedback loops

  • Stripe's form field animations that reduce anxiety

  • Revolut's Design for Trust and Premium Feel

  • How Instagram Designs for Dopamine

  • How Phantom Made Crypto Feel Human with Motion

  • Airbnb’s Emotional Animation System

  • GSAP Emotional Design Interview

Course

GSAP Core Animation Methods Interview

GSAP Core Animation Methods Interview

Loading...
Loading...
Loading...

    0 Comments

    glass-bbok

    No Comments Yet

    Be the first to share your thoughts and start the conversation.

    tick-guideNext Lesson

    Introduction to Timelines