Logo animado com fundo transparente: formatos, editores, slides e OBS
Por equipe Charmotion · Atualizado em
Um logo animado só mantém o fundo transparente em um formato com canal alfa: MOV com HEVC alfa ou ProRes 4444 para editores e apps da Apple, WebM com VP9 alfa para Chrome, Firefox e OBS, ou GIF com transparência de 1 bit e bordas duras. O MP4 não tem canal alfa, então o fundo sempre sai sólido, geralmente preto.
Principais pontos
- O MP4 (H.264) não pode ser transparente. Use MOV (HEVC alfa ou ProRes 4444), WebM (VP9 alfa) ou, em casos simples, GIF.
- Um fundo preto geralmente significa que o arquivo não tem canal alfa ou que o app o ignora.
- O ProRes 4444 é o formato transparente mais aceito pelos editores; o HEVC alfa gera arquivos menores e é nativo nos apps da Apple.
- O download com fundo transparente do Canva funciona para PNG, SVG e GIF, não para MP4, e exige um plano pago.
- O OBS reproduz WebM com fundo transparente em uma Fonte de mídia (Media Source).
Já tem um personagem ou logo? Veja seu personagem em telas reais de app: telas de splash, onboarding, carregamento e estado vazio. É grátis, roda no navegador e não envia nada.
Quais formatos de vídeo mantêm o fundo transparente de um logo?
Só os formatos que armazenam um canal alfa: um quarto valor por pixel que indica o quanto ele é transparente. Um MP4 comum não tem esse canal, então um logo "transparente" exportado em MP4 sempre acaba sobre uma cor sólida.
| Formato | Transparência | Funciona bem em | Pontos de atenção |
|---|---|---|---|
| MOV, HEVC com alfa | Alfa suave (8 bits) | Safari, iPhone e iPad, Keynote, Final Cut Pro, apps do macOS | Formato principalmente da Apple; não fica transparente no Firefox |
| MOV, ProRes 4444 | Alfa suave | A maioria dos editores profissionais | Arquivos muito grandes |
| WebM, VP9 com alfa | Alfa suave (8 bits) | Chrome, Edge, Firefox, OBS | O Safari reproduz, mas descarta o canal alfa |
| GIF | Transparente ou opaco, pixel a pixel | Quase tudo | Bordas serrilhadas, halos, no máximo 256 cores |
| MP4 (H.264) | Nenhum | Tudo | Sempre opaco |
A sessão da WWDC19 da Apple sobre HEVC com alfa diz que a reprodução "é compatível com iOS 13, tvOS 13 e macOS Catalina". O MDN observa que, no VP9, "o Safari não oferece suporte a transparência alfa nesse formato". Sobre o GIF, o MDN explica que os pixels são opacos, a menos que tenham a cor marcada como transparente; nesse caso, ficam "totalmente transparentes". Não existe meio-termo, e é por isso que bordas suaves ficam serrilhadas.
Para colocar um logo transparente em uma página da web, veja vídeo com fundo transparente em um site.
Por que o meu logo transparente aparece com fundo preto?
Quase sempre por um destes quatro motivos:
- O arquivo não tem canal alfa. O guia do Keynote da Apple é direto: "O H.264 não suporta canais alfa, então a transparência é convertida em fundo preto." Qualquer exportação em MP4 de um design transparente faz isso.
- O app ignora o canal alfa. A Apple diz que "um player HEVC que não entende o alfa exibirá apenas a camada de vídeo base", ou seja, o logo sobre fundo preto. O Safari faz o mesmo com VP9 alfa em WebM.
- Uma configuração remove o canal alfa. A caixa de diálogo Interpret Footage do Premiere Pro tem a opção "Ignore Alpha Channel" (Ignorar canal alfa), que, segundo a Adobe, "mostrará pixels pretos em vez do vídeo de fundo".
- Um sistema mais antigo. O guia do Keynote da Apple informa que versões do macOS anteriores à 10.15 não oferecem suporte a transparência em vídeos HEVC e ProRes.
Para saber se o próprio arquivo é transparente, arraste-o para o verificador de vídeo transparente grátis, que o reproduz sobre um quadriculado no seu navegador. Se o arquivo estiver certo, o problema é o app, e mudar para ProRes 4444 geralmente resolve.
O Canva exporta logo animado com fundo transparente?
Só como GIF. A central de ajuda do Canva lista downloads com fundo transparente para PNG, SVG e GIF, e diz que baixar com fundo transparente "está disponível apenas nos planos Canva Pro, Canva Teams, Canva Business, Canva Education e Canva for Nonprofits". As opções de download de vídeo são MP4 e GIF, e o MP4 não é transparente.
| Ferramenta | Exportação animada com fundo transparente | Plano |
|---|---|---|
| Canva | Só GIF (bordas de 1 bit) | Pro, Teams e outros planos pagos |
| Adobe Express | Não em GIF ("fundos transparentes não são compatíveis com exportações em GIF"); não há página oficial sobre exportação de vídeo com fundo transparente | Não se aplica |
| Jitter | WebM, MOV (ProRes 4444) ou GIF | Planos Max e Ultra |
| MorphLogo | MOV (ProRes 4444), gerado por recorte de tela verde (chroma key) | Planos pagos |
| After Effects | ProRes 4444 com alfa, entre outros | Assinatura do Creative Cloud |
O Adobe Express consegue importar um vídeo transparente em ProRes 4444, então você pode levar um logo transparente para um projeto do Express, mesmo sem conseguir exportar um a partir dele. Fontes: Canva, Adobe Express, Jitter, MorphLogo.
Como usar um logo transparente no Final Cut Pro, Premiere Pro ou DaVinci Resolve?
Coloque-o em uma faixa acima das suas imagens. O editor faz a composição usando o canal alfa. O que cada app documenta:
| Editor | O que a documentação diz | Arquivo mais seguro |
|---|---|---|
| Final Cut Pro | Importa "Apple ProRes (todas as versões)" e HEVC. Um clipe conectado "é composto sobre o clipe de vídeo da linha narrativa principal, com o canal alfa controlando a opacidade do clipe". | MOV com HEVC alfa ou ProRes 4444 |
| Premiere Pro | Importa HEVC e respeita o canal alfa, a menos que "Ignore Alpha Channel" esteja ativado. WebM não está na lista de importação da Adobe, e especialistas da comunidade Adobe relatam que o Premiere não lê o alfa de arquivos WebM. | ProRes 4444 |
| DaVinci Resolve | A lista de codecs do Resolve 21 mostra ProRes 4444 com alfa e indica decodificação VP9 apenas em MOV e MP4, não em WebM. | ProRes 4444 |
A Apple documenta a reprodução e a codificação de HEVC com alfa nos próprios apps (o Compressor 4.4.5 "suporta reprodução de HEVC com canal alfa"), mas nenhum dos guias dos três editores afirma claramente que um arquivo HEVC com alfa importado mantém a transparência. Se um logo aparecer sobre fundo preto no seu editor, converta-o para ProRes 4444: o arquivo fica maior, mas todo editor profissional consegue lê-lo.
Os passos para posicionar, redimensionar e aplicar fade em um logo no canto estão em como adicionar um logo animado a um vídeo.
Como adicionar um logo animado com fundo transparente no OBS?
Use uma Fonte de mídia (Media Source) com um WebM transparente. O OBS adicionou "suporte à decodificação de arquivos WebM com alfa na fonte de mídia" na versão 17.0.1, e a base de conhecimento dele lista .webm, .mov, .mp4 e .gif entre os formatos aceitos pela Fonte de mídia.
- No painel Fontes, adicione uma Fonte de mídia e escolha seu arquivo WebM.
- Ative Repetir (Loop) para um loop idle (loop de repouso) ou deixe desativado para uma intro que toca uma vez.
- Redimensione e posicione a fonte na prévia, geralmente em um canto que sua sobreposição deixa livre.
- Para um logo que reaja a eventos, a alternativa é uma Fonte de navegador: o OBS define o fundo da página como transparente por padrão, então uma página web com um arquivo Rive ou um vídeo funciona como overlay.
Se o WebM aparecer com uma caixa preta, confira se ele foi codificado com alfa (VP9 com formato de pixel yuva420p) e não foi achatado durante a exportação.
O iMovie e o CapCut aceitam logos com fundo transparente?
Nenhum dos dois documenta isso, então não conte com esse recurso.
- O iMovie no Mac tem efeitos de picture-in-picture e cutaway com controle deslizante de opacidade, e o iMovie no iPhone oferece tipos de sobreposição, incluindo picture-in-picture. Os guias do iMovie da Apple não dizem nada sobre vídeo com canal alfa.
- CapCut: não encontramos nenhuma página oficial do CapCut dizendo que ele mantém o canal alfa de um vídeo.
Teste com um clipe curto antes de montar uma edição em torno dele. Se a transparência se perder, as alternativas confiáveis são um logo sobre um fundo sólido que combine com o vídeo ou uma versão em green screen recortada com o efeito de tela verde do app.
Dá para usar um logo animado com fundo transparente no Keynote, no PowerPoint ou no Google Slides?
No Keynote, sim: ele aceita transparência em vídeos HEVC e ProRes no macOS 10.15 ou posterior. Um alerta dos fóruns da comunidade Apple: o Keynote 13.2 tinha um defeito conhecido em que um vídeo ProRes 4444 transparente aparecia com fundo branco, então teste após cada atualização.
O PowerPoint e o Google Slides são menos previsíveis. A Microsoft não documenta a reprodução de vídeo com alfa no PowerPoint, e o Google Slides só insere vídeos do YouTube, de uma URL ou do Google Drive. Um GIF animado é a opção segura nos dois. Os detalhes de cada app estão em logos animados em apresentações.
Quais arquivos do Charmotion têm fundo transparente?
Só os arquivos de vídeo dos planos pagos (a partir de US$ 20/mês): WebM com alfa VP9 para Chrome, Firefox e OBS, e MOV com alfa HEVC para Final Cut Pro, Keynote, Safari e iOS. Para editores que precisam de ProRes 4444, converta você mesmo o MOV ou o WebM. O arquivo Rive também é transparente.
Os arquivos MP4 e GIF de todo conjunto vêm com fundo sólido. O Charmotion não entrega GIF transparente. Se você precisar de um, converta a partir do WebM transparente e espere bordas de 1 bit e algum risco de halo; para apps de chat e para a web, WebM ou APNG mantêm as bordas mais suaves.
Perguntas frequentes
Um logo em GIF pode ter fundo transparente?
Sim, mas cada pixel é totalmente transparente ou totalmente opaco, então bordas suaves ficam serrilhadas ou mantêm uma franja da cor sobre a qual foram achatadas. Funciona para logos simples e planos sobre uma cor de fundo conhecida. Para qualquer coisa com sombras ou degradês, use vídeo com alfa.
Por que meu MOV transparente fica certo no Mac, mas preto no editor?
O player do seu Mac entende HEVC com alfa, mas o editor pode ler só a camada de vídeo base, que, segundo a Apple, é o que os players sem suporte a alfa exibem. Converta o arquivo para ProRes 4444, que os editores profissionais leem com transparência.
ProRes 4444 ou HEVC com alfa: qual é melhor para um logo?
O HEVC com alfa gera arquivos bem menores e é reproduzido nativamente no Safari, no iOS, no Keynote e no Final Cut Pro. O ProRes 4444 é muito maior, mas é o formato transparente mais aceito em editores como Premiere Pro e DaVinci Resolve. Guarde os dois se o seu logo for para várias equipes.
Respostas rápidas deste guia
Fontes
- HEVC Video with Alpha (WWDC19 session 506), Apple Developer
- Using HEVC video with alpha, Apple Developer
- Web video codec guide, MDN Web Docs
- Image file type and format guide, MDN Web Docs
- Movie formats and transparency in Keynote on Mac, Keynote User Guide
- Add video and audio in Keynote on Mac (13.1), Keynote User Guide
- Keynote transparent video shows a white background, Apple Support Community
- Supported file formats in Premiere, Adobe Premiere Help
- Interpret footage in Premiere Pro, Adobe Premiere Help
- Import formats supported in Final Cut Pro, Final Cut Pro User Guide
- Use alpha channels in Final Cut Pro, Final Cut Pro User Guide
- Compressor 4.4.5 release notes, Apple Support
- DaVinci Resolve 21 supported codec list, Blackmagic Design
- OBS Studio 17.0.1 release notes, OBS Project on GitHub
- Media Source, OBS Studio Knowledge Base
- Browser Source, OBS Studio Knowledge Base
- Download designs with a transparent background, Canva Help Center
- Downloading designs as video or GIF, Canva Help Center
- Export as GIF, Adobe Express Help
- Supported formats for transparent videos, Adobe Express Help
- Export with a transparent background, Jitter Help Center
- MorphLogo, MorphLogo
- Picture-in-picture effects in iMovie on Mac, iMovie User Guide
- Add video overlay effects in iMovie on iPhone, iMovie User Guide
- Insert or delete images and videos in Google Slides, Google Docs Editors Help