Animação de gravação de vídeo do quadro branco - Preparação

• Pode 17, 2024

Se você estiver interessado em criar uma animação de quadro branco ou de gravador de vídeo no Motion^R e não sabe por onde começar, este tutorial pode ajudar. Existem dois tipos de simulações usadas em uma animação de quadro branco. Um é uma simulação de desenho e o outro é uma simulação de escrita. Neste tutorial, criaremos uma animação de quadro branco muito simples que anima uma mão desenhando um logotipo e escrevendo o nome da empresa na tela.

Você precisará de alguns gráficos, como um gráfico de mão / lápis. Pode ser uma fotografia ou ilustração de um braço com a mão segurando um lápis, pincel ou o que for. O gráfico deve estar em um plano de fundo transparente. A menos que você queira que sua mão flutue no espaço, o braço deve ser longo o suficiente para que a extremidade do braço fique abaixo da tela durante toda a animação.

Em seguida, você precisará do gráfico do que a mão desenhará na tela. Esta imagem também deve estar em um plano de fundo transparente. Na maioria das vezes, este gráfico será fornecido a você por seu cliente, mas você também pode criar esse gráfico a partir do zero dentro do Motion^R ou Photoshop^R.

A maneira mais fácil de inserir esses gráficos no Motion é colocá-los em uma imagem em camadas do Photoshop. Abra uma nova imagem do Photoshop de 1280 x 720 pixels, que é a dimensão da tela do vídeo. Coloque seus gráficos nesta imagem, certificando-se de que todo o braço esteja visível. Além disso, o braço deve estar em uma camada acima da camada do logotipo. Quanto ao nome da empresa, usaremos a ferramenta de texto da Motion. Salve esta imagem como uma imagem em camadas do .psd do Photoshop.

Vamos em movimento.

1. Abra um novo documento do Motion. Eu uso a resolução de 1280 x 720 pixels e 29,97 fps (NTSC) porque é a melhor opção para o tamanho da tela e o tempo de download. Defina o número de segundos para o vídeo. Para este exemplo, usei 5 segundos.
   
   
2. Na barra de menus à direita, defina a tela como Transparente.
   
   
3. No painel Camadas, renomeie a camada Projeto para "Quadro branco". Renomeie a camada de grupo para "BG" como plano de fundo.
   
   
4. Se você não estiver usando um gráfico de plano de fundo, pegue um na Motion Library ou desenhe um na tela. Para desenhar um plano de fundo, use a ferramenta Retângulo e defina o Preenchimento com a cor de sua escolha no Inspetor.
   
   Agora estamos prontos para seus gráficos.
   
   
5. Importe sua imagem do Photoshop e diga ao Motion para não mesclar as camadas. Como os colocamos na imagem do Photoshop, a mão está em uma camada acima do gráfico que será desenhado (logotipo). Organize a mão e o logotipo na tela na posição para o primeiro quadro da sua animação.
   
   É mais fácil colocar a mão e cada gráfico que será desenhado em seu próprio grupo de camadas. Para este tutorial, colocaremos o gráfico da mão em um grupo chamado "Mão" e o gráfico do logotipo em um grupo chamado "Logotipo". O grupo Mão deve estar acima do grupo Logotipo, que deve estar acima do grupo BG.
   
   
6. Selecione a camada BG e clique no ícone Mais na parte inferior do painel para adicionar uma nova camada de Grupo. Nomeie este grupo como "Logotipo" e arraste o gráfico do logotipo para essa camada. Repita isso para o gráfico Mão, colocando o grupo Mão acima do grupo Logotipo.
   
   
7. Agora que a camada de grupo padrão está vazia, podemos excluí-la. Deveríamos ter três camadas de grupo: Mão, Logotipo e BG.
   
   

No próximo tutorial, desenharemos o caminho de Bezier que animará a mão.

Próximo →

Exemplo de tutorial:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie e Mac são marcas comerciais da Apple Inc., registradas nos EUA e em outros países.
CoffeBreakBlog é uma publicação independente e não foi autorizada, patrocinada ou aprovada pela Apple Inc. Capturas de tela usadas com permissão.
Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Stop Motion Tutorial: Lip Sync (Pode 2024).