• Complain

Mireia Alegre Ruiz - UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native

Here you can read online Mireia Alegre Ruiz - UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native full text of the book (entire story) in english for free. Download pdf and epub, get meaning, cover and reviews about this ebook. year: 2022, publisher: Packt Publishing, genre: Home and family. Description of the work, (preface) as well as reviews are available. Best literature library LitArk.com created for fans of good reading and offers a wide selection of genres:

Romance novel Science fiction Adventure Detective Science History Home and family Prose Art Politics Computer Non-fiction Religion Business Children Humor

Choose a favorite category and find really read worthwhile books. Enjoy immersion in the world of imagination, feel the emotions of the characters or learn something new for yourself, make an fascinating discovery.

Mireia Alegre Ruiz 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: summary, description and annotation

We offer to read an annotation, description, summary or preface (depends on what the author of the book "UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native" wrote himself). If you haven't found the necessary information about the book — write in the comments, we will try to find it.

Understand and develop immersive animations along with animated stickers for Telegram using Bodymovin, After Effects and LottieFiles and integrate them in your React Native apps using this color guide to UI animations

Key Features
  • Explore key principles of storytelling, 2D digital animation, and design thinking
  • Create animations in After Effects, learn how to export them with both Bodymovin and LottieFiles plugins, and tweak them using the LottieFiles platform
  • Understand how to implement Lottie animations with React Native
Book Description

Lottie is a small and scalable JSON-based animation file. LottieFiles is the platform where Lottie animations can be uploaded, tested, and shared. By combining the LottieFiles plugin and the LottieFiles platform, youll be able to create stunning animations that are easy to integrate in any device. Youll also see how to use the Bodymovin plugin in After Effects to export your animation to a JSON file.

The book starts by giving you an overview of Lottie and LottieFiles. As you keep reading, youll understand the entire Lottie ecosystem and get hands-on with classic 2D animation principles. Youll also get a step-by-step guided tour to ideate, sketch for storytelling, design an icon that will fulfill the needs and expectations of users based on UX, and finally animate it in Adobe After Effects. This will help you get familiar with the After Effects environment, work with vector shape layers, create and modify keyframes using layer properties, explore path and mask features, and adjust timing easily to create professional-looking animations.

By the end of this animation book, youll be able to create and export your own Lottie animations using After Effects and implement them in mobile apps using React Native. Youll also have an understanding of 2D animation best practices and principles that you can apply in your own projects.

What you will learn
  • Get started with Lottie and integrate animations either by creating them from scratch or by downloading them through LottieFiles
  • Explore the key principles of 2D classic animation
  • Understand the basics to create your first animation using After Effects
  • Export your animations into Lottie JSON files through Bodymovin
  • Integrate your very first Lottie icon animation inside your React Native app
  • Control your animation within the app through React APIs, while exploring best practices and common pitfalls
Who this book is for

This book is for developers and engineers who are already familiar with React Native, as well as UX and UI designers who want to create their own animations and integrate them with their platforms through React Native. Basic knowledge of JavaScript programming is assumed. Beginner-level illustration skills are also preferred, although not necessary.

Table of Contents
  1. Get Started With Lottie
  2. Creating the Illusion: Get Rolling With the Basic Principles of 2D Classic Animation
  3. Learning the Tools: Getting Familiar With After Effects
  4. Move It! Animating Our First Lottie With After Effects
  5. Share It With the World: Working With LottieFiles
  6. Dont Stop! Exploring Plugins and Resources That Will Keep You Going
  7. An Introduction to lottie-react-native
  8. Installing lottie-react-native
  9. Lets Do Some Magic: Integrating Your First Lottie Animation
  10. How To Nail It: Controlling Your Animation
  11. Any Questions? lottie-react-native FAQs

Mireia Alegre Ruiz: author's other books


Who wrote UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native? Find out the surname, the name of the author of the book and a list of all author's works by series.

UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native — read online for free the complete book (whole text) full work

Below is the text of the book, divided by pages. System saving the place of the last page read, allows you to conveniently read the book "UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native" online for free, without having to search again every time where you left off. Put a bookmark, and you can go to the page where you finished reading at any time.

