The Beginner's Guide to Animating Custom GIFs

Jake Bartlett, Motion Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (36m)
    • 1. Course Trailer

      0:39
    • 2. Getting Started

      8:55
    • 3. The Plane's Position

      11:07
    • 4. The Plane's Rotation

      2:33
    • 5. The Heart

      4:30
    • 6. The Clouds

      2:06
    • 7. The Text

      3:00
    • 8. Saving a GIF

      2:40
    • 9. Congratulations!

      0:29
69 students are watching this class

Project Description

Create an Animated GIF to Send to a Friend

ASSIGNMENT

Create and animate a looping GIF that you can send to a friend as a holiday greeting, or just for fun! 

6eba5c54

(I'll show you step-by-step how to make this GIF)

DELIVERABLE

Upload your final GIF to show off in the project gallery. You're more than welcome to create an original design, but recreating mine is just fine too.

INSPIRATION

To get some ideas on what works well for a looping GIF, look through some of these gems I've put together on pinterest.

ADDITIONAL RESOURCES

See the attached zip file at the bottom of this page for my source Illustrator and After Effects files (requires After Effects CC or higher).

Free download of the font I used in my GIF

After Effects Composition Settings for This Class

d0525271

Photoshop GIF Export Settings for This Class

9413d9a0

Resources(1)

Student Projects

project card
Mishk Ah
1 comment
project card
Jimbo Kim
13 comments
project card
Bruce Martin
5 comments
project card
Shirley Wong
13 comments
project card
Win Evans
7 comments
project card
Débora Ramos
6 comments
project card
John Nosek
7 comments
project card
Derrick Burton
2 comments
project card
13 comments
project card
Jake Bartlett
3 comments
project card
Katie Ekins
5 comments
project card
Sammy Roach
4 comments
project card
Nastya Kosarieva
8 comments
project card
Mary Nugent
2 comments
project card
Cory Kensinger
6 comments
project card
Janrin Ortega
9 comments