Envie o símbolo do seu logo. Cada animação vem com canal alfa em dois formatos: WebM com alfa VP9 para Chrome, Firefox, Edge e OBS, e MOV com alfa HEVC para Safari, iOS, Final Cut Pro e Keynote. O arquivo Rive também é transparente. Os próprios pixels do seu logo se movem, então nada é redesenhado nem reestilizado, e logos 3D mantêm todos os reflexos.
Este é o .riv real que nosso motor entrega, rodando no seu navegador. É a mesma state machine que você controla no seu app com um input numérico e um trigger para cada reação única.
Qual arquivo vai para onde
App
Arquivo
Observação
Chrome, Firefox, Edge
WebM
Toca com canal alfa em um elemento de vídeo
Safari, iOS
MOV (HEVC com alfa)
Coloque como primeira fonte no elemento de vídeo
Final Cut Pro, Keynote
MOV (HEVC com alfa)
macOS 10.15 ou posterior
Premiere Pro, DaVinci Resolve
ProRes 4444, sob solicitação
A Adobe não lista WebM como formato de importação
OBS
WebM
Media Source
PowerPoint, Google Slides, Canva
GIF ou MP4
Sem vídeo com alfa documentado; use um fundo que combine
O que fica exatamente igual e o que não está incluído
Seu logo continua sendo o seu logo
O rig move os seus próprios pixels ou formas vetorizadas. Cores, degradês, sombreamento e proporções ficam como você enviou. Logos 3D e com degradê são animados no modo Motion (squash, stretch, inclinação, pulinhos e uma intro de abertura); marcas planas e logos com personagem também podem ganhar expressões e acenos com os braços.
Não incluído
GIF transparente: no GIF, o alfa é ligado ou desligado por pixel, então bordas suaves ficam com um halo serrilhado.
ProRes 4444 por padrão: ele está disponível sob solicitação para editores que precisam dele.
Revelação letra por letra em logotipos de texto: um logo de texto se move como um todo, então, para tipografia cinética, um motion designer é o melhor caminho.
Resultado real
Arquivos entregues, exatamente como você os baixaria.
MP4 Todo conjunto
1080 × 1080 a 60 fps. Aqui: o wave do Gummo, de um conjunto entregue.
WebM & MOV transparentes Todo conjunto
Canal alfa incluído, por isso o quadriculado aparece por trás. O MOV é HEVC com alfa para apps e editores da Apple.
GIF Todo conjunto
Prévias leves para documentação, e-mail e chat. O loop “thinking” do Kiko.
Vídeo de abertura 9:16 Todo conjunto
1080 × 1920 para stories e splash screens. A intro de abertura do Sizzle.
kiko.riv · 150 KB
CharacterStateMachine
input numérico mood 0 a 9: idle, happy, wave, thinking, sad, loading, listening, talking, sleeping, attention triggers: success · error · yes · no · enter · exit
LaunchStateMachine
launch → idle, toca uma vez
State machine do Rive Todo conjunto
Um único arquivo pequeno no lugar de 17 vídeos. É ele que faz funcionar a demo no topo desta página.
Componentes para web, React e SwiftUI com o nome do seu personagem.
Formatos incluídos em cada plano
Formato
Especificações
Ideal para
Starter & All in one
MP4
1080 × 1080, 60 fps, todas as 17 animações
Apps, redes sociais, apresentações, vídeos de produto
Incluído
Vídeo de abertura 9:16
MP4 1080 × 1920
Stories, Reels, splash screens
Incluído
GIF
Prévias de 480 px, fundo sólido
Documentação, e-mail, chat, README
Incluído
Rive (.riv)
Vetorial; view model com Data Binding + inputs legados: mood para os loops, triggers para as reações únicas e uma state machine para a intro de abertura
Apps e sites interativos (web, iOS, Android, Flutter)
Incluído
WebM com fundo transparente
VP9 com canal alfa, 1080 × 1080
Sobreposições na web sobre qualquer fundo
Incluído
MOV com fundo transparente
HEVC com canal alfa
Final Cut, Keynote, iOS, Safari
Incluído
Código
Componentes para web (HTML), React e SwiftUI
Cole e publique
Incluído
Baixar tudo (.zip)
Arquivo Rive, código, README e pôsteres em um só arquivo
Entrega para o seu time
Incluído
Exportação de vídeo
MP4, GIF, WebM e MOV transparentes, 9:16: escolha formatos e animações na página do conjunto, prontos em cerca de um minuto
Comece grátis. Faça upgrade quando precisar de mais.
WebM e MOV transparentes estão em todos os planos pagos, a partir do Starter (US$ 20/mês). O MP4 e o GIF têm fundo sólido. Preços em USD; os impostos são calculados no checkout pela Creem.
Qual formato transparente devo usar no Premiere, DaVinci, Canva ou OBS?
OBS: o WebM em uma Media Source. Premiere Pro e DaVinci Resolve: peça o ProRes 4444, o formato com alfa mais aceito em editores. Final Cut Pro e Keynote: o MOV HEVC. O Canva não documenta upload de vídeo com fundo transparente, então teste o WebM lá ou use o MP4 sobre um fundo que combine.
Por que o MOV transparente toca com fundo preto?
O app está ignorando o canal alfa. A Apple explica que um player que não entende HEVC com alfa mostra só a camada base, que é o logo sobre preto. Nesse app, use o WebM, confira se a opção Ignore Alpha Channel do Premiere está desligada ou peça para a gente o ProRes 4444.
Posso receber a animação do logo como GIF transparente?
Não. A transparência do GIF é tudo ou nada por pixel, então bordas suaves, sombras e sombreamento 3D saem com um halo serrilhado. O GIF de cada conjunto tem fundo sólido; para transparência, use o WebM, o MOV ou o .riv em um plano pago.
O logo transparente funciona no PowerPoint e no Keynote?
O Keynote toca o MOV HEVC com alfa sobre qualquer fundo de slide no macOS 10.15 ou posterior. A Microsoft não documenta vídeo com alfa no PowerPoint, então use o GIF ou o MP4 em um slide com fundo que combine. O Google Slides só insere vídeo do YouTube, de uma URL ou do Google Drive, então o GIF é a escolha segura.
Animar meu logo vai mudar a aparência dele?
Não. Seus próprios pixels ou formas vetorizadas se movem; nada é gerado de novo, recolorido ou reestilizado. Se você precisa de uma versão para modo escuro ou com outras cores, envie essa versão como um conjunto separado.
Arquivo Rive ao vivo
