Learn Animated Graphics

Learn how to create animated graphics, including Lottie animations. We'll take you through creating new animations and editing existing.
Read moreRead less
All content

All Animated Graphics content:

  1. How to use Lotties in Figma

    How to use Lotties in Figma

    Tutorial • Intermediate

    In the following step, I will show you how to put together an animation in Figma and then how to convert it into a lottie animation.

  2. How to edit text in Lottie images

    How to edit text in Lottie images

    Tutorial • Beginner

    In this short tutorial, you will learn how to edit text in lottie images using different source files.

  3. How to create a Lottie loading animation

    How to create a Lottie loading animation

    Tutorial • Beginner

    In the following tutorial, I'll show you how to create a lottie loading animation using Figma.

  4. How to use Lottie animations

    How to use Lottie animations

    Tutorial • Beginner

    Learn how to use Lottie animations to add smooth, lightweight motion to websites, apps, games, videos and more—with no animation skills required!

  5. How to create an animated Lottie logo

    How to create an animated Lottie logo

    Tutorial • Intermediate

    Learn how to make a Lottie animation by preparing your Adobe Illustrator files for animation in After Effects. This tutorial covers organizing layers,...

  6. Everything you need to know about Lottie animations

    Everything you need to know about Lottie animations

    Tutorial • Beginner

    Learn all about Lottie animations, from what they are and why they’re used to how to create, optimize, and integrate them into your designs!

  7. How to create a Lottie animation

    How to create a Lottie animation

    Tutorial • Beginner

    Turn a static SVG illustration into a lively Lottie animation with smooth keyframes, dynamic motion, and seamless looping effects!

  8. How to create a Lottie text animation

    How to create a Lottie text animation

    Tutorial • Beginner

    In the following tutorial, you will learn how to create a lottie animation in After Effects.

  9. How to edit Lottie animations for free in your browser, After Effects not required

    How to edit Lottie animations for free in your browser, After Effects not required

    Tutorial • Beginner

    Customise animations quickly and easily with the free browser-based Lottie Editor, for use across websites, apps and more; in this tutorial you'll learn how.

  10. How to Build a Coming Soon Page With Lottie Animations

    How to Build a Coming Soon Page With Lottie Animations

    Tutorial • Intermediate

    In a previous tutorial, we learned how to include Adobe After Effects animations on a page using the Lottie for Web library. Today, we’ll learn how to repeat...

  11. How to Add Adobe After Effects Animations to a Web Page

    How to Add Adobe After Effects Animations to a Web Page

    Tutorial • Beginner

    Complex animations are increasingly implemented in web pages and applications, so today I’ll explain how to add Adobe After Effects animations to a web page.

Related Categories

Adobe Photoshop
Adobe Illustrator
Drawing
Adobe InDesign