Recorte de fundo e lettering
Área do aluno

Aula 12 · Variações e avançadas

Recorte de fundo e lettering

O recorte aprovado vira um asset reutilizável. A edição organiza atenção, clareza e ação com texto, máscaras e profundidade, sem recalcular o alfa a cada ajuste de lettering.

Objetivo da aula

Criar uma amostra com silhueta limpa em movimento, moldura assimétrica e lettering que passa pelas camadas corretas.

Você sai com

MP4 composto + camada com alfa preservada.

Antes de começar

  • Grave o roteiro de marketing abaixo com câmera parada, cabeça e mãos dentro do quadro e duração natural próxima de 40 a 50 segundos.
  • Prefira fundo uniforme em contraste com roupa e cabelo, luz constante e gestos sem borrão. Fundo verde é opcional.
  • Crie a pasta aula-08-2-marketing. A skill orienta o trabalho, mas o recorte exige uma ferramenta realmente disponível e uma gravação adequada.
  • Valide cabelo, mãos e ombros em cinco segundos antes de processar mais vídeo. Reserve o tempo de espera separadamente do tempo ativo.

1. Prepare a gravação para um recorte utilizável

Confira foco, contraste, exposição e espaço para os gestos. Preserve o original; o roteiro serve apenas como apoio para gravar o exercício.

A composição terá fundo, palavras, silhueta e elementos à frente. O rosto e a boca precisam continuar visíveis.

2. Teste o alfa por cinco segundos

Execute o teste antes do lettering. Verifique se o ambiente tem ferramenta compatível e não confunda a instalação da skill com capacidade de remoção de fundo.

Assista ao recorte em movimento sobre fundos claro e escuro. Halos, bordas tremendo e partes do corpo sumindo reprovam a amostra.

Descarte o matte defeituoso, preserve o original e teste uma correção pequena. Se a técnica não produzir contorno utilizável, ajuste a gravação ou use moldura com fundo; não simule uma silhueta com um retângulo.

ComandoPrimeiro: testar a técnica por 5 segundos
Neste projeto independente da aula 12, use [VÍDEO ORIGINAL DE MARKETING]. Valide somente o recorte do apresentador antes de criar lettering ou processar o vídeo inteiro.
Carregue a skill remotion-best-practices disponível e consulte as referências de mídia, máscaras e renderização pertinentes. Verifique uma ferramenta de remoção de fundo realmente disponível. Se usar @remotion/video-matting, confira a versão compatível do Remotion, canUseVideoMatting(), WebGPU, codecs, tamanho de download e licença do modelo na documentação atual. Não prometa funcionamento apenas porque a skill está instalada.
Escolha 5 segundos da gravação com movimento de cabelo, mãos e ombros. Processe somente esse trecho e salve a camada com alfa em formato compatível. Renderize a composição sobre fundo claro e escuro para avaliar bordas, tremulação, partes do corpo sumindo e halos. Não substitua o recorte por crop retangular nem por uma foto congelada.
Guarde o resultado aprovado para reutilizar. Informe tempo de processamento e qualquer cobrança efetivamente observada, separando isso do uso do agente. Não contrate serviços pagos. Se o ambiente não suportar o processo ou o recorte não ficar utilizável, explique a limitação e apresente a alternativa concreta com seu custo antes de executar. apresente o teste e aguarde minha revisão.

Todas as animações devem depender dos frames da composição. Não use CSS animations nem useFrame como relógio de movimento. Não é necessário usar um portal de geração de vídeo; implemente e renderize no projeto Remotion com ferramentas verificadas.
Um contorno ruim reprova o teste: não aprove halos, tremulação, cabelo ou mãos desaparecendo. Descarte a versão de matte defeituosa, preserve o original e tente uma correção pequena no mesmo trecho. Se a qualidade continuar insuficiente, não produza o vídeo completo; proponha regravação ou mantenha o apresentador em moldura com fundo, sem fingir que houve recorte.

3. Crie o lettering com a camada aprovada

Depois de validar o recorte, use o prompt completo. Processe somente os segundos adicionais necessários à amostra de 10 a 15 segundos.

PRODUTO passa atrás do ombro; ATENÇÃO, CLAREZA e AÇÃO recebem movimentos diferentes; a breve confusão vira uma sequência legível.

Cabeça e ombros podem ultrapassar a moldura com máscaras complementares da mesma gravação e dos mesmos frames, sem duplicar rosto ou mãos.

Quando usar: Use após aprovar o teste técnico renderizado de cinco segundos.

ComandoApós aprovar o teste: criar a amostra avançada
Crie uma edição avançada com Remotion para [VÍDEO ORIGINAL DE MARKETING], usando as configurações e a camada com transparência aprovadas no teste de recorte. Processe inicialmente só os segundos adicionais necessários à amostra de 10 a 15 segundos; o restante vem depois da aprovação. Projeto independente da aula 12, vertical 1080 × 1920, duração natural estimada de 40 a 50 segundos. Preserve minha voz e sincronize pela gravação real.

