Logo reveal vs sting vs bumper vs loop: para que serve cada um

Qual é a diferença entre logo reveal, sting e bumper?

Todos são animações curtas de logo, nomeadas de acordo com onde aparecem e quanto duram.

O Merriam-Webster define bumper, em radiodifusão, como "um breve intervalo no rádio ou na televisão preenchido com música, imagens de vídeo ou narração, que marca a pausa entre um programa e um comercial". "Sting" e "reveal" não têm definição formal; o mercado usa esses termos de forma livre, e muita gente chama qualquer intro de logo de "logo reveal". O que importa no planejamento é a função: a animação abre algo, marca uma transição, encerra algo ou fica na tela enquanto as pessoas fazem outras coisas?

Qual deve ser a duração de um logo reveal, sting ou intro?

A menor que a função permitir. O espectador espera o reveal passar; ninguém escolhe assistir a um. Recomendações publicadas:

As fontes divergem porque descrevem coisas diferentes: uma vinheta de dois segundos no fim de um anúncio não é uma abertura de sete segundos para um filme de marca. Comece curto e só aumente se o movimento precisar. Para intros de YouTube especificamente, veja o guia de intro para YouTube e, para aberturas de app, o guia de animação de abertura.

A animação de logo deve ficar em loop ou tocar uma vez?

Toque uma vez quando a animação abre ou encerra algo; use loop quando o logo fica na tela ao lado de outro conteúdo.

• Intros de vídeo, stings, bumpers e outros (encerramentos) tocam uma vez e terminam no logo completo e parado.
• Loops idle se repetem em cabeçalhos de sites, telas de apps e lives. Eles precisam ser calmos: uma respiração lenta, um leve balanço ou uma piscada ocasional, sem salto visível no ponto em que o loop recomeça.
• Em um site, os loops devem parar. O critério de sucesso 2.2.2 da WCAG 2.2 exige uma forma de pausar, parar ou ocultar movimentos que começam automaticamente, duram mais de cinco segundos e aparecem junto com outro conteúdo. Um logo no cabeçalho que toca alguns ciclos e para evita o problema.
• Nunca use flashes. A WCAG 2.3.1 define um limite de três flashes em qualquer período de um segundo.

Um padrão prático para sites e apps usa os dois: uma intro única no primeiro carregamento, que passa para um loop idle discreto. O guia de logo no cabeçalho mostra como configurar isso.

A animação de logo precisa de som?

Em vídeo, um sting geralmente tem som: é o som que faz ele parecer um sting, e não apenas uma animação curta. Em um reveal ou intro, o som é comum, mas opcional. Em sites e apps, planeje para o silêncio.

• Os navegadores bloqueiam som na reprodução automática. Um vídeo que começa sozinho geralmente precisa estar sem som, e é por isso que logos no cabeçalho e na seção hero são silenciosos (MDN).
• Crie o movimento para funcionar sem som. O mesmo arquivo acaba em players com reprodução automática sem áudio, em slides e em prévias silenciosas, então a animação precisa funcionar sem o áudio.
• Adicione o som no editor. Se a animação do seu logo não tem faixa de áudio, coloque um efeito sonoro curto por baixo no seu editor de vídeo e alinhe o impacto com o momento em que o logo se assenta.
• Confira a licença. Efeitos sonoros de bibliotecas de templates têm termos próprios. Leia antes de usar um som em anúncios.

De quais animações de logo você realmente precisa?

Comece pelo lugar onde o logo aparece, não pelos tipos de animação.

O Charmotion cobre as linhas de app e site a partir de uma imagem: uma intro de abertura de cerca de 2,6 segundos que termina no seu logo em repouso, 10 humores em loop e 6 reações únicas, em MP4, GIF, Rive e WebM e MOV transparentes (planos pagos, a partir de US$ 20/mês). Ele não adiciona som, então uma vinheta clássica de TV com efeito sonoro, ou uma revelação longa de tipografia cinética, continua sendo trabalho para um editor de vídeo ou um motion designer.

Perguntas frequentes

O que é um logo sting?

Um logo sting é uma animação de logo bem curta, de no máximo alguns segundos, geralmente acompanhada de um impacto sonoro. Ele é usado como vinheta de identificação no fim de um anúncio, entre blocos de um programa ou como transição. Diferente de um loop idle, ele toca uma vez e termina no logo.

Um logo bumper é o mesmo que um anúncio bumper do YouTube?

Não exatamente. Na TV, um bumper é um clipe breve que marca a pausa entre um programa e o que vem depois. Um anúncio bumper do YouTube é um formato específico de anúncio de até 6 segundos. Uma animação de logo pode servir para os dois, se for curta o suficiente.

Qual é a diferença entre intro e outro de logo?

A intro abre um vídeo e muitas vezes contém um reveal do logo; ela deve ser curta para o público chegar logo ao conteúdo. Já o outro (encerramento) fecha o vídeo, geralmente parando no logo com um próximo passo. No YouTube, telas finais podem ser adicionadas nos últimos 5 a 20 segundos.

Respostas rápidas deste guia

• Qual deve ser a duração de uma animação de logo?

Fontes

• Bumper (definition), Merriam-Webster
• About video ad formats, Google Ads Help
• Add end screens to videos, YouTube Help
• Video logo animations in After Effects, Envato Elements
• How to make an animated letter logo sting in Premiere Pro, Envato Tuts+
• How much does 2D animation cost?, Fiverr
• Logo animation, Motion The Agency
• Understanding SC 2.2.2: Pause, Stop, Hide, W3C WAI
• Understanding SC 2.3.1: Three Flashes or Below Threshold, W3C WAI
• Autoplay guide for media and Web Audio APIs, MDN Web Docs