Master animation and interaction design with LottieLab. Learn from experts to optimise Lottie file production, UX designs, enhance animations and create engaging user experiences.
2 day course 10am - 5pm Live Online or Classroom-based
What you will learn
- Exploring the LottieLab interface and animation tools, enabling you to create lightweight and interactive animations for web and mobile apps.
- How to import, edit and animate vector graphics, empowering you to bring your designs to life with dynamic motion.
- Understanding keyframe animation, easing and looping techniques, helping you create smooth and engaging animations.
- How to optimise animations for performance and file size, ensuring your designs load quickly on any device.
- Exploring integration options for various platforms, including web, iOS and Android, helping you deploy your animations seamlessly.
- How to collaborate with designers and developers, enabling you to streamline your animation workflow and ensure high-quality results.
- Understanding best practices for creating accessible and user-friendly animations, helping you enhance user engagement and delight your audience.
We can tailor this course to you
If you have specific requirements, talk to us about customising this course to meet your exact needs.
This LottieLab Introduction course includes
-
Authorised Certificate
-
Lifetime support after your course
-
Course materials
-
Live Instructor-led training
-
Refreshments all day
-
Latest Mac or PC ready to go
-
Authorised Trainers
-
Hands-on exercises
Book this course
We offer LottieLab Introduction as a private course.
You can select a date which suits you or your team.
The course content can be fully customised to your exact learning requirements.
Request datesCourse Outline for LottieLab Introduction
Introduction to Lottie and LottieLab
- Introduction to Lottie animations and their benefits
- Introduction to and benefits of the JSON file format
- LottieLab interface overview
- Setting up a LottieLab account and workspace
Creating Simple Lottie Animations
- Importing assets and creating simple animations
- Understanding keyframes and tweening in LottieLab
- Exploring animation properties and effects
- Creating a a simple loading animation
More Advanced Animation Techniques
- Working with layers and nested compositions
- Mastering timing and easing for smooth animations
- Using LottieLab's built-in animation presets
- Designing an animated icon set for a mobile app
Interactive Elements and States
- Introduction to LottieLab's interactivity features
- Creating multi-state animations
- Implementing click, hover and scroll interactions
- Building an interactive toggle button
Optimising Lottie Animations
- Best practices for file size reduction
- Performance considerations for web and mobile
- Using LottieLab's optimisation tools
- Optimising a complex animation for web use
Creating a Responsive Animated Header
- Designing animations for different screen sizes
- Implementing scroll-based animations
- Integrating interactive elements into a cohesive design
- Building a responsive animated header for a landing page
Collaboration and Workflow
- Using LottieLab's collaboration features
- Version control and feedback integration
- Exporting and implementing Lottie files in various platforms
- Creating and iterating an animated product showcase
Advanced Topics and Future Trends
- Exploring other LottieLab features such as Comments and Multi-Artboard
- Examples of successful implementations of Lottie animations in industry
- The future of web animations and LottieLab's roadmap
Integration of LottieLab with Figma and Adobe After Effects
- Using the LottieLab Figma plugin to export designs directly into LottieLab, simplifying the transition from design to animation
- Exporting SVG files from Figma for use in Lottie animations
- Searching and importing animations from the LottieFiles library directly within Figma
- Using the LottieFiles plugin for After Effects to render animations into Lottie format
- Previewing animations with custom background colours to see how they will appear in different contexts before exporting.
- Exporting animations to the compact ".Lottie" format
- Uploading animations directly to the LottieFiles workspaces from After Effects
FAQs about the LottieLab Introduction course
Is this LottieLab Introduction course suitable for me?
This course is designed for people who are new to LottieLab or have been using LottieLab for a while but have never had formal training or who would like to learn best practice in LottieLab. If you are have any questions about whether the course could meet your needs, please speak to our customer service team, who will be delighted to advise you.
How is the content taught throughout the LottieLab Introduction course?
Our LottieLab Introduction course is extremely interactive. You will be using LottieLab throughout the day, working through examples and live projects under the guidance of our trainer, who will be supporting you through each step.
What is the recommended number of people for the class when I attend the LottieLab Introduction course?
For private classes in LottieLab Introduction, we recommend a maximum of 8 to 10 people from the same company in the class. Please ask our customer service team to help you find the right balance of people per class and the number of days training you need.
Should I attend the LottieLab Introduction course in person or live online?
For in-person courses at our London training centre, you will receive a warm personal welcome, your choice of the latest Mac or PC and morning and afternoon refreshments. If you prefer to attend remotely, rest assured that you will be taught live by the same experts that deliver our in-person courses, covering the same training content, using the same exercises and materials. A second monitor is recommended but not essential.
What support is available after I attend the LottieLab Introduction course?
We offer ongoing support to our LottieLab Introduction course attendees through email and by arrangement, phone calls. You are welcome to ask any questions on topics covered during training. Our trainer will always do their best to explain principles and help you with any issues you encounter.
Will I receive a certificate upon completion of my LottieLab Introduction course?
Yes, you'll receive a certificate of completion from Transmedia, demonstrating your knowledge and attendance on our LottieLab Introduction course. Our certificates note our Authorised Training Centre status.
LottieLab Introduction — Team and Bespoke Training
Booking a private training session allows you to focus on your exact needs on dates that work best for you or your team.
- Sessions can be run online or in person, on your site or at our London training centre.
- We manage training for many of the UK’s largest companies, taking care of all the admin, working with you to ensure the perfect course.
- Our expert trainers will first understand your requirements and then tailor each session to your exact specification.
- We offer a free consultation service to work out every detail of your course.
Prices for bespoke sessions with our expert trainers start at £595 + VAT, depending on the course and number of people.
Costs include all preparation time to customise the course to your exact requirements.
Private One-to-One Training
One-to-one tuition tailored to your exact requirements. Your choice of duration, dates and content.
Book NowTeam Training for Companies
Group bookings provide you with the most cost-effective way to train your team.
Book Now
Our Clients






















Latest Blog Articles
Why Transmedia?
Unlimited Training Support
We offer unlimited training support after your course.
Bespoke Training Solutions
Customised training and software solutions based on your exact requirements.
Worldwide Creative Skills Training
Join our authorised training courses live online from anywhere in the world.
Authorised Training Professionals
Our experts are accredited by Adobe, Apple and Claris and bring years of experience and real-world expertise.