Create an Awesome Looping Gif - Using After Effects, Shape Layers & Illustrator.

Richard Bolland, Animation | Illustration | Motion Graphics

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Videos (46m)
    • What we will learn

      0:58
    • Setting up your illustrator file

      4:14
    • Converting to shapes

      3:53
    • Animating the transition 01

      14:37
    • Animating the transition 02

      5:11
    • Animating the transition 03

      12:09
    • Finished timeline and making a gif

      4:56

About This Class

Create an awesome looping gif like this one! We take an indepth look into After Effects shape layers and find out how to carefully transition between two different shapes. We start off by learning how to prepare your Illustrator file to import into After Effects and then the fun begins! In the project section you can download the AI file that I've used to create this animated looping gif. So you won't waste any time! 

fbbd582a

36 of 38 students recommendSee All

Great intro to making gifs in After Effects for someone who had never used After Effects before.
The videos were easy and quick to understand. It was a good refresh for me since I haven't used after effects for over a year now.
Erika T.

Graphic Designer

The perfect tutorial. Amazing explanations and example!

1,023

Students

7

Projects

Richard Bolland

Animation | Illustration | Motion Graphics

Hello, we are called Studio Bolland. A small but dedicated team of passionate illustrators and motion designers. We work with both local and international clients on various creative outlets: Animated explainer videos, TV commercials, web videos, illustrations, cartoons, corporate identities, logos, animated gifs and the list goes on...