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

• Pode 6, 2024

Neste tutorial, continuaremos criando um vídeo simples do quadro branco no Motion^R. O próximo passo é desenhar o caminho de Bezier que é a base da animação.

Você estará desenhando um caminho de Bezier que controlará o movimento da mão. Uma duplicata desse caminho de Bezier será usada para criar a máscara que oculta o gráfico que está sendo desenhado na tela e o revela à medida que o braço passa. Como a máscara é criada a partir de uma duplicata do caminho de Bezier que a mão seguirá, o resultado é uma simulação do desenho da mão na tela.

Antes de traçar o caminho de Bezier, precisamos ajustar o ponto de ancoragem do gráfico Hand. Por padrão, o Motion coloca o ponto de ancoragem no centro do gráfico. Mas esse ponto de ancoragem será o que segue o caminho. Não queremos que o centro do braço desenhe na tela. Queremos que a ponta do lápis desenhe na tela. Vamos consertar isso.

1. Selecione o gráfico Mão e, em seguida, selecione a ferramenta Ponto de ancoragem. Use as setas vermelha e azul para colocar o ponto de ancoragem sobre a ponta do lápis.
   
   Agora chegamos a essa parte boa.
   
   
2. Selecione a camada gráfica Mão e, em seguida, selecione a ferramenta Bezier. Coloque o primeiro ponto de Bezier sobre a ponta do lápis. Em seguida, vá para o logotipo e desenhe um caminho em zig zag sobre o logotipo. Finalmente, volte para a mão e adicione o último ponto. Não feche o caminho.
   
   
3. Para informar ao Motion que você terminou de desenhar o caminho de Bezier, selecione a ferramenta Selecionar / Transformar. Você receberá uma nova camada de Bezier no painel Camadas. Arraste esta nova camada sob a camada Mão e renomeie-a "Bezier_Logo", porque este é o caminho de Bezier para desenhar a imagem do logotipo.
   
   Agora que temos o caminho de Bezier, podemos adicionar o comportamento do caminho de movimento ao gráfico Hand. Esse comportamento é o que fará com que a mão seja animada. Mas queremos que a mão siga o caminho Bezier_Logo. Então, instruiremos o Motion a usar o caminho Bezier_Logo para esse comportamento do Motion Path.
   
   
4. Para adicionar o comportamento ao gráfico Hand, selecione a camada do gráfico Hand no painel Layers. No menu Comportamentos, no canto inferior direito, escolha Caminho do movimento. Você verá uma nova camada do Motion Path adicionada abaixo da camada Hand.
   
   
5. Selecione a camada Caminho de movimento e vá para o Inspetor (Inspetor - Comportamentos - Caminho de movimento). Defina o menu Path Shape como Geometry. Desmarque a opção Anexar à forma. Volte para a camada Bezier_Logo no painel Camadas e clique / arraste para o poço Origem da forma. Quando vir a pequena seta, solte o mouse.
   
   Com o Playhead ainda no primeiro quadro, teste a animação. Se o lápis não seguir diretamente o caminho, faça ajustes no ponto de ancoragem na ponta do lápis, conforme necessário.
   
   A mão parece desenhar um pouco lentamente para uma animação do quadro branco? Bem, podemos acelerá-lo encurtando as faixas Motion Path e Bezier_Logo na Linha do tempo.
   
   
6. Vá para a Linha do tempo e encontre a trilha roxa do Motion Path. Arraste a borda direita para a trilha do caminho para a esquerda até que ela esteja na posição de dois segundos na Linha do tempo (02:00). Repita isso para a faixa Bezier_Logo.
   
   

OK, é hora de uma pausa para o café. No próximo tutorial, criaremos a máscara que revela o logotipo.

← Voltar | 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 é / são marcas comerciais registradas ou marcas comerciais da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Cantos arredondados no Inkscape - Diário de bordo #02 (Pode 2024).