Amortecedor de Animação de Marca - Curto

• Pode 12, 2024

Neste tutorial, criaremos a versão curta do para-choque de animação da marca para uma campanha de marketing de vídeo. A partir desta versão curta, criaremos um para-choques mais longo e mais detalhado. Cada pára-choques pode ser usado de várias maneiras, como o início ou o final de um trailer, o vídeo de treinamento e outros tipos de marketing de vídeo. O produto que estamos comercializando é minha série de e-books DIY para criação e marketing de aplicativos de livros.

A versão curta da animação de pára-choques conterá os ativos de marca mais importantes; o caractere do mouse, a legenda do livro “Tudo que você precisa é de um mouse” e o nome e o URL da empresa.

A versão longa terá animação semelhante, mas mais longa. A parte da animação de pára-choques comum a ambas as versões é a animação de máscara de desenho de linha curva no início e os elementos de marca mencionados acima.

Animação de máscara de desenho de linha

Existem três elementos de design na tela durante esta animação. A camada de gradiente de fundo permanece estática. A linha curva png também permanece estática e a camada da máscara se move para a direita, dando a ilusão de que a linha curva é desenhada na tela.

1. Abra o ScreenFlow. Quando a janela Configurar gravação for aberta, clique no X no canto esquerdo para fechar a caixa de diálogo. Não iniciaremos este projeto criando uma conversão de tela.
   
   
2. Na barra de menus ScreenFlow na parte superior da área de trabalho, clique em Arquivo - Novo documento vazio.
   
   
3. Na caixa de diálogo Criar documento em branco, defina a predefinição para 1080p HD, que fornecerá uma largura de tela de 1920 e altura de 1080. Essa é a maior resolução de tela oferecida no YouTube^R.
   
   
4. Vamos preencher a linha do tempo vazia, começando com o gradiente de plano de fundo jpg. Na barra de menus, clique em Inserir - Escolha e navegue até o seu jpg. Você verá o jpg aparecer na tela e na Linha do tempo como uma pequena barra retangular na faixa superior.
   
   
5. Nosso pára-choque terá 5 segundos de duração. Então, vamos estender a camada de plano de fundo para 5 segundos, arrastando a borda direita. Coloque o cursor do mouse sobre a borda até ver uma seta dupla e arraste a borda até a marca de 5 segundos na Linha do tempo. Pode ser necessário expandir a Linha do tempo para mostrar incrementos menores usando o Controle deslizante de ampliação da linha do tempo na parte inferior da área de trabalho.
   
   
6. Importe a linha curva png. Ele deve ser automaticamente colocado no centro vertical da tela e em uma trilha acima da trilha de fundo. Como você pode ver, as faixas são rotuladas com o nome da imagem que elas contêm.
   
   
7. Importaremos o gráfico da máscara agora. Assim como a linha curva png, ela será automaticamente colocada centralizada na tela.
   
   
8. Por fim, importaremos o áudio .mp3. Como você pode ver, ele não é adicionado à tela, mas a uma Faixa na Linha do tempo.
   
   Queremos que o efeito de mascaramento comece assim que o vídeo iniciar e durar 3 segundos. O efeito é causado pela movimentação da máscara sobre a tela e revelando a linha abaixo. Podemos fazer isso com uma ação de vídeo simples na camada Máscara.
   
   
9. Selecione a faixa de máscara na linha do tempo e coloque o controle deslizante no início da linha do tempo. No painel Propriedades do vídeo, clique no botão Adicionar ação de vídeo na parte inferior. Você verá um pequeno retângulo adicionado à faixa de máscara. Isso representa a ação do vídeo. Arraste a borda do retângulo de Ação para a marca de 3 segundos na Linha do tempo.
   
   
10. Coloque o controle deslizante no final do retângulo de ação do vídeo e selecione a faixa de máscara novamente.
    
    
11. O gráfico da máscara já está na posição inicial da animação. Agora vamos definir a posição final para o gráfico da máscara. Arraste o gráfico da máscara para a direita até sair da tela. Mantenha pressionada a tecla Shift para mover a máscara ao longo de uma linha reta.
    
    Agora que temos os principais elementos na Linha do tempo, teste a animação colocando o Scrubber no início da Linha do tempo e clicando no botão Reproduzir acima da Linha do tempo.
    
    Em seguida, adicionaremos o mouse e outros elementos da marca.
    
    Capturas de tela do ScreenFlow usadas com permissão da Telestream.
    
    
    

    Instruções De Vídeo: Amortecedor Preparado /JETY Suspensões (Pode 2024).

    
    
    Bumper de Animação de Marca - Curta, Flash e Animação, técnica de máscara ScreenFlow, pára-choque de branding, marketing de aplicativos de livros