Breakfast! The fuel for a day full of activities and animating this coffee set!

About this course

On this course, you’ll learn how to animate lines and shapes on Adobe After Effects.

We’re going to create a simple illustration, and then we’re going to animate it!

This is perfect for adding some extra flair to any illustration while also adding a new skill to your portfolio.

What project are we going to develop?

We're going to create a simple looping animation of a set of different elements related to coffee (a coffee mug, a coffee pot and a cupcake). It’s meant to work as an animated GIF.

Who’s this course for? Requirements

I'll be teaching you some basic and intermediate aspects of After Effects, so any basic knowledge of this software is recommended, but it’s not essential.

The same thing applies to Adobe Illustrator; you can jump into this course even if you don’t have any experience with it, but some basic knowledge is recommended.

You'll need a copy of Adobe After Effects CC and Adobe Illustrator CC for this course.

Also, on the final step, we’ll be using Adobe Photoshop CC to export the animation as a GIF, but this is entirely optional.

Table of contents

The author

Diego Barrionuevo
Diego BarrionuevoTeacher

Diego Barrionuevo is a Graphic Designer and Illustrator from Buenos Aires, Argentina. He was born in 1984 and was nurtured by videogames, comic books and cartoons. Nowadays, he draws inspiration from that material to create all kinds of projects - from creating art for videogames to vector illustrations and motion graphics.

To learn more, visit

Login or register to comment

Best answer
4 months ago

Hola Diego, también los dictas en español?

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram vimeo interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card align-left align-center align-right justify bold underline italic typography link right-quotations list-editor grid