UI Animations with Lottie and After Effects

Purchase of the print or Kindle book includes a free PDF eBook
What's inside
- An exploration of the key principles of storytelling, 2D digital animation, and design thinking - in full color
- Easy-to follow instructions on making animations in After Effects, exporting them with both Bodymovin and LottieFiles plugins, and tweaking them using the LottieFiles platform
- Deep insights into implementing Lottie animations with React Native
You'll get the most out of this book if
- You're a developer or an engineer who's already familiar with React Native, as well as UX and UI designers
- You want to create your own animations and integrate them with their platforms through React Native
- You have a bit of experience with jаvascript programming - you'll have trouble keeping up without it
- You have some beginner-level illustration skills, but they aren't a prerequisite
Your journey through the book
The introductory chapters will give you an overview of Lottie and its platform, LottieFiles. After familiarizing yourself with the ecosystem, you'll conquer classic 2D animation principles and get hands on with a case study of creating an icon from scratch. Along the way, you'll dive into topics like UX, the After Effects environment, working with vector shape layers, creating and modifying keyframes using layer properties, exploring path and mask features, and adjusting timing easily to create professional-looking animations. By the time you reach the end, you'll have a solid understanding of 2D animation best practices and the ability to create and export your own Lottie animations.
Some of the things you'll learn in this book
- Getting started with Lottie and integrating animations either by creating them from scratch or by downloading them through LottieFiles
- The key principles of 2D classic animation
- The basics of creating your first animation using After Effects
- Exporting your animations into Lottie JSON files through Bodymovin
- Integrating your very first Lottie icon animation inside your React Native app
- Controlling your animation within the app through React APIs while exploring best practices and common pitfalls
- Exporting your animation to a JSON file
Table of Contents
- Get Started With Lottie
- Creating the Illusion: Get Rolling With the Basic Principles of 2D Classic Animation
- Learning the Tools: Getting Familiar With After Effects
- Move It! Animating Our First Lottie With After Effects
- Share It With the World: Working With LottieFiles
- Don't Stop! Exploring Plugins and Resources That Will Keep You Going
- An Introduction to lottie-react-native
- Installing lottie-react-native
- Let's Do Some Magic: Integrating Your First Lottie Animation
- How To Nail It: Controlling Your Animation
- Any Questions? Lottie-react-native FAQs


UI Animations with Lottie and After Effects Fast Download
UI Animations with Lottie and After Effects Full Download