The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
The Creative Pass Watch all courses for just $12/month
Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
  • Chapters
  • descriptions off, selected
  • subtitles off, selected
      Certificate of completion
    • 6 lessons (1 hour 5 minutes)
    • 4 downloads
    • Audio: English
    • English, Spanish, French, Italian, Portuguese
    Included in the Creative Pass

    Create animated and interactive experiences using Lottie

    Reviews
    A course by Samuel Osborne
    Full stack developer & Lottie animator at SVGenius
    $9.99 $100 91% off
    Buy
    06d : 02h : 32m : 17s

    full creative pass

    Get access to this course and over 100 more for digital designers and creative developers, all for just $12/month

    Learn more

    Motion and interactivity are becoming key elements for creating exciting, dynamic and captivating digital experiences. Lottie is lowering the barrier of entry for animated and interactive interfaces and is quickly becoming the industry standard tool.

    Category Course format Language Duration Level
    Motion, Animation Online English with Subt. 1 hour 5 minutes Intermediate & professional level

    In this course you will learn how to bring life to your web page and make it interactive. We will cover how to create, animate and export animations specifically for Lottie using Illustrator and After Effects. You will also learn how to integrate them on to the web and add interactions such as on-click, hover, morphing and more.

    By the end of this class, you will have all the tools necessary for creating animated and interactive digital experiences.

      Certificate of completion
    • 6 lessons (1 hour 5 minutes)
    • 4 downloads
    • Audio: English
    • English, Spanish, French, Italian, Portuguese

    Course Content

    Explore Every
    Course Chapter

    • Lessons
    • Lesson 1
      Welcome
      • Introduction
      • Why use Lottie?
      • Examples of animations and interactions
    • Lesson 2
      Lottie basics
      • The Lottie pipeline
      • The boundaries of Lottie
      • Getting setup for Lottie in After Effects
    • Lesson 3
      Icon creation
      • Illustrator - Best practices for Lottie
      • Illustrator - Creating an icon and preparing for AE
    • Lesson 4
      Icon animation
      • After Effects – Importing our icon and setting up
      • After Effects - Icon animation and exporting for Lottie
    • Lesson 5
      Integrating into a web project
      • The different possibilities
      • Using Lottie-web
      • Lottie-Interactivity - Animation sync on scroll
      • Lottie-Interactivity - Animation sync with cursor position
      • Using Lottie-Interactive
      • Lottie-Interactive - On-click interaction
      • Lottie-Interactive - On-hover interaction
      • Lottie-Interactive - Morphing + Switch interaction
      • Lottie-Interactive - Play-on-show interaction
    • Lesson 6
      Conclusion
      • Conclusion

    Meet the teacher

    Samuel Osborne

    Full stack developer & Lottie animator at SVGenius

    Having just completed a masters degree in information technologies, I currently work as a full stack developer. I use SVGenius to have more creative endeavours and fell in love with Lottie to mix programming, design, and animation. When I’m not working you can find me at the gym or behind my camera.

    Now
    9.99$
    /$100

    Course Content

    In this course you will learn how to bring life to your web page and make it interactive. We will cover how to create, animate and export animations specifically for Lottie using Illustrator and After Effects. You will also learn how to integrate them on to the web and add interactions such as on-click, hover, morphing and more.

    By the end of this class, you will have all the tools necessary for creating animated and interactive digital experiences.

    Features

    • English
    • English, Spanish, French, Italian, Portuguese (Machine translation)
    • Intermediate & professional level
    • Access on mobile and Desktop
    • Full time access
    • Certificate of completion

    If you have any questions about this course, please contact us

    Start the course and upskill your professional toolkit.
    Start the course and upskill your professional toolkit.
    Start the course and upskill your professional toolkit.

    Related courses

    Find more courses
    like this one.

    Currently we have more courses for you View All Courses

    This website uses cookies to ensure you get the best experience on our website. Cookies Policy

    GOT IT