Transcrições
1. Introdução: Olá, aí. Meu nome
é Carminys Guzman. Nasci e cresci
na República Dominicana e agora moro em Portugal. Sou cofundador do
Operary, um estúdio de animação, onde trabalho como animadora, ilustradora e roteirista. Produzimos
vídeos de primeira linha há mais de uma década. Tivemos o prazer
de trabalhar com empresas
incríveis,
como Intel, Deloitte, Bayer, Port e muitas outras. Agora, estamos entusiasmados em compartilhar
nosso conhecimento com você. Fogo, fumaça, água, você terá que usar
essas animações com frequência ao longo de sua
carreira como animador. Neste curso, você
descobrirá como
animá-los como
profissional em tempo recorde e sem usar plug-ins. Começaremos a entrar
em contato com a interface do
After Effects e veremos os atalhos de teclado que
usaremos durante o curso. A seguir, mostrarei como
animar facilmente fogo e água
fumegante com três projetos
diferentes. Claro, sem
usar nenhum plug-in. Para finalizar, vou
te ensinar como dar os retoques finais
às animações de forma simples. Você poderá baixar todos os arquivos que
usaremos durante o curso. Dessa forma, você
poderá seguir as
instruções em tempo
real e será muito mais fácil aplicar tudo o que
você está aprendendo. Este curso é ideal para animadores, ilustradores, designers
gráficos, artistas
criativos e, em geral, qualquer pessoa que queira dar vida às
suas ilustrações. Com paciência, atitude
positiva e perseverança,
você terá sucesso. Sua hora é agora.
Participe do curso.
2. Projeto: Oi, lá. Estou muito feliz que você tenha
decidido fazer este curso. Ao final deste curso, você estará preparado para animar os três projetos
do curso como um profissional. Se você não tiver tempo
para criar seu design, não se
preocupe, você pode usar minha arte para praticar
e experimentar. Depois de cada aula,
fornecerei diretrizes para garantir que você obtenha os
melhores resultados possíveis. Portanto, certifique-se de
segui-los e praticar. Estou ansioso para ver seu trabalho,
então, envie seus projetos para a galeria de projetos do curso. Se você tiver
dúvidas ou comentários, sinta-se à vontade para publicá-los
na barra de perguntas. Mal posso esperar para ver
o que você vai inventar. Vamos nos divertir criando animações
incríveis juntos.
3. Primeiros passos: Oi, lá. Antes de começarmos a
animar os projetos, vamos entrar em contato com a interface do
After Effects. Trabalharemos com o espaço de trabalho
padrão, mas você pode escolher
sua opção preferida. O primeiro passo é
criar uma nova composição. Vá para Composição,
Nova composição. Abra uma nova
composição de 1920 por 1080 em 24 quadros, aguarde 10 segundos e
dê um nome a ela. Como segunda etapa, importaremos o design do Adobe
Illustrator. Vamos importar o design
que você vê na tela. Usaremos esse design para o primeiro projeto do curso. Como você pode ver, é um design muito simples
com apenas três camadas. Vamos voltar ao After Effects. Para importar o
design, vá para Arquivo, selecione “Importar arquivo” e selecione o arquivo desejado. Quando importamos um arquivo
em camadas na opção Importações como, devemos selecionar Tamanhos de camada
de retenção de composição. Como você pode ver, uma
composição e uma pasta com camadas
foram criadas. Vamos trabalhar
na composição. Com um clique duplo, inserimos a composição que
importamos. Agora vamos dar uma
olhada rápida na interface de efeitos colaterais. O painel em que você vê a
ilustração é a janela de visualização. Este painel mostrará os resultados de seus
designs e animações. Na parte inferior, podemos
ver o painel da linha do tempo. É nesse painel que
passaremos mais tempo criando
as animações. A partir daqui, podemos modificar facilmente as
propriedades de transformação da camada. Se olharmos para a esquerda, podemos ver o painel do projeto,
onde aparecerão todas as composições que criamos e todos os arquivos
que importamos. No topo, podemos encontrar
as ferramentas essenciais. Agora, eu vou te mostrar os atalhos de teclado
para este curso. Os atalhos
se referem às camadas, propriedades e ferramentas
comumente usadas. Vamos ver como abrir as propriedades da camada
com um único clique. Pressione A para o ponto de ancoragem, P para a posição, S para a escala, R para a rotação e T para a opacidade. Além disso, se mantivermos
pressionada a tecla Shift, podemos abrir várias
propriedades simultaneamente. Agora, veremos como acessar as principais ferramentas com
o toque de uma tecla. Pressione V para a ferramenta de seleção, Segure, espaço para a ferramenta manual, Z para a ferramenta de zoom, W para a ferramenta de rotação e Y para a ferramenta Panorâmica atrás. É uma questão de prática. Em projetos e recursos, você tem um
arquivo PDF disponível para download com os atalhos mais
úteis. Nos vemos na próxima aula.
4. Animação de incêndio: Nesta lição, criaremos a animação que você vê
na tela de forma muito simples. Com um clique duplo, entraremos na
composição da animação de fogo criada na lição anterior. Para começar, criaremos uma forma muito simples com
a ajuda da ferramenta de caneta. Vamos pintá-lo de amarelo. Perfeito. Agora vamos aplicar
o efeito de distorção das ondas. Para fazer isso, vamos para Effect, Distort, Wave Warp. A partir dos controles de efeitos,
ajustamos as propriedades. Definimos a direção para zero, largura da
onda para 150 e a velocidade da onda para 1,5. Finalmente, na opção de fixação, aplicamos a borda inferior. Eu usei essa configuração, mas você pode jogar com valores
diferentes até obter o resultado
que mais gosta. Perfeito. Agora, com a ajuda
da ferramenta de bandeja atrás, colocaremos o ponto de
ancoragem
na base da forma que
criamos. O ponto de ancoragem será o eixo em torno do qual
nossa camada girará e também será o ponto de referência quando
modificarmos o tamanho da camada. Eu quase esqueço, se você não consegue ver a janela de controles de
efeitos, você pode ativá-la a partir da janela. Agora, com a camada selecionada, nós a duplicamos quatro
vezes pressionando a combinação de teclas Control D ou Command D no Mac quatro vezes. Coloque-os ao seu gosto, ajustando o tamanho
e girando-os. Você pode modificar as camadas
na janela de visualização, como eu
tenho feito até agora, ou no painel da linha do tempo
, o que você achar
mais confortável. No meu caso, me sinto mais confortável ajustando-o
diretamente da janela de visualização. Vamos pré-visualizá-lo para
ver como fica. Ainda precisa ser melhorado. No momento, todas as camadas
se movem na mesma velocidade, tornando a animação
entediante e irreal. Faça com que a animação
pareça mais natural. Modificaremos a
velocidade da onda para que o efeito tenha velocidades
diferentes em cada camada e obtenha uma aparência mais orgânica. Simplesmente selecionamos as camadas e modificamos a velocidade do efeito. Perfeito. Agora,
parece muito melhor. Agora, para trabalhar com mais eficiência
e ser mais organizado, selecionaremos todas as camadas enquanto pressionamos
a tecla Shift. Clicamos com o botão direito do mouse e
selecionamos pré-composição. Damos um nome
e clicamos em OK. Ao fazer isso, criamos
uma nova composição. Com um clique duplo, podemos entrar
e acessar as camadas. Vamos voltar à camada
principal e
duplicamos a camada com o
Controle D ou o Comando D no Mac. A ideia é mudar a cor da camada que duplicamos. Para fazer isso, vamos para Effect, Generate, Fill e aplicamos
uma cor laranja a ele. Modificamos seu tamanho e o
colocamos no local desejado. Perfeito. Novamente,
fazemos o mesmo processo. Nós duplicamos uma camada
e mudamos a cor. Modificamos seu tamanho e
o colocamos em seu lugar. Agora temos nosso
maravilhoso fogo animado. Para finalizar, entraremos
na composição Projeto 1. Arrastamos nossa animação abaixo da primeira camada e a
colocamos no local desejado. Se pré-visualizarmos, já
podemos ver o fogo
integrado à cena. Em aulas futuras,
veremos como podemos melhorar
a aparência de nossa
animação de forma muito simples.
5. Animação de fumo: Olá, é hora de
animar a fumaça. Mas antes de começarmos, vamos
organizar tudo. painel do projeto, criaremos três
pastas clicando aqui e as chamaremos de fogo, fumaça e água, por exemplo. Em seguida, arrastaremos todos
os materiais
da lição anterior para
a pasta fire perfect. Agora sim, podemos começar a criar a animação
da fumaça. Com a pasta de fumaça selecionada, vá para composição,
nova composição. Como na lição anterior, criamos uma nova
composição de 1920 por 1080 em 24 quadros, damos 10 segundos a ela e a nomeamos. Reduziremos o tamanho da janela
para trabalhar com mais conforto. Agora, com a ajuda
da ferramenta caneta, criamos uma forma muito simples. Em seguida, clicamos em “Preencher” e
selecionamos a opção de
gradiente linear. Entramos nas configurações de cores
e pintamos as duas extremidades de branco. Agora, vamos
definir a opacidade para 0%. Por quê? Porque queremos que,
à medida que a fumaça se afaste, ela desapareça da mesma forma
que na vida real. Ótimo, nós já o temos. Vamos ativar o Toggle Transparency Grid
para trabalhar com mais conforto. Agora, inserimos as
propriedades da camada. Vamos ao conteúdo, forma, gradiente, preenchimento e modificamos os valores
do ponto inicial e final. Não foi uma boa ideia ativar o
Toggle Transparency Grid. Vou desativá-lo novamente para funcionar melhor. Para aplicar os retoques finais, modificarei o
ponto inicial e o ponto final diretamente da parte de visualização com a ajuda
da ferramenta de seleção. É muito bom. Agora, só
precisamos
animar a fumaça. Para fazer isso, vamos efetuar, distorcer, ondular. A partir dos controles de efeitos, ajustamos as propriedades. Dissemos que a direção era zero, altura da
onda 30, largura da onda 300 e velocidade da onda 0,5. Lembre-se de que você pode modificar
esses valores ao seu gosto. É um efeito muito
intuitivo, então eu encorajo você a brincar com os valores das
diferentes propriedades. Na opção de fixação, aplicamos a borda inferior. Muito bom. Podemos ver que estamos
no caminho certo, mas ainda podemos melhorá-lo. Duplicaremos
o efeito com controle D ou o comando
D no Mac para
torná-lo mais natural e modificaremos o valor da largura da onda para 150. Vamos ver como funciona. Ótimo, parece bom. Para finalizar, vamos
integrar essa fumaça em um. Vamos importar os
layouts do Projeto 2. Com a pasta smoke selecionada, vamos para arquivo, importamos o arquivo e selecionamos
o arquivo desejado. Lembre-se de que, quando importamos um arquivo em camadas nas
importações como opção, devemos selecionar a composição, retenção e os tamanhos das camadas. Com um clique duplo,
inserimos a composição. Agora só precisamos arrastar
a animação de fumaça que
criamos, dimensioná-la e colocá-la. Para finalizar,
vamos aplicar uma máscara. A máscara
nos ajudará a esconder as partes da fumaça que
não queremos que sejam vistas, seja,
só poderemos ver a fumaça que está dentro da máscara que
vamos criar. Para aplicar uma máscara, garantimos que a camada de fumaça foi selecionada
e, com uma ferramenta de caneta, criamos um caminho fechado. Vou ajustar um
pouco a máscara para que fique melhor. Nós já o temos. Já podemos ver nossa maravilhosa animação
finalizada e integrada. Nos vemos na próxima aula.
6. Animação de água: Olá de novo. Agora é hora de criar a animação
que você vê na tela. Como sempre, começaremos
criando uma composição. Vamos nomeá-lo e deixar os mesmos valores dos projetos
anteriores. Perfeito. Agora vamos
criar um sólido. Para fazer isso, iremos para Layer. Novo sólido, vamos
tê-lo como está agora, preto e clicamos em “Ok”. Em seguida, iremos para Effect. Ruído e granulação, ruído fractal. Esse é um efeito que eu
gosto e podemos obter resultados
muito interessantes com valores
ajustados para obter
o resultado desejado. No tipo fractal, escolheremos a opção de cordas e
um tipo de ruído Spline. Em seguida, aumentaremos o valor do
contraste para 500. Abriremos as opções
de transferência e desmarcaremos a caixa
de escala desinformada, que nos permitirá modificar as dimensões do
efeito com mais liberdade. Vou aumentar a largura da
escala para cerca de 300. Podemos deixar a
altura da escala em 64 ou 65. Posteriormente, quando o
integrarmos à cena, veremos se fica bem ou se precisamos ajustar um pouco
esses valores. Agora, com a camada selecionada, iremos para os níveis Efeito e Correção de
Cor. A ideia é dar mais contraste ao nosso
efeito, dar uma pegadinha à nossa animação. Para fazer isso, colocaremos os valores de
entrada em preto e branco no centro do histograma. Daremos à entrada
preta um valor de 120 e daremos à entrada
branca um valor de 130. As setas agora
aparecem no centro e nossa cena tem uma aparência
muito mais divertida. Vamos adicionar um pouco de
cor à nossa cena. Para fazer isso, iremos
para Layer, New Solid. Vamos pintá-lo de azul
e clicar em “Ok”. Arrastamos a nova
camada para baixo. Para o sólido que tem
o efeito aplicado a ele, aplicaremos o modo Adicionar. Para finalizar o ajuste da aparência da
cena, reduziremos a
opacidade para 20%. Ótimo, estamos quase lá. Vamos suavizar um pouco a
aparência da cena. Não é convincente para mim. Podemos resolver isso de
uma forma muito simples. Iremos para subconfigurações e
reduziremos o valor
da subinfluência. Agora, parece muito melhor. Ótimo. Agora é hora de adicionar animação com uma expressão
simples. Dentro do efeito de ruído fractal, iremos para a opção de
evolução
e, enquanto
pressionamos a tecla Alt, clicaremos em “Cronômetro”. Escreveremos a expressão
que você vê na tela. Graças a essa expressão, não
precisamos criar
quadros-chave para criar a animação e pré-visualizamos. Maravilhoso, eu gosto. Ao modificar o valor do tempo, podemos fazer com que a água
se mova mais rápido ou mais devagar. Quanto maior o valor, mais rápido
a água se move. Vamos deixar em 50. Em seguida, para dar
uma aparência mais orgânica à nossa animação, aplicaremos um efeito que todos
conhecemos, Wave Warp. Aumentaremos o valor
da largura da onda para 400, por exemplo, e
reduziremos sua velocidade para 0,5. Vamos ver no que acontece. Ótimo, eu gosto. Temos nossa animação
pronta para ser integrada ao Projeto 3. Vamos ao painel Projeto. Com a pasta de água selecionada, importaremos a
ilustração do Projeto 3. Vou colocar essa composição em sua pasta correspondente para
manter tudo organizado. Com um clique duplo, entramos no Projeto 3. Como você pode ver, é
uma cena super simples. Arrastamos a animação
da água que
acabamos de criar e a
colocamos nessa cena. Vamos dar uma olhada.
Parece bom, mas acho que podemos
melhorá-lo um pouco. Vou ajustá-lo
à escala para que ele se integre melhor
à piscina. Simplesmente colocamos os pontos de
ancoragem
na parte superior e ajustamos a escala. Vamos ver. Agora, a
animação está mais integrada com a perspectiva
da ilustração. Na próxima lição, veremos como podemos
melhorar a aparência de nossas animações de uma forma muito
simples. Nos vemos lá.
7. Toques finais: Olá. Nesta lição, daremos os
retoques finais em nossas animações. Vamos começar com
a animação do fogo. Vamos
aplicar um efeito de brilho na animação do fogo. Selecionamos a camada e vamos
para Effect, Stylize, Glow. No limite de brilho, aplicamos 80%, deixamos o raio de brilho em 90 e definimos a
intensidade do brilho para 1,5. Vamos dar uma olhada.
Perfeito. deixar assim. Novamente, recomendo que você
brinque com as
propriedades do efeito e use os valores que mais
gosta para criar uma aparência única e
diferente. Em seguida, vamos
criar uma camada de ajuste. Para fazer isso, vá para Layer, New, Adjustment Layer
e certifique-se de
colocá-la acima de todas
as outras camadas. A mágica é que, quando aplicamos efeitos em uma camada de ajuste, aplicamos em todas as
camadas abaixo dela. Com a
camada de ajuste selecionada, vá para Effect, Noise & Grain, Noise e aplique 10% de ruído. Ao adicionar ruído, adicionamos uma pequena textura à nossa
animação que eu gosto. Finalmente, aplicaremos
um último efeito. Vá para Effect, Time, Posterize Time e
diminua a taxa de quadros para 12. Ao aplicar esse efeito, pretendemos imitar o
estilo tradicional
à animação que geralmente é trabalhada nessa taxa de quadros. Vamos pré-visualizar. A animação
estará completamente finalizada. Acho que vou reduzir um pouco
a quantidade de ruído, 7% é suficiente. Vamos dar uma olhada. Ótimo, para economizar tempo, selecione e copie a camada de
ajuste com Ctrl C ou comando C no Mac. Em seguida, vá para o Projeto 2 e cole-o com Ctrl V
ou Command V no Mac. É simples assim. Não precisamos
repetir o processo. Para finalizar, vá até o
Projeto 3 e cole. Uma forma muito simples de dar os retoques finais
em nossos projetos.
8. Renderização: Agora que temos
nossos projetos prontos, podemos exportá-los. Lembre-se de que a
composição que abrimos atualmente
será exportada. Para isso, vamos
para composição e selecionamos Adicionar ao Adobe
Media Encoder. O Media Encoder nos ajuda a exportar
projetos com mais eficiência. Primeiro, qual era o codek? Nesse caso, usaremos o H264. Ele exporta o vídeo em MP4, o
formato mais usado para a web. Em relação à resolução de saída, podemos escolher a
opção Match Source, alta ou média taxa de bits para evitar erros e exportá-la no mesmo tamanho em
que trabalhamos no projeto. Por fim, escolhemos
o local para exportar o vídeo e
dar um nome ao arquivo. Para finalizar, clique
no botão Jogar aqui. Com isso, tudo
estará pronto. Quando o processo terminar, você poderá abrir seu
vídeo e compartilhá-lo com todos nós na galeria de projetos do
curso. Estou ansioso
para ver seu trabalho.
9. Considerações finais: Parabéns pela
conclusão do curso. Foi um prazer
guiá-lo ao longo
dessa jornada. Mal posso esperar para ver você
aplicar tudo o que aprendeu criando suas
animações do zero. Compartilhe seus projetos
na galeria de projetos ou
marque-me em suas postagens do Instagram. Estou empolgado em ver
suas criações e fornecer feedback
para ajudar você a melhorar. Lembre-se de
que a prática leva à perfeição e os erros fazem parte
do processo de aprendizado. O processo de aprender
animação pode ser desafiador, mas é incrivelmente gratificante. Confira meu perfil
para atualizações sobre novas classes e outras aulas relacionadas ao
mundo da animação. Eu valorizo seu feedback,
então, reserve um momento
para deixar uma avaliação do curso e compartilhar sua
experiência com outras pessoas. Obrigado por fazer parte
desta aula e estou ansioso para ver você em
minhas outras aulas em breve. Continue com seu trabalho fantástico.
Carminys Guzmán, Motion grapher
