3 GreenSock Projects: Practical Animation With GSAP Premium class

Craig Campbell, Web designer/developer from Fort Worth, TX

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
25 Videos (2h 56m)
    • Introduction

      0:45
    • GSAP Refresher

      9:09
    • Project 1: Animated Preloader The Starter File

      7:48
    • Creating a Timeline

      11:48
    • Bouncing Circles

      13:08
    • Animating the Shadows

      4:12
    • Loading Images

      10:50
    • Preloading Multiple Images

      8:48
    • Animating the Preloader Off

      12:55
    • Revealing the Main Content

      5:28
    • Project 2: SVG Animated Logo, Examining the Logo

      3:44
    • Setting Up the Styles

      4:29
    • Randomizing Position and Opacity

      7:29
    • Animating the Dots

      6:38
    • Animating Paths With jQuery DrawSVG

      6:28
    • Finishing Touches

      3:01
    • Project 3: GSAP Image Slider; Getting Started

      5:21
    • A Note on Slide Positioning

      5:00
    • Setting Up Some Variables

      8:57
    • Placing the Slides

      5:09
    • On Deck

      12:24
    • Setting Up the Animation Array

      9:53
    • Setting Up the Animations

      11:36
    • Creating the Button Events

      8:37
    • Final Thoughts

      0:46

This class is no longer available.

About This Class

In this course, I’ll walk you through three projects where you will learn how to create programmatic animations, in real-world scenarios, using the GreenSock Animation Platform. You'll learn how to create an animated preloader, an SVG logo animation, and a custom content slider.

If you haven't used GreenSock before, get started with our two previous GreenSock course


GreenSock Animation Platform: First Steps

4 of 4 students recommendSee All

Good info; clear presentation style. My only complaint is that there are missing steps/videos (e.g. Video "6 Animating the Shadows" is followed by "10 Revealing the Main Content")… so what happened to steps 7, 8, and 9?

74

Students

--

Projects

Craig Campbell

Web designer/developer from Fort Worth, TX

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.