Light

Font size:

Reset

Interval:

Bookmark:

Make
UI Animations with Lottie and After Effects Create render and ship stunning - photo 1
UI Animations with Lottie and After Effects

Create, render, and ship stunning animations natively on mobile with React Native

Mireia Alegre Ruiz

Emilio Rodriguez Martinez

BIRMINGHAMMUMBAI UI Animations with Lottie and After Effects Copyright 2022 - photo 2

BIRMINGHAMMUMBAI

UI Animations with Lottie and After Effects

Copyright 2022 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the authors, nor Packt Publishing or its dealers and distributors, will be held liable for any damages caused or alleged to have been caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

Group Product Manager: Rohit Rajkumar

Publishing Product Manager: Vaideeshwari Muralikrishnan

Senior Editor: Keagan Carneiro

Content Development Editor: Abhishek Jadhav

Technical Editor: Shubham Sharma

Copy Editor: Safis Editing

Project Coordinator: Rashika Ba

Proofreader: Safis Editing

Indexer: Pratik Shirodkar

Production Designer: Alishon Mendonca

Marketing Coordinator: Teny Thomas and Elizabeth Varghese

First published: June 2022

Production reference: 1310522

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham

B3 2PB, UK.

ISBN 978-1-80324-380-1

www.packt.com

To Max, my family, my partner and my wonderful friends you all know who you are.

Oh well, and to Grammarly too, without its suggestions this book couldn't have been possible.

Mireia

To Eugenia and my family who supported me through thick and thin.

Emilio

Contributors
About the authors

Mireia Alegre Ruiz as a head of UX/UI and is proficient as a UX product designer and Illustration - Visual designer with motion graphics and video editing skills. Mireia has more than 20 years of professional experience sketching, illustrating, and creating micro animations from scratch since the old Macromedia Flash days. With a graphic design background, she made a move and specialized in digital design back in the early 2000s. Over the past few years, she has worked as a product designer for both international advertising agencies and Barcelona-based start-ups as a product designer. Always with the user in the center of the picture, and based on design thinking and Agile methodologies, her principles are very clear: make people's lives easier through the fair use of technology.

Emilio Rodriguez Martinez is a senior software engineer who has been working on highly demanding JavaScript projects since 2010. He transitioned from web development positions into mobile development, and has released dozens of successful apps for iOS and Android. Emilio has helped the React Native community through contributions to React Native's core codebase but also by maintaining the lottie-react-native library which is one of the most popular libraries in the React Native ecosystem.

About the reviewers

Joseph Khan is an engineering manager working with Seera Group based out of Dubai, UAE. He leads the development efforts for their Lumi brand, which is a car rental application. He is an AWS certified engineer and is also a former Packt author. He is enthusiastic about web standards, JavaScript, JAMStack, and architecting cloud applications

He has a B.Tech in Computer Science from NIT Silchar, India. Besides his regular work, he likes to design cars and motorbikes, spend time with his family, and play cricket.

Igor Mandrigin is an experienced software architect and engineering leader who has launched products from zero-in startups and big internet corporations. His core experience is in mobile, distributed systems, and product security, and has other experience in blockchain and smart contracts, DevOps and high availability, and technical product management.

Marina Oorthuis is a skilled product designer based in Barcelona. She has been working in the ed-tech market for many years and loves creating experiences that facilitate the user's learning in an intuitive and meaningful way. She is an advocate of the use of animations to achieve such goals.

Table of Contents
Next page
Light

Font size:

Reset

Interval:

Bookmark:

Make

Similar books «UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native»

Look at similar books to UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native. We have selected literature similar in name and meaning in the hope of providing readers with more options to find new, interesting, not yet read works.


Reviews about «UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native»

Discussion, reviews of the book UI Animations with Lottie and After Effects: Create, render, and ship stunning animations natively on mobile with React Native and just readers' own opinions. Leave your comments, write what you think about the work, its meaning or the main characters. Specify what exactly you liked and what you didn't like, and why you think so.