Pular para o conteúdo
charmotion
Guias

Animação de personagens para apps e sites, de forma descomplicada.

Guias práticos sobre state machines do Rive, mascotes animados, animação de logo e vídeo com fundo transparente, ilustrados com resultados reais do nosso motor. Sem tempo? Leia as respostas rápidas ou o glossário.

Transforme sua imagem em animação

Você tem um PNG, SVG, logo ou mascote e quer vê-lo em movimento: os caminhos faça-você-mesmo no Rive e no Lottie, o que esperar das ferramentas de imagem para animação e o que pedir na hora de encomendar.

Adicione animação ao seu app ou site

Passo a passo: como colocar animação e um personagem animado em iOS, Android, Flutter, React Native, sites e ferramentas no-code.

iOS e Swift

Animação de personagens em SwiftUI e UIKit a fundo: Data Binding do Rive, Lottie, PhaseAnimator, launch screens, Live Activities, widgets, watchOS, visionOS e App Previews.

Figurinhas e emoji

Especificações exatas e passos para figurinhas e emoji animados no Telegram, WhatsApp, iMessage, Discord e Slack, feitos a partir do seu próprio personagem.

Mais frameworks e ferramentas no-code

Rive e Lottie em Vue, Nuxt, Svelte, Angular, Astro e Expo, além de FlutterFlow, Bubble e Wix Studio.

Comparativos

Rive, Lottie, dotLottie, GIF, SVG, CSS, Motion e Spline lado a lado: no que cada um é bom, com fontes, para você escolher o certo.

Mascotes por setor

O que um mascote animado deve fazer em apps de fintech, educação infantil, saúde, segurança e fitness: estados, tom e armadilhas.

Formatos de marketing

Seu personagem em GIFs de lançamento, assinaturas de e-mail, intros de vídeo e páginas de loja, com as especificações que cada canal exige.

Rive e state machines

O que é o Rive, como as state machines alternam entre animações e como controlá-las a partir de React, SwiftUI e Flutter.