Transcrições
1. Introdução: A animação de personagens é uma
das coisas mais complexas que você
terá que fazer como designer de movimento. É por isso que
criei essa aula muito simples e fácil de seguir. Vou te ensinar como animar um ciclo de caminhada dentro
do D after effects Eu recomendo essa aula para alguém que sabe
se virar, mas nunca fez animação de
personagens. Para iniciantes absolutos,
recomendo fazer uma das
minhas aulas para iniciantes Seu projeto de classe é
criar sua própria animação de
personagem. Mal posso esperar para ver
o que você cria.
2. Primeiros passos: Para esta aula, você precisará
do Adobe Aftereffects, do
Adobe Media Encoder para exportar Baixe a arte na página
Projeto e Recursos. Também será incluída uma versão
completa da aula. Sinta-se à vontade para
baixá-lo também. Seu projeto de classe é
criar sua própria animação de
personagem e fique à vontade para publicar
seus projetos
na galeria de projetos para que
todos possam ver
o que você criou.
3. Como desenhar as pernas: A primeira coisa que vamos
fazer é desenhar as pernas. Amplie em 200%. Ligue a grade. Obtenha a ferramenta de caneta. Estou usando
um traço preto de 15 pixels. Certifique-se de que não haja preenchimento. Clique em algum lugar por aqui. Lembre-se de segurar a
tecla shift para desenhar uma linha reta. Algo assim
parece bom o suficiente. Alterne para baixo o
conteúdo, a forma e o caminho da camada. Mude para uma tampa redonda. Agora temos nosso primeiro. Para criar a segunda etapa, vamos apenas duplicar nossa primeira etapa. Clique em Control D. Agora pressione P para
abrir a posição, e nós a arrastaremos para
algum lugar por aqui. Mova a camada de rosquinha
para o topo das camadas. Aí. Acho que
parece bom o suficiente. Eu
4. O ciclo de caminhada básico: Agora vamos animar
o ciclo básico de caminhada. Ative nossa nota novamente. Amplie até 200%. Podemos desligar nossa segunda etapa. Abaixe nossa
perna um, Caminho um. Certifique-se de ter selecionado
o caminho um. Selecione os dois pontos dos pés. Segurando a tecla shift, arraste o pé
até aqui. OK. Pressione o cronômetro
para colocar um quadro-chave. Agora passe para exatamente 1
segundo na linha do tempo. Coloque outro quadro-chave. Queremos que nosso primeiro
e último quadros-chave sejam exatamente os mesmos. Agora movido para a metade em 15
quadros na linha do tempo. Novamente, certifique-se de que seu
caminho esteja selecionado. Selecione os dois pontos. Segure a tecla shift e
arraste o pé para cima. Agora temos nosso pé se
movendo para frente e para trás. Na metade do
nosso pé, avançando, vamos levantar o pé Novamente, verifique se o
caminho está selecionado. Selecione os quadros-chave de dois pés e levante-os cerca de
um quadrado na grade Eu acho que isso parece bom. Então, agora temos quatro quadros-chave, nossos pés se movendo para
frente e para trás e nosso pé levantando. Nossa primeira etapa está pronta. Agora podemos desativar a perna número um e ativar a perna número dois. Essencialmente, vamos
fazer exatamente a mesma coisa. Alterne para baixo o conteúdo, a forma. Certifique-se de que o caminho um esteja selecionado. Selecione nossos dois pontos de pé. Segurando a
tecla shift, mova-a para frente. Desligue-o para baixo,
pressione o cronômetro. Vá para exatamente 1 segundo
na linha do tempo. Coloque outro quadro-chave. Passe para 15 quadros. Selecione nossos dois pontos. Agora, segurando a tecla shift, vamos
arrastá-la para trás Acho que algum lugar por
lá deveria ficar bem. Agora, na metade do
nosso pé avançando. Vamos
levantar novamente o pé. Selecione os dois pontos dos pés. Levante-o em torno de um quadrado. Lá vamos nós. Podemos virar a outra perna e agora podemos visualizar a aparência do
nosso ciclo de caminhada. Vamos reduzir nossa área de trabalho para
1 segundo para visualizar
nosso ciclo de caminhada Agora temos nosso ciclo
básico de caminhada.
5. Refine o ciclo de caminhada: Agora vamos
refinar nosso ciclo de caminhada. Desligue a segunda perna. Amplie em 200% novamente. Ligue a grade. Selecione a perna um, vá
para o segundo quadro-chave,
o quadro-chave em que
nosso pé se move para Alterne a camada para baixo. Selecione o caminho um. Desta vez, selecionaremos apenas
esse quadro-chave e o
arrastaremos um
pouco para cima para fazer parecer que
nosso pé está dobrado Agora, selecione sua ferramenta de caneta para criar um novo ponto
no meio da perna. Arraste-o um pouco para fora. Para fazer parecer que
nosso joelho está se movendo. Novamente, vamos desligar
a primeira perna, ligar a segunda e
fazer a mesma coisa. No quadro-chave em que
nosso pé está se movendo para cima, selecione esse ponto Arraste-o um pouco para cima. Selecione a ferramenta caneta novamente. Na metade da nossa perna, vamos
colocar um novo Lá vamos nós. Vamos pré-visualizar. Acho que isso adiciona uma aparência um pouco mais realista
a um ciclo de caminhada.
6. Animação do corpo: Agora vamos animar
nosso donut se movendo para cima e para baixo. Selecione a camada de rosca e pressione P para exibir a propriedade de posição Vá para o segundo
quadro-chave em nossa perna um. Agora, selecione nossa
camada de rosquinha, pressione o cronômetro. Agora vá para o penúltimo
quadro-chave em nossa segunda perna. Pressione o botão do quadro-chave. Esta será nossa
posição inicial para o donut. Agora vá para 15 quadros
na linha do tempo. Selecione a camada de rosca. Agora, usando a tecla de seta para baixo, vamos mover
nosso corpo de donuts para baixo. Ou você pode digitar cinco
50 na posição y. Agora vá para o início
da linha do tempo. Selecione nosso quadro-chave central. Controle C, Controle V. Agora vá até o final
do nosso ciclo de caminhada. Controle C, Controle V. Pronto, agora nosso Delonut se move para cima
e para baixo enquanto caminha
7. Estenda o ciclo de caminhada: A primeira coisa que vamos fazer é facilitar nossos quadros-chave. Isso tornará nosso
ciclo de caminhada um pouco mais suave. Para estender nosso ciclo de caminhada, vamos copiar e colar
muitas vezes Agora, vamos estender nossa área de trabalho até o final da composição. Verifique se você está
no último quadro-chave da rosquinha
pressionando as setas Agora, selecione todos os quadros-chave. Controle C, Controle V.
Faça a mesma coisa. Vá para o último quadro-chave. Selecione todos os quadros-chave. Continue fazendo isso até
cobrir toda a linha do tempo. Certifique-se de fazer apenas
uma camada por vez. O After Effects não permite
copiar e colar várias camadas. Então, para nossa segunda etapa,
vamos fazer a mesma coisa. Vá para o último
quadro-chave. Copiar e colar. E, finalmente, vamos fazer
a mesma coisa com a primeira perna. Agora, nosso ciclo de caminhada percorrerá
toda a linha do tempo.
8. Anime o fundo: Antes de animarmos
nosso plano de fundo, eu só quero dar uma
olhada em como eu criei o plano de fundo Vá até as configurações de
composição da composição. Você pode ver o tamanho da
nossa composição principal, 1920 por dez 80. Agora, vamos entrar em
nossa camada de fundo. Vá para o plano de fundo original. Você pode ver que eu criei uma composição do
mesmo tamanho da nossa composição principal. Vamos fechar o plano de fundo original. Aqui na
composição de fundo. Você pode ver que o que eu fiz
foi criar uma composição duas vezes maior nossa composição principal
com um plano de fundo, um alinhado à esquerda e
uma linha à direita Agora, vamos animar o plano de
fundo. Arraste nossa camada de fundo até
a parte inferior das camadas. Pressione P para
abrir a posição. Vá para o início
da linha do tempo. Agora, vamos alinhá-lo à
esquerda usando o painel de alinhamento. Pressione o cronômetro
para colocar um quadro-chave. Agora vamos para o
final da linha do tempo. Agora vamos
alinhá-lo à direita. Isso coloca outro quadro-chave na linha do tempo automaticamente Agora, vamos ver o que acontece
se pré-visualizarmos nossa animação.
9. Piscar de olhos: Para essa bênção,
vamos animar
o piscar de olhos Vamos entrar em nossa camada de
donuts. Selecione nossa camada sim. Certifique-se de que nosso ponto de ancoragem esteja
no centro dos olhos. Pressione S para exibir
a propriedade de escala. Verifique se a escala está
vinculada clicando neste botão aqui. Pressione o cronômetro
para colocar um quadro-chave. Passe por três quadros, digite o valor de cinco
na propriedade y. Passe por outros três quadros. E vamos colocar o
valor de volta em 100. Selecione os quadros-chave,
pressione F nove, para adicionar alguns
Es fáceis. Clique com o botão direito. Vamos ver a velocidade do quadro-chave e o tipo de valor de
50% em ambos os Isso adicionará um pouco
mais de energia ao nosso espaço em branco. E é
mais ou menos isso. Você pode copiar e colar em toda a linha do tempo para adicionar quantas
piscadas quiser
10. Sombra: Outra coisa que você pode
querer fazer é criar uma sombra. Para desenhar nossa sombra,
vamos usar nossa ferramenta de caneta. Lembre-se de segurar a tecla
shift para desenhar uma linha reta.
Podemos renomeá-lo. Lembre-se de pressionar enter
para renomear uma camada. Mova-o para a parte inferior
do nosso personagem. Pressione T para exibir a opacidade. Vamos reduzi-lo para
algo em torno de 20%. Mas podemos abrir o conteúdo da
nossa camada. Forma, traço. Vamos mudar para uma tampa redonda. Então, para animar a sombra, vamos
garantir que nosso ponto de
ancoragem esteja no centro Você pode usar a ferramenta de encaixe para garantir que o
ponto de ancoragem se encaixe A partir daí, podemos
pressionar S para abrir a escala e desvinculá-la Com a
camada de rosca selecionada, pressione P para
abrir a posição E nosso personagem de rosquinha
está em sua posição abaixada, vamos querer que nossa
sombra fique por mais tempo Então, vamos colocar um quadro-chave
para nossa escala. E vamos passar para quando nosso donut estiver na
posição para cima. Podemos reduzir nosso valor de x
para algo como 75%. Acho que parece bom o suficiente. E a partir daí, é só uma
questão de copiar e colar. Passe para a próxima posição do
donut. Copie e cole nosso
primeiro quadro-chave. E podemos continuar fazendo isso até cobrir
todo o nosso cronograma Se quiser, você pode
facilmente facilitar os quadros-chave. Lá vamos nós. Nós temos uma sombra.
11. Efeito de fervura(visual desenhado à mão): Nesta lição, vamos
criar o efeito Boyle. Isso dará à nossa animação um pouco mais de aparência
de desenho animado Vamos criar uma
nova camada de ajuste. Mude o nome para Boyle. Em efeitos e predefinições, busque telas turbulentas. Adicione isso à nossa camada
de ajuste. Podemos reduzir nosso
valor para cinco. Reduza nosso tamanho para dez. Complexidade para duas, alterne
as opções de evolução. Vou clicar no cronômetro de sementes
aleatório. No campo aqui, podemos
digitar nossa expressão. Aleatório, 10.000. Isso adiciona um pouco de
animação ao nosso efeito de ebulição. Para torná-lo ainda
melhor, vamos duplicar nossa camada de deslocamento
turbulento Transforme os valores em 30. Reduza o tamanho para
dois e a complexidade para quatro. E é mais ou menos isso.
12. Considerações finais: Outra coisa que você
pode querer fazer é dar
um pouco mais de estilo ao seu ciclo de caminhada. Uma maneira fácil de fazer isso é
selecionar todos os seus quadros-chave Clique com o botão direito, vá para a velocidade do
quadro-chave e você pode aumentar esses números para algo muito
alto, digamos, 80% Isso dá ao seu ciclo de caminhada
um pouco mais de energia. Depende de você se
quer fazer isso ou não. E talvez seu efeito de fervura não seja tão extremo quanto
você gostaria. Talvez você
queira usar uma aparência de linhas
mais onduladas Você sempre pode
entrar na camada de fervura e alterar essas quantidades. Brinque com eles até
obter uma aparência que goste. Vou dar uma aparência mais extrema de linhas
onduladas. Mas depende de você o
que você quer fazer. De qualquer forma, é só isso. Sinta-se à vontade para publicar seu projeto
na galeria do projeto. Adoro ver as coisas
que vocês criam. E é só isso.
13. Exporte usando o Adobe Media Encoder: Agora podemos exportar nossa animação para compartilhar na galeria do projeto. Você não precisa exportar a animação
completa de dez segundos. Só vou exportar os primeiros 5 segundos
da animação. Vou arrastar o
final da minha área de trabalho. Agora podemos acessar Arquivo, Exportar, adicionar ao Adobe
Media e ao Coder Q. Clicaremos em um
desses links para abrir as propriedades Além das predefinições,
vou
escolher o Tube ten 80 P full HD Clique em OK. Agora, clique na seta
verde para exportar.
14. Conclusão: Parabéns.
Você acabou de concluir a animação de seu próprio personagem. Agora você pode compartilhar seu projeto
na galeria de projetos.
15. Aula de bônus - continue: Digamos que você queira fazer com que o personagem
donut seja
animado na tela Então, a maior desvantagem desse tipo
de animação é que nossas pernas não estão realmente
conectadas ao nosso donut A solução mais fácil para isso é simplesmente pré-compor
nosso personagem Selecione todas as três camadas de
nossos personagens, botão
direito do mouse e pré-componha Abre nossa propriedade de posição, pode arrastar nosso
personagem para fora da tela. Coloque um quadro-chave, avance
na linha do tempo. Arraste nosso personagem
. Lá vamos nós. Obviamente, você terá que
brincar com os quadros-chave para decidir o quão rápido você quer que
seu personagem ande
Tyler Bennett, Motion Graphics Designer