SKILLS E EXECUÇÃO
Carregue a skill remotion-best-practices disponível e as orientações pertinentes de criação, markup, animação de texto, máscaras, mídia e renderização. Verifique as capacidades e a documentação atuais antes de implementar. Não afirme usar uma skill ou ferramenta ausente.
Anime texto, máscaras, formas e transições por frame na timeline do Remotion. A prévia e o vídeo exportado precisam ter o mesmo movimento. Preserve a mesma fonte de vídeo e os mesmos frames entre as camadas do apresentador para não criar duplicação ou dessincronização.

IDEIA CENTRAL
A própria edição demonstra três funções de um anúncio: ATENÇÃO, CLAREZA e AÇÃO. A passagem de uma cena visualmente congestionada para uma cena organizada deve explicar a fala. Quero tipografia cinética, profundidade por camadas e o apresentador interagindo visualmente com essa hierarquia. Não use efeitos aleatórios para preencher o tempo.

RECORTE E MOLDURA
Use o recorte real do apresentador com máscara ou canal alfa aprovado. Não substitua remoção de fundo por um crop retangular, uma foto recortada congelada ou um efeito que esconda o fundo sem preservar a silhueta em movimento.
A composição tem um fundo de estúdio gráfico, palavras ao fundo, apresentador recortado no meio e pequenos elementos à frente. O rosto e a boca devem permanecer visíveis e legíveis.
Crie uma moldura editorial assimétrica, com um canto arredondado grande e o canto oposto chanfrado. O corpo do apresentador fica dentro dela, enquanto cabeça e ombros podem ultrapassar sua borda. Faça isso com a mesma camada sincronizada e máscaras complementares, sem duplicar rosto ou mãos. Anime a borda se desenhando e abrindo espaço conforme a fala. Mude tamanho e posição com suavidade, sem empurrar o apresentador de um lado para outro sem motivo.
Use fundo azul-marinho profundo, texto off-white, destaques em laranja e pequenas linhas em azul-claro. Tipografia forte e condensada. Não copie a paleta, a oferta ou os textos das outras aulas.

CENAS SINCRONIZADAS PELA FALA
1. “Seu produto pode ser ótimo”: o apresentador já aparece integrado ao fundo gráfico. A palavra PRODUTO entra em lettering grande atrás do ombro, com a silhueta ocultando apenas parte das letras, sem comprometer a leitura.
2. “essa mensagem pode se perder”: a palavra MENSAGEM começa legível e se afasta em profundidade, com pequenas palavras de apoio ocupando o espaço. Use esse congestionamento por pouco tempo, como demonstração intencional; preserve a legenda e a voz.
3. “três movimentos”: limpe o quadro com uma passagem de forma que revela ATENÇÃO, CLAREZA e AÇÃO em três planos. A moldura do apresentador se desenha e assume a composição assimétrica.
4. “A atenção abre a conversa”: ATENÇÃO entra por uma máscara horizontal, letra a letra com atraso curto; um sublinhado acompanha a fala. O texto fica legível antes de sair, não treme continuamente.
5. “A clareza conecta o produto a uma situação real”: CLAREZA começa com letras espaçadas e se organiza em uma palavra coesa. Uma linha conecta dois cartões, PRODUTO e SITUAÇÃO. Os cartões não cobrem o rosto.
6. “o convite mostra o que a pessoa pode fazer depois”: AÇÃO passa discretamente à frente da borda inferior da moldura, enquanto um ícone de cursor traça um caminho até um botão visual. O gesto não deve parecer uma interação real que eu não fiz.
7. “Quando tudo aparece ao mesmo tempo”: apresente as três mensagens competindo por um instante, sem flashes. Em “cada parte entra na hora certa”, organize-as em sequência e destaque uma por vez. Use a mesma posição e palavras para tornar a comparação compreensível.
8. “a ideia ganha espaço”: a moldura abre suas bordas e o apresentador passa a ocupar mais espaço. As palavras se afastam para deixar respiro. A cabeça continua recortada com contorno limpo durante a transição.
9. “aula gratuita”: encerre com AULA GRATUITA / CONSTRUA SUA PRÓXIMA MENSAGEM / SAIBA MAIS. Mantenha o CTA fixo tempo suficiente para leitura; não o faça desaparecer num efeito.

MOVIMENTO COM PROFUNDIDADE
Crie paralaxe entre fundo, texto, moldura e apresentador, com deslocamentos curtos e coerentes. Faça palavras passarem atrás do apresentador e pequenos destaques à frente da moldura, usando oclusão real pelas máscaras. Texto atrás do rosto não pode reaparecer indevidamente sobre ele.
Use máscaras de revelação, construção por letras, ajuste de espaçamento e transições de forma. Preserve caracteres, acentos e legibilidade. Não crie slogans adicionais, números de performance ou promessas de vendas.
Animações devem ter preparação, entrada, permanência e saída; deixe tempo para compreender a mensagem. Legenda simples, até duas linhas, em área livre e sem encostar na borda inferior.

