Master Lottie Animations: Create Interactive Web Experiences
Focused View
1:05:34
1 Introduction.mp4
00:46
2 Why use Lottie.mp4
01:17
3 Examples of animations and interactions.mp4
03:33
4 The Lottie pipeline.mp4
01:00
5 The boundaries of Lottie.mp4
01:06
6 Getting setup for Lottie in After Effects.mp4
15:02
7 Illustrator - Best practices for Lottie.mp4
03:49
8 Illustrator - Creating an icon and preparing for AE.mp4
03:50
9 After Effects Importing our icon and setting up.mp4
02:15
10 After Effects - Icon animation and exporting for Lottie.mp4
11:02
11 The different possibilities.mp4
00:51
12 Using Lottie-web.mp4
02:34
13 Lottie-Interactivity - Animation sync on scroll.mp4
03:04
14 Lottie-Interactivity - Animation sync with cursor position.mp4
04:36
15 Using Lottie-Interactive.mp4
02:52
16 Lottie-Interactive - On-click interaction.mp4
01:33
17 Lottie-Interactive - On-hover interaction.mp4
01:24
18 Lottie-Interactive - Morphing + Switch interaction.mp4
02:14
19 Lottie-Interactive - Play-on-show interaction.mp4
02:26
20 Conclusion.mp4
00:20
code.zip
- urls
- aftereffect fresh sources!.zip
- all free download!.zip
- extra creativity!.zip
- free movie and tv show!.zip
- free shutterstock!.zip
- newest tutorial!.zip
- unlimited free download!!.zip
More details
Course Overview
Learn to create stunning animations and interactive experiences using Lottie, from icon design in Illustrator to advanced web integration techniques.
What You'll Learn
- Fundamentals of Lottie animation pipeline and workflow
- Best practices for creating Lottie-ready assets in Illustrator
- Advanced interactivity techniques like scroll and cursor sync
Who This Is For
- UI/UX designers looking to enhance their motion design skills
- Web developers wanting to add rich animations to projects
- Motion graphics artists transitioning to interactive media
Key Benefits
- Create lightweight, scalable animations for web and mobile
- Master the complete workflow from design to implementation
- Access exclusive resources including AE templates and assets
Curriculum Highlights
- Lottie Basics: Pipeline and After Effects setup
- Icon Creation: Illustrator to AE preparation
- Advanced Interactivity: Scroll, hover, and click triggers
Focused display
Category
- language english
- Training sessions 20
- duration 1:05:34
- English subtitles has
- Release Date 2025/05/21
