Noções básicas do design de movimento: comece a animar no Adobe After Effects

1. Introdução: Bem-vindo aos conceitos básicos do design de movimento. Vou explicar como criar essa animação usando técnicas básicas. Técnicas como o efeito write on, uma introdução ao editor gráfico, uma introdução aos animadores de texto e muito mais Seu projeto de aula será pegar qualquer uma das técnicas que você aprendeu nesta aula e aplicá-la à sua própria animação. Mal posso esperar para ver o que você cria. 2. Primeiros passos: Para esta aula, você precisará do Adobe After Effects, Adobe Media Encoder para exportar Aqui está uma lista das fontes que usei no projeto. Aqui estão algumas ideias para seu projeto de classe. Acompanhe minha animação, ou você pode animar seu nome Crie um terço inferior, faça seu próprio anúncio ou o que quiser Não se esqueça de publicar seu projeto na galeria de projetos para que todos possam ver o que você criou. 3. Introdução ao Adobe After Effects(aula opcional): Para que sua tela do After Effect se pareça com a minha, vá para Window Workspace e selecione Padrão Se você sentir falta de um painel, lembre-se sempre de que você pode encontrar qualquer painel necessário na guia Janela. Digamos que você esteja perdendo o painel de composição. Vá para a janela. Role a lista para baixo até encontrar Composição. Vá para Arquivo, Configurações do projeto, Hora, Estilo de exibição e selecione Quadros. Clique em Nova composição. Você pode alterar o nome da composição. Você pode alterar o tamanho. Você pode alterar a taxa de quadros, alterar a duração da composição, escolher uma cor de fundo. Aqui na parte superior da tela, você pode encontrar sua ferramenta de retângulo Para criar o retângulo, basta arrastar com o mouse, alterar a cor de preenchimento, alterar a cor do traçado Ou você pode se livrar do traçado alterando esse valor para zero. Aqui está a panela por trás da ferramenta, essa coisinha. Aqui está o ponto de ancoragem. Um ponto de ancoragem é de onde a camada será animada. Isso fará sentido mais tarde na aula. Com a camada selecionada pressione para exibir a propriedade de posição. Ao alterar esses dois valores, você pode mover o retângulo Clique no botão Cronômetro. Ao lado da posição, ele coloca um quadro-chave na linha do tempo para se mover pela linha do tempo Basta arrastar o indicador de reprodução e alterar o valor novamente. Isso coloca outro quadro-chave na linha do tempo. Pressione a barra de espaço para visualizar sua animação. Você pode ver como o retângulo se move entre esses dois quadros-chave Você pode mover seu quadro-chave apenas arrastando-o pela linha do tempo O que isso faz é mudar a velocidade da animação. Quase esqueci de mencionar que, se você quiser cortar sua área de visualização, pressione N, você pode selecionar os dois quadros-chave e pressionar nove com facilidade pois isso torna a animação um pouco mais suave E vamos entrar no editor gráfico para mostrar o que ele faz. Aqui está o botão do editor gráfico. Uma vez dentro do editor gráfico, clique nesse botão na parte inferior e escolha Editar gráfico de velocidade. Para esta aula, usaremos o gráfico de velocidade porque acho que é muito mais fácil para iniciantes acompanharem. Ao arrastar as alças aqui, você pode alterar a velocidade da animação Você vê como isso afeta a velocidade do retângulo. A forma dessa curva indica que a animação começa rápido e termina lentamente Você pode localizá-lo aqui ao lado da ferramenta de caneta. Clique em qualquer lugar. Digite seu texto. Aqui, no painel de personagens, é onde você pode alterar praticamente tudo o que quiser. Você pode alterar a fonte, alterar o tamanho, alterar a cor, alterar a cor, descentralizar o texto no meio da composição. descentralizar o texto no meio da composição Vá para o painel alinhado Os animadores de texto podem ser encontrados abrindo a camada Clicando nesse botão ao lado do Animate. Vamos selecionar, vá para dez quadros na linha do tempo. Clique no cronômetro, volte para o início do tipo de linha do tempo, um valor zero Agora vamos adicionar uma posição. Vá para dez quadros na linha do tempo. Clique no botão do cronômetro volte para o início da linha do tempo Digite um valor de 50 na posição y. Agora selecione os quadros-chave. Clique em nove para facilitar. Outra coisa que quero mostrar a você como fazer é usar a ferramenta caneta. Você pode encontrar a ferramenta caneta aqui ao lado da ferramenta retangular Ao clicar nos pontos e arrastar essas alças, você pode criar uma forma exatamente como a ferramenta retângulo Você pode alterar a cor do preenchimento. Você pode se livrar do preenchimento clicando aqui e clicando em nenhum. Altere o tamanho do traçado, altere a cor do traçado. Você pode editar sua linha. Ao clicar nesses pontos e arrastar essas alças para desenhar uma linha reta, você pode segurar a tecla shift Mais uma coisa que eu gostaria de mostrar é como unir duas camadas. Ao clicar neste botão Pick Whip e arrastá-lo para a outra camada Agora é parental. Agora, quando você move uma camada, a outra camada deve se mover com ela. Isso é essencialmente o que eu queria te mostrar. Agora podemos começar a animar. 4. Anime a lata: Para começar a animar, você precisará abrir o arquivo do projeto Vá para o arquivo, Abra o projeto. Localize o arquivo do projeto verifique se você está dentro da composição correta. Se você não estiver dentro da composição certa, você pode localizá-la em Composição Principal, Compartilhamento de habilidades, Classe animada. Também vou incluir uma versão finalizada da aula. Sinta-se à vontade para ver isso também. Nesta primeira lição, vamos animar a lata. Com a camada de lata selecionada, pressione P, clique no botão do cronômetro para colocar um quadro-chave na linha do tempo Arraste o quadro-chave sobre cerca de 15 quadros. Agora, para mover a lata para a esquerda no início da linha do tempo, arraste a posição X, mova a lata totalmente para a esquerda até que ela saia da tela Isso coloca outro quadro-chave na linha do tempo. Podemos melhorá-lo selecionando os dois quadros-chave, pressionando nove, isso torna a animação um pouco mais suave Mas podemos torná-lo ainda melhor entrando no editor gráfico com o quadro-chave selecionado clicando no botão do editor gráfico Uma vez dentro do editor gráfico, clique nesse botão na parte inferior e escolha Editar, Gráfico de velocidade. Arraste essa alça totalmente para a esquerda. Agora, visualize sua animação novamente. 5. Anime a linha: Para animar a linha, vamos usar uma opção de corte Path Toggle para baixo na camada de linha ao lado Clique neste ícone e localize Trim Path e desative a camada de trim Vá para cerca de 12 quadros na linha do tempo, coloque um valor inicial de 50% e o valor de 50% Clique no cronômetro ao lado Para começar e terminar, mova cerca de dez quadros, coloque um valor inicial de zero e um valor N de 100. Selecione todos os quadros-chave e clique em nove. 6. Slide no texto: Agora vamos animar o slide em texto. Vá para cerca de 35 quadros na linha do tempo. Clique na camada de texto inferior e pressione P. Clique no cronômetro para colocar um quadro-chave na linha do tempo Volte para cerca de 20 quadros na linha do tempo. Agora arraste o texto até que esteja logo acima da linha. Selecione os dois quadros-chave e clique em nove cabeçalhos dentro do editor gráfico e arraste essa alça para a esquerda. Para tornar o texto invisível acima da linha, vamos usar um mate. Crie uma nova camada retangular logo acima da linha. Mova a nova camada retangular logo acima da camada de texto usando o tapete de rastreamento, Pick whip Arraste-o até a camada do tapete. Clique em Invert Mat. Agora, o texto sai da linha. 7. Animador de texto: Para animar o texto do meio, vamos usar um animador de texto para alternar texto Clique nesse ícone e escolha a posição do tipo de lista em um valor de 85 na posição y. Alterne para baixo a camada seletora de intervalo digite um valor de menos 100 no deslocamento e clique no Mova mais de 30 quadros na linha do tempo e coloque um valor de 100 no deslocamento Agora você tem dois quadros-chave na linha do tempo sob a camada avançada. Altere a forma para aumentar e digite um valor de 90% na facilidade baixa usando a faixa. Matt, pegue o chicote e arraste-o para a camada louca 8. Anime o braço: Agora vamos animar o braço principal, a do polegar até a camada da mão usando o chicote. Selecione a camada da mão e certifique-se de que seu ponto de ancoragem esteja no lugar certo com a pressão da camada de mão selecionada Para abrir a rotação, clique no ícone do cronômetro em 20 quadros na linha do tempo Mova mais de 25 quadros no tipo de linha do tempo em um valor de 75 na rotação. Mova mais de 15 quadros no tipo de linha do tempo em um valor zero. Selecione todos os três quadros-chave. Pressione F nove, agora vá para o editor gráfico. Arraste essa alça totalmente para a esquerda. Faça o mesmo com essa alça. Agora arraste essa alça até a direita. E faça o mesmo com a última alça em 20 quadros na linha de tempo mãe, a lata se sobrepõe à camada manual usando a palheta. 9. Uma técnica de escrita fácil: Agora vamos fazer a coisa certa com efeito. Selecione a camada de texto. Selecione sua ferramenta de caneta. Agora vamos desenhar uma série de linhas sobre nosso texto. Para criar uma nova linha, basta clicar fora das camadas e clicar novamente na camada. Certifique-se de desenhar as linhas na ordem em que você deseja que elas sejam animadas em efeitos e predefinições Pesquise por derrame. será o efeito que impulsionará nossa animação. Escolha revelar a imagem original no estilo de pintura. Altere o tamanho do pincel para dez, a dureza do pincel para 100% Certifique-se de clicar em todas as máscaras em cerca de 1 segundo, cinco quadros, clicar no final do cronômetro, mover para 15 quadros na linha do tempo, digitar 0% No final, selecione os dois quadros-chave, clique em nove e vá para o editor gráfico, arraste essa alça para a esquerda 10. Contexto: Insira a camada de fundo clicando duas vezes. Selecione uma das camadas da folha. Pressione R para exibir a propriedade de rotação no início da linha do tempo. Pressione para cronômetro, avance dez quadros na linha do tempo Altere o valor da rotação, o quanto quiser. Avance mais dez quadros na linha do tempo. Copie e cole o primeiro quadro-chave selecionando o quadro-chave, pressionando control e control V. Agora selecione todos os três quadros-chave. Controle C, controle V. Agora repita esse processo até que quadros-chave cubram toda a linha do tempo. Selecione todos os quadros-chave, clique com o botão direito do mouse, selecione alternar, segure Repita esse processo até que todas as camadas estejam animadas. 11. Exportar: Aqui está um rápido tutorial sobre como exportar sua animação na linha do tempo. Clique para cortar sua composição. Esse é o tempo que sua animação durará quando você exportar. Vá para arquivo Exportar Adicionar ao Adobe Median Coder. Depois que o Adobe Median Coder estiver aberto, clique em qualquer um desses links para exibir as propriedades Ao lado de Formato Escolha 0,264 Além da predefinição, você pode escolher qualquer uma dessas predefinições que Vou escolher o Youtube, dez Ep, full HD. Ao lado do nome de saída, você pode digitar seu nome e para onde você vai exportar. Em seguida, clique em OK. Clique na seta verde para exportar. 12. Conclusão: E é só isso. Não se esqueça de publicar seu projeto na galeria de projetos para que todos possam ver o que você criou.