Animação de logo
Um hero para o seu site e uma animação de abertura, feitos com as partes do seu próprio logo. Passe o mouse, toque.
Envie sua arte. Receba animações interativas para seu site e app, e vídeo para todo o resto.
Seu logo e seu personagem, a partir dos arquivos que você já tem.
Um hero para o seu site e uma animação de abertura, feitos com as partes do seu próprio logo. Passe o mouse, toque.
17 animações a partir de uma imagem: humores, estados de app, reações de assistente e uma intro de abertura.
Idle4,0 sPadrão / repouso
Um único envio entrega arquivos interativos para o seu site e app, e vídeo para todo o resto.
<canvas id="kiko" width="320" height="320"></canvas>
<script src="https://unpkg.com/@rive-app/canvas"></script>
<script>
const kiko = new rive.Rive({
src: "kiko.riv",
canvas: document.getElementById("kiko"),
stateMachines: "CharacterStateMachine",
autoplay: true,
onLoad: () => kiko.resizeDrawingSurfaceToCanvas(),
});
// mood: 0 idle · 1 happy · 2 wave · 3 thinking …
const input = (name) => kiko
.stateMachineInputs("CharacterStateMachine")
.find((i) => i.name === name);
button.onclick = () => (input("mood").value = 1);
</script>import { useRive, useStateMachineInput } from "@rive-app/react-canvas";
export function Kiko({ mood = 0 }) {
const { rive, RiveComponent } = useRive({
src: "/kiko.riv",
stateMachines: "CharacterStateMachine",
autoplay: true,
});
const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
if (input) input.value = mood; // 0 idle · 1 happy · 2 wave …
return <RiveComponent style={{ width: 320, height: 320 }} />;
}import RiveRuntime
import SwiftUI
struct Kiko: View {
@StateObject private var kiko = RiveViewModel(
fileName: "kiko",
stateMachineName: "CharacterStateMachine"
)
var body: some View {
kiko.view()
.frame(width: 320, height: 320)
.onTapGesture {
kiko.setInput("mood", value: 1.0) // happy
}
}
}
A animação já ficou pronta?

Um PNG, JPEG ou WebP do seu personagem, ou do seu logo (SVG também funciona). Ainda não tem nada? Crie com IA no app.
O motor separa sua arte nas partes reais, faz o rig e anima. Cada build é conferido antes de você ver.