AMOSTRA, CUSTO E ENTREGA
Reutilize o recorte já processado; não rode a remoção de fundo novamente a cada mudança de lettering. Gere uma amostra renderizada de 10 a 15 segundos que inclua o lettering atrás da silhueta, a moldura assimétrica e a sequência dos três movimentos. apresente o trecho crítico de cabelo e mãos também sobre fundo claro e escuro.
Se houver halos, tremulação ou partes do corpo sumindo, corrija o recorte antes de ampliar a edição. Não esconda defeitos com brilho forte. Aguarde minha revisão antes de processar o restante da gravação e exportar o vídeo completo.
Use assets vetoriais criados no projeto, sem serviços pagos extras não aprovados. Ao final, preserve o original, a camada com alfa, o projeto editável e o MP4 final composto. O MP4 final terá o novo fundo; a transparência deve ser preservada separadamente em formato compatível, não prometida em MP4 H.264.

Todas as animações devem depender dos frames da composição. Não use CSS animations nem useFrame como relógio de movimento. Não é necessário usar um portal de geração de vídeo; implemente e renderize no projeto Remotion com ferramentas verificadas.
A amostra só é aprovada com contorno limpo em movimento e oclusão correta. Descarte saídas com silhueta instável; não esconda o defeito com brilho ou efeitos e não apresente uma máscara geométrica como recorte real.

4. Revise bordas, camadas e hierarquia

Confira cabelo, mãos e ombros nos fundos claro e escuro. Texto atrás do apresentador precisa ficar realmente oculto pela silhueta.

Verifique acentos, tempo de leitura e legenda. O efeito deve explicar a fala e preservar a leitura no celular.

Se o defeito for apenas de posição, texto ou tempo, reutilize o alfa aprovado. Reprocesse recorte somente quando houver defeito real e apenas no trecho necessário, quando a ferramenta permitir.

Quando usar: Use somente se a revisão identificar este problema.

ComandoSe precisar: corrigir só o problema identificado
No trecho [INÍCIO-FIM], corrija [PROBLEMA OBSERVADO] da edição de marketing. Primeiro identifique se a causa é o recorte, a máscara da moldura ou o lettering. Se for posição, tempo, tipografia ou ordem das camadas, reutilize o alfa aprovado sem rodar a remoção de fundo novamente. Se for defeito real de recorte, processe somente o trecho afetado quando a ferramenta permitir e mantenha continuidade nas bordas. Preserve voz, sincronização, duração e cenas aprovadas. Não esconda halos com brilho. Renderize a correção e confira silhueta, legibilidade e transições.

5. Complete e exporte preservando o alfa

Aplique as configurações validadas ao restante e revise o vídeo completo antes da exportação final.

O MP4 H.264 final terá o fundo composto. Guarde separadamente a camada com transparência em formato compatível e o projeto editável.

Registre tempo ativo, espera e extras observados, sem inventar consumo de conta ou custo por vídeo.

Quando usar: Use após aprovar a amostra renderizada.

ComandoApós aprovar a amostra: completar a edição
A amostra da aula 12 está aprovada. Processe o recorte do restante da gravação com as configurações validadas, reutilizando os trechos já aprovados quando possível, e salve a camada com alfa como asset independente. Aplique ao vídeo completo a moldura assimétrica e a sequência ATENÇÃO, CLAREZA e AÇÃO, sincronizadas pela fala real. Preserve minha voz, não invente métricas ou promessas de vendas e não refaça o recorte para cada ajuste de texto. apresente a prévia completa para revisão. Ainda não exporte o MP4 final.

Quando usar: Use apenas depois de revisar e aprovar o vídeo completo.

ComandoSó após revisar o vídeo inteiro: exportar
A edição completa da aula 12 está aprovada. Exporte MP4 H.264 com áudio AAC, 1080 × 1920, mantendo a taxa de quadros e a duração do projeto aprovado. Salve em entregas/aula-08-2-marketing-avancado.mp4. Preserve o original, o projeto editável e todos os assets aprovados, incluindo a camada com alfa em formato compatível separado do MP4 final com fundo. Abra o arquivo exportado e confira voz, sincronização das legendas, enquadramento e leitura do CTA. Registre tempo ativo, espera e extras realmente cobrados; não invente consumo ou custo por vídeo.

Exercício

Marketing · atenção, clareza e ação

Seu produto pode ser ótimo. Mas, se o anúncio não explica por que ele importa, essa mensagem pode se perder. Eu organizo um criativo em três movimentos: chamar atenção, deixar claro e mostrar o próximo passo. A atenção abre a conversa. A clareza conecta o produto a uma situação real. E o convite mostra o que a pessoa pode fazer depois. Quando tudo aparece ao mesmo tempo, a mensagem fica confusa. Quando cada parte entra na hora certa, a ideia ganha espaço. Eu preparei uma aula gratuita para mostrar como transformar essa estrutura em anúncios para o seu negócio. Toque em Saiba Mais e veja como construir a sua próxima mensagem.

Antes de avançar

0%
Ver os slides desta aula