- Browse
- » UI animations with Lottie and After Effects: create, render, and ship stunning animations natively on mobile with React Native
UI animations with Lottie and After Effects: create, render, and ship stunning animations natively on mobile with React Native
Average Rating
Author
Publisher
Packt Publishing Ltd
Publication Date
2022.
Language
English
Description
Loading Description...
More Details
Contributors
Martinez, Emilio Rodriguez author
Table of Contents
From the eBook - [First edition].
Cover
Title page
Copyright and Credits
Dedication
Contributors
Table of Contents
Preface
Part 1- Building a Foundation With After Effects and LottieFiles
Chapter 1: Get Started With Lottie
Technical requirements
How to use this book
Introduction to Lottie
Why is it called Lottie?
The man behind the scenes
What is Lottie?
Do you still need more reasons to start using Lottie?
What is LottieFiles?
What can I do with LottieFiles?
Tools to create Lottie animations and integrations
Adobe After Effects
The Lottie extension for Adobe Animate
The LottieFiles platform
Summary
Chapter 2: Creating the Illusion: Get Rolling With the Basic Principles of 2D Classic Animation
Technical requirements
Introduction to 2D animation
The 12 principles of 2D animation
Squash and stretch
Anticipation
Staging
Straight-ahead action and pose-to-pose
Follow through and overlapping action
Ease in and ease out
Arcs
Secondary action
Timing
Exaggeration
Solid drawing
Appeal
Frames, keyframes, and inbetweens
Frames
Keyframes
Inbetweens
Timeline, timing, and ease
Timeline
Timing and ease
Drawing our icon
Storyboarding
Summary
Chapter 3: Learning the Tools: Getting Familiar With After Effects
Technical requirements
Getting to know the AE workspace
Customizing our workspace
Project panel
Understanding compositions
Timeline
Understanding layers
Type of layers
Layer properties
Animating using the Parent & Link option
Keyframes and animation
Exploring ease
Easy ease
Graph Editor
Summary
Part 2
Cracking Lottie Animations
Chapter 4: Move It! Animating Our First Lottie With After Effects
Technical requirements
Creating your first project in Adobe AE
an animated check icon
Importing our icon to After Effects
Importing files from Sketch to AE
Importing files from Figma to AE
Exporting assets from XD to AE
UX animation workflow
Adjusting our icon composition settings
Understanding our check icon layers
Adding Keyframes
Changing scale
Adjusting the Opacity
Trim Paths
Working with radial bursts
Adding ease
Summary
Chapter 5: Share It With the World: Working With LottieFiles
Technical requirements
Exporting our animation for handoff
Exporting our animation using Bodymovin
Exporting our animation using LottieFiles
Creating a user account in LottieFiles
Exploring the LottieFiles dashboard
My Downloads
My Likes
My Public Animations
My Purchases
My Private Animations
The importance of testing in desktop and mobile LottieFiles platforms
Previewing .json files using the LottieFiles plugin for AE
Uploading and previewing .json files on the LottieFiles platform
Excerpt
Loading Excerpt...
Author Notes
Loading Author Notes...
Staff View
Loading Staff View.