Motion design e animação 3D de produto: quando usar
Use motion design quando o que você vende não fica bom em gravação: o interior de uma máquina, um processo que leva horas, um software ou um serviço sem produto visível. A animação mostra só o que importa, mantém a marca consistente e, em produto técnico, pode ser feita direto do modelo CAD. Use vídeo gravado quando a confiança depende de ver a fábrica, as pessoas e as peças reais.
Guilherme Rodrigues ItinoseAtualizado em 6 min de leitura
Resumo
- Grave o que existe e precisa parecer real; anime o que é escondido, lento, minúsculo ou abstrato.
- Animação 3D a partir do CAD respeita as medidas reais e é fácil de atualizar.
- Aprovar roteiro e storyboard evita o retrabalho caro da animação.
- No site, use Lottie ou vídeo leve para não deixar a página lenta.
- Cuide da acessibilidade: nada de piscar e deixe o usuário pausar animações longas.
A câmera mostra o que está na frente dela. Isso é ótimo quando você quer que o comprador veja a sua fábrica de verdade, e é um problema quando o importante está dentro de uma carcaça, acontece em milissegundos ou existe só como software. O motion design resolve essa lacuna: explica o que a câmera não alcança, no tempo que o cliente está disposto a dar.
Este guia mostra quando escolher motion design em vez de gravação e como é o projeto.
Quando a animação é melhor que a gravação?
| Situação | Melhor escolha | Por quê |
|---|---|---|
| Mostrar fábrica, equipe e peças reais | Vídeo gravado | A confiança vem de ver o real |
| Explicar como funciona por dentro uma válvula, bomba ou mecanismo | Animação 3D | O fluxo interno não dá para filmar |
| Processo que leva horas ou acontece rápido demais | Animação | O tempo pode ser comprimido ou desacelerado |
| Software, plataforma ou serviço | Motion design 2D | Não existe produto físico para filmar |
| Produto que ainda não existe | Animação 3D a partir do CAD | Vender antes da primeira unidade |
| Vinhetas, logo e posts recorrentes | Motion design | Visual consistente em todas as peças |
Muitos bons projetos misturam os dois: imagens gravadas da fábrica, com trechos animados onde a câmera não entra.
Quais são os tipos de motion design?
- Vídeo explicativo 2D (60 a 120 s): roteiro, locução e animação ilustrada. Ideal para serviços, softwares e processos.
- Animação 3D de produto: montagem, vista explodida, cortes e funcionamento. Ideal para máquinas, componentes e equipamentos.
- Logo animado e vinhetas: poucos segundos que abrem e fecham vídeos e apresentações.
- Posts animados: loops curtos e carrosséis com movimento que se destacam no feed.
- Animações para site e interface: pequenas animações Lottie em ícones, tutoriais e apresentações de produto.
Como funciona a animação 3D a partir do CAD?
A engenharia já tem o ativo mais valioso: o modelo 3D. O fluxo típico:
- Exportar a montagem do CAD (STEP ou formato nativo).
- Simplificar a geometria: tirar detalhes internos que nunca vão aparecer, parafusos que pesam sem acrescentar e características confidenciais.
- Aplicar materiais e luz, para metal parecer metal e plástico parecer plástico.
- Animar: explodir a montagem, fazer cortes, mostrar fluxo ou movimento e montar de novo.
- Renderizar nos formatos necessários.
Como a animação nasce da geometria real, ela é fiel às medidas. Quando o projeto muda, o modelo atualizado substitui o antigo sem redesenhar nada.
Como é um projeto de motion design?
- Briefing: o que precisa ser entendido, por quem, em quantos segundos e onde vai ser usado.
- Roteiro: o texto, cena a cena. Em explicativos, leia em voz alta e cronometre.
- Storyboard e quadros de estilo: quadros-chave com cores, tipografia e composição, aprovados antes de animar.
- Animação: movimento, transições e ritmo.
- Som: locução, trilha e efeitos.
- Versões: horizontal, quadrada e vertical, com e sem legenda.
Aprovar roteiro e storyboard é o que mantém a animação dentro do orçamento. Mudar uma frase no roteiro custa minutos; mudar uma cena animada custa dias.
Quais formatos entregar?
| Formato | Onde usar | Observação |
|---|---|---|
| MP4 (H.264) 16:9 | Site, YouTube, apresentações | Universal, boa qualidade por tamanho |
| MP4 9:16 e 1:1 | Reels, Shorts, LinkedIn | Composições próprias, não só recortes |
| Lottie (JSON) | Sites e aplicativos | Vetorial, leve, nítido em qualquer tamanho |
| GIF | Use pouco: arquivo grande e poucas cores | |
| Sequência PNG ou ProRes | Editores e agências | Arquivos master para edições futuras |
No site, prefira Lottie ou vídeo curto e comprimido, carregado só quando necessário. Vídeo pesado tocando sozinho no topo da página piora o carregamento e os Core Web Vitals.
E a acessibilidade?
A animação nunca deve deixar a página mais difícil de usar. As diretrizes de acessibilidade da web (WCAG) têm regras para movimento: evitar conteúdo que pisca mais de três vezes por segundo e permitir pausar, parar ou esconder conteúdo em movimento que dura mais de alguns segundos. Coloque legenda nos explicativos para funcionarem sem som, que é como a maioria assiste vídeo nas redes.
Como animação e vídeo trabalham juntos?
A animação rende mais como parte de um conjunto: um vídeo institucional gravado para gerar confiança, uma animação 3D para o produto e posts animados que mantêm as redes com a mesma cara. Planejados juntos, compartilham roteiro, estilo e arquivos, o que baixa o custo de cada peça.
Quais são os erros mais comuns?
- Animar antes de aprovar o roteiro. Toda mudança depois que a animação começa multiplica custo e prazo.
- Informação demais por cena. Quem assiste absorve uma ideia por vez. Se a cena precisa de um parágrafo de texto, divida.
- Fotorrealismo onde clareza bastaria. Uma animação 3D limpa e estilizada costuma explicar melhor um mecanismo e custa menos.
- Expor geometria confidencial. O modelo CAD tem detalhes que a concorrência adoraria ver. Simplifique e tire o que é sensível antes de renderizar.
- Sem legenda. A maioria dos vídeos nas redes toca sem som; sem legenda, a mensagem se perde.
- Arquivo pesado no site. Um vídeo de 40 MB tocando sozinho no topo da página atrapalha mais o carregamento do que a animação ajuda.
O que define o custo de um motion design?
Duração, 2D ou 3D, nível de realismo, número de cenas e personagens, idiomas de locução, licença de trilha e número de formatos entregues. Na animação 3D de produto, o estado do modelo CAD também pesa: uma montagem limpa é mais rápida de preparar do que uma que precisa ser remodelada.
Checklist antes de começar
- O que exatamente quem assiste precisa entender no final?
- Quem assiste e onde (site, feira, LinkedIn, reunião comercial)?
- Existe modelo CAD? O que precisa ficar em sigilo?
- Arquivos da marca disponíveis: logo, cores, fontes.
- Idioma(s) da locução e legendas necessárias.
- Formatos e proporções a entregar.
Com essas respostas, o motion designer consegue propor um roteiro e um preço fechado, e você decide com números reais.
Quando terceirizar
- Você precisa de explicativos ou animação de produto e não tem motion designer na equipe
- A engenharia tem modelos CAD que o marketing não consegue transformar em imagem
Quando não terceirizar
- A mensagem é sobre pessoas e fábrica; vídeo gravado vai ser mais crível
Perguntas frequentes
Animação é mais cara que gravação?
Depende da duração e do nível de detalhe. Um explicativo 2D de 60 segundos pode sair mais barato que uma gravação com deslocamento e equipe; animação 3D fotorrealista longa custa mais. Roteiro e storyboard definem a maior parte do custo antes de animar.
Dá para animar direto dos arquivos CAD?
Sim. Arquivos STEP ou nativos do CAD são simplificados e importados no software de animação. O resultado respeita as medidas reais, e revisões do projeto entram sem redesenhar.
O que é Lottie?
Lottie é um formato que roda no site e em aplicativos animações vetoriais exportadas do After Effects. Os arquivos são pequenos e ficam nítidos em qualquer tamanho, ótimos para ícones, pequenos explicativos e animações de interface.
Quanto tempo leva um vídeo explicativo?
A maior parte do tempo vai para aprovar roteiro e storyboard. Depois disso, animação e som de um explicativo curto costumam levar algumas semanas; o prazo exato deve estar na proposta.
Fontes
- Lottie (Airbnb) (acesso em 9 de outubro de 2026)
- W3C: referência rápida WCAG 2.2 (animação e movimento) (acesso em 9 de outubro de 2026)
- web.dev: Core Web Vitals (acesso em 9 de outubro de 2026)
Vamos conversar sobre o seu projeto
Conte o que você precisa. Respondemos em até 1 dia útil com os próximos passos e uma proposta com preço fechado.