Veja a prévia no navegador, copie o código e baixe o conjunto. Precisa de vídeos? Exporte pela página do conjunto em cerca de um minuto.
As respostas curtas. O resto está no FAQ completo.
17 animações do seu personagem: humores básicos (idle, happy, wave, thinking, sad), estados de app (loading, success, error, sleeping para telas vazias, attention para notificações), reações de assistente (listening, talking, yes, no), enter e exit, e uma intro de abertura que termina em idle, entregues nos formatos que seu plano inclui. Os conjuntos do Starter e do All in one (e os conjuntos anteriores do Studio e do Expert) incluem um arquivo Rive interativo com state machine (um número mood alterna os humores em loop e um trigger por animação única, como success, toca uma reação, disponível tanto via Data Binding quanto como inputs clássicos de state machine), código pronto para colar para web, React e SwiftUI, um README e um pôster estático de cada animação. Os vídeos (MP4, GIF, WebM e MOV transparentes e um vídeo de abertura 9:16) são exportados sob demanda na página do conjunto, em cerca de um minuto.
Arte plana costuma ficar pronta um ou dois minutos depois do upload: o arquivo Rive, o código e um pôster de cada animação. Personagens com sombreamento ou estilo 3D levam cerca de 20 a 30 minutos, porque cada um é estudado, dirigido e revisado antes de renderizar. Pode levar um pouco mais quando a fila está cheia. Você acompanha cada etapa ao vivo na página do trabalho e avisamos por e-mail quando o conjunto fica pronto. Os vídeos são exportados sob demanda na página do conjunto, em cerca de um minuto.
Arte plana e frontal, com cabeça, corpo e membros bem separados, funciona melhor, mas qualquer logo ou mascote existente funciona, inclusive 3D, degradês e texto. PNG, JPEG ou WebP, com pelo menos 512 × 512 px e até 10 MB (para uma animação de logo, SVG funciona melhor). Artes detalhadas ou 3D são animadas no modo Motion: a sua arte exata com quique, compressão, inclinação, piscadas e uma intro de abertura. Arte plana e frontal, com cabeça, corpo e membros bem separados, ganha também acenos de braço e expressões. Fotos de pessoas reais não são aceitas.
Sim. No app, escolha Criar → Um personagem → Criar com IA, responda cinco perguntas rápidas (quem é, que tipo de personagem, personalidade, visual e cores) e toque em Gerar. Nossa IA desenha o corpo inteiro, de frente, do jeito que o nosso motor anima melhor. Um logo funciona do mesmo jeito: Criar → Um logo → Criar com IA. Designs com IA (logos ou personagens) estão incluídos em todos os planos (2 no total no Free, 12 por mês no Starter, 40 no All in one) e nunca usam um conjunto; tentativas que falham não contam. Quando gostar do resultado, toque em Animar este personagem: isso usa um conjunto de personagem, que vem com o Starter e o All in one. Descreva um personagem original: não podemos criar personagens ou marcas existentes, nem pessoas reais.
Seu personagem continua fiel ao design. O motor trabalha a partir dos próprios pixels e formas da sua arte, com verificações automáticas, assistidas por IA, de qual parte é cabeça, braço ou acessório. Depois ele faz o rig dessas partes e cria os keyframes das animações no Rive. Se o seu desenho não tem um rosto de que as animações precisam, como triste, falando ou dormindo, podemos adicionar versões correspondentes no estilo dele, e você as aprova antes de o conjunto ser criado (conjuntos iniciados por um assistente de IA as usam automaticamente). Logos nunca são redesenhados. O que você baixa é o seu personagem em movimento, não uma imitação. A IA generativa é usada só para essas expressões adicionadas e para a etapa opcional Criar com IA.
Rive é um runtime de animação vetorial interativa para web, iOS, Android, Flutter, React e game engines. Em vez de 17 vídeos separados, você publica um único arquivo pequeno (cerca de 40 KB para um mascote plano, maior para arte 3D ou detalhada) e troca os estados no código: mood = 2 acena, mood = 5 mostra o carregamento, e disparar o trigger success toca uma comemoração uma vez. Ele fica nítido em qualquer tamanho e faz transições suaves entre os estados.
Free: 2 designs com IA (logos ou personagens), ideias grátis para o seu logo e a prévia grátis em telas de app; os conjuntos de personagem começam no Starter. Starter (US$ 20 por mês): 3 animações de logo e 3 conjuntos de personagem por mês em todos os formatos, 12 designs com IA e chamados de suporte. All in one (US$ 100 por mês): 15 animações de logo e 10 conjuntos de personagem por mês, vídeo 3D cinematográfico, 40 designs com IA, builds prioritários e suporte prioritário. Cotas não usadas não acumulam; elas são renovadas no início de cada período de cobrança. Cancele quando quiser e fique com tudo o que já baixou. Detalhes na página de preços.
Uma animação finalizada do seu logo, feita no Motion Studio: um hero interativo para o site que reage ao mouse, ou uma animação de abertura para o seu app, site ou vídeo que termina no seu logo. Você envia o seu logo (ou cria um com IA), escolhe um de três conceitos grátis e recebe os arquivos mais código para copiar e colar para web, iOS, Android, Flutter e React Native. Builds que falham ou que você interrompe nunca contam.
Ela é armazenada de forma privada, processada nas nossas próprias máquinas para criar o seu conjunto e nunca é usada para treinar modelos de IA. Antes de um conjunto ou de uma animação de logo começar, uma cópia é enviada à Anthropic (Claude) para uma verificação rápida de que ela pode ser animada. (Se você usar Criar com IA, só as suas respostas são enviadas ao nosso provedor de imagens com IA, nunca os seus uploads.) Você pode baixar ou excluir os seus dados a qualquer momento na sua conta; excluir a conta remove permanentemente os seus uploads e resultados. Detalhes na política de privacidade.
Ainda com dúvidas? Escreva para nós. Uma pessoa lê cada mensagem. Fale conosco
Comece grátis com designs com IA e ideias de logo. Faça upgrade para animar. Cancele quando quiser.