Sharing Is Caring:

A beginner’s guide to Lottie

Learn how to create Lottie animations for your digital products

Free tutorial

888 students

1hr 55min of on-demand video

Created by LottieFiles Courses


English [Auto]

What you’ll learn

  • Motion Design
  • Animations
  • Micro Animations
  • Lottie
  • LottieFiles


  • Software: Adobe After Effects


Are you a motion or UI/UX designer? And are you new to motion- and interactive design? Then, this Beginner’s Guide to Lottie is the right start for you.

Why should you learn about Lottie?

Lottie is an open-source text and vector-based file format which will make designing and deploying animations so much easier. If you take the time to understand and work with Lottie, it will be easier to ship/share animations, you will experience higher cross-platform compatibility, your file sizes will shrink dramatically, and you will find it much easier to collaborate during the creating process. Almost all of the top 200 apps on the App Store already use Lottie to engage users and enhance conversions.

What will you learn in this course?

In this course, Salih Abdul-Karim, the Design Lead at Airbnb, will share his knowledge and tips and tricks on creating Lottie animations and the essential tools you need to get started. In addition, you will have a complete overview of the LottieFiles platform and its opportunities.

Read Also -->   How To Find a Job at Fortune 100 Company?|10 Practical Steps

Salih will walk you through the β€œAnimation Principles” – easing, anticipation, follow through and overlap, secondary action, and how to put these foundations to use.

Finally, we will dig into the details of creating micro-interactions like hearts, switches, or buttons and understanding how to create interactive walkthroughs, work with images, expressions, and dynamic properties. You will also learn how to use your favorite vector assets in Adobe After Effects CC.

By the end of this course, you will have successfully created your first Lottie animation and gotten a good understanding of animation techniques and principles.

What tools do you need?

  • Adobe After Effects CC
  • Adobe Illustrator CC
  • Bodymovin (ZXP) or LottieFiles plugin for After Effects (ZXP)
  • Aescript ZXP Installer

Enroll the course today, and we will see you on the other side! πŸ™‚

Who this course is for:

  • Beginner who are interested in learning how to create micro animations and export as Lottie

Show less

Course content

3 sections β€’ 6 lectures β€’ 1h 55m total lengthCollapse all sections

Introduction1 lecture β€’ 1min

  • Introduction00:53

Setting up the tools1 lecture β€’ 9min

  • Getting Set Up for Lottie with After Effects09:12

Learn how to animate4 lectures β€’ 1hr 45min

  • Animation Principles and After Effects Basics36:58
  • Using LottieFiles16:02
  • Basic Animations51:41
  • Closing00:29

πŸ‘‡πŸ‘‡πŸ‘‡πŸ‘‡ Click Below to Enroll in Free Udemy Course πŸ‘‡πŸ‘‡πŸ‘‡πŸ‘‡

Go to Course

πŸ‘‡πŸ‘‡ See Also πŸ‘‡πŸ‘‡

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock