Transcrições
1. Introdução: Adoro fazer e
ver as coisas se moverem. Só me excita
ver isso ganhar vida. Mas e se você puder ouvir isso também? Há algo em
combinar movimento e som que só
faz cócegas na minha mente Oi, eu sou Hadija, mas
todo mundo me chama de Dija. Sou designer gráfico, ilustrador e designer
de movimento com sede no Cairo, Egito Trabalhei com
clientes como Adidas, Coca Cola e algumas marcas locais bem
legais aqui Eu aprendi design de movimento sozinho há
alguns anos e ainda
estou aprendendo, então estou exatamente onde você está. Eu realmente acredito que, como
designer ou ilustrador, ter o design de movimento como
uma habilidade é uma das melhores que você pode ter no
bolso atualmente Nesta aula, você
aprenderá a criar animações simples,
mas impressionantes, para o Instagram, usando formas básicas
no After Effects Mas aqui está a diferença. Você também
aprenderá como combiná-lo com sons e áudio para
levá-lo ao próximo nível. Criar uma
peça audiovisual é muito mais impactante, na minha opinião, do que
apenas movimento Você está adicionando outra camada, outra dimensão
à sua arte que simplesmente dá vida a ela Vamos ver
alguns sons isentos de direitos autorais e, em
seguida, entrar no After Effects para configurar e importar arquivos Em seguida, mostrarei uma animação simples que abrange ferramentas
básicas, como camadas de formas, combinando-as com seu áudio. Explorando vários
efeitos, como caminhos de acabamento, ondas
cônicas e caminhos de veículos Eu até dei uma aula bônus como introdução à ferramenta de câmera
para um efeito cinematográfico A melhor parte é que essa aula
é adequada para iniciantes. Seja sua
primeira vez usando o After Effects ou se você tem
um pouco de experiência. Eu queria criar
algo para alguém que está apenas começando, porque
sei o quanto é intimidante navegar pelo telefone, ver todas essas animações
complicadas e sentir até medo experimentar essa aula é o
lugar perfeito para você
começar sua jornada
rumo ao começar sua jornada
rumo Tudo que você precisa é do
After Effects e de uma mente aberta. Foi assim que comecei minha jornada de design de
movimento. E agora adoro incorporar
movimento e som em meus vídeos de marca e ilustrações
animadas Use essa aula como um
ponto de partida que transformará seu conjunto de habilidades e se
elevará como um designer
versátil Estou muito feliz que você esteja aqui e
estou animada para começar.
2. Visão geral do curso: Estou tão feliz que você tenha decidido
fazer este curso. A razão pela qual optei por fazer essa aula para iniciantes
é porque, honestamente, foi aqui que comecei minha
jornada com design de movimento E eu queria mostrar como
você pode criar algo tão simples,
mas tão impressionante, usando as ferramentas mais básicas. Eu só quero mostrar rapidamente a
estrutura da aula de hoje e
destacar algumas das ferramentas que você aprende no After Effects. A primeira lição
que vamos fazer juntos é
escolher nosso áudio Esse será o nosso
guia principal para a animação. Em seguida, você
configurará seu
arquivo do After Effects que se ajuste à dimensão
de um rolo do Instagram E então você adicionará
camadas de forma usando formas básicas. Hoje vou
usar principalmente linhas de traçado, mas fique à vontade para usar círculos,
quadrados, triângulos ou
retângulos em As quatro lições a seguir adicionarão efeitos de recorte, onda
cônica e
caminho de oscilação onda
cônica e
caminho de oscilação à
sua Transformar um modelador
básico em algo um
pouco mais empolgante. Então, eu também queria
dar uma aula bônus como uma introdução à camada da câmera
para uma aparência mais cinematográfica Sinta-se à vontade para ficar ou pular
a aula, se quiser. Então, finalmente, estamos
terminando com o aprendizado de como
exportar seu arquivo. Então, sem mais delongas,
vamos começar.
3. Escolhendo seu áudio: Meu processo usual para esses tipos de animações é percorrer meu feed do Instagram
e continuar salvando áudio que acho
interessante para mim Pode ser uma batida única
ou uma combinação interessante de sons que eu acho que
combinaria bem com
o uso de formas básicas. Eu tento escolher algo que não
tenha vocais, mas se
tiver, geralmente tem um tom
interessante com bases ou armadilhas ou algo sobre o qual eu possa criar Quando encontro algo de
que gosto, eu o salvo e geralmente
gravo a tela e o salvo
no meu telefone para que eu possa ter o clipe
de áudio exato que desejo e possa criar
minha animação nele. Em seguida, eu o
coloco no meu computador e geralmente o exporto posteriormente no After Effects sem som, modo que, quando eu volto ao Instagram e faço
o upload para o áudio que salvei, ele geralmente corresponde perfeitamente. Mas, para fins desta aula, vou orientar você
exatamente pelo mesmo processo, mas em vez de usar o Instagram
para obter áudio, vou usar um dos meus recursos favoritos
de música
isenta de direitos autorais
para poder compartilhar o áudio com você e criar a
animação nele Então, eu estou aqui no Pixabay
e este é um
dos meus
recursos favoritos para
imagens, vídeos, músicas e efeitos
sonoros Tem recursos muito bons
de alta qualidade e
um link, alguns dos meus favoritos
nos recursos abaixo. Mas, por enquanto, vamos
ficar com o Pixabay. E você quer ir para os efeitos
sonoros, porque
geralmente a música tem vocais, então efeitos sonoros seriam a categoria mais razoável
aqui para esse tipo de aula Então você tem aqui,
você pode escolher por tema e
simplesmente rolar. E o que eu geralmente
gosto é de
ouvir um monte de sons.
Não tenha pressa. Normalmente gosto de encontrar algo
que seja um pouco curto. 159, 10 segundos, 5
segundos, nada muito longo. Assim, não preciso
cortar o áudio, posso simplesmente usar o clipe
inteiro como está. Você pode escolher por tema ou simplesmente continuar rolando aleatoriamente até encontrar
algo que pareça
interessante para você algo que pareça
interessante para E isso é completamente
subjetivo, então não há certo e errado. Você pode simplesmente colocar
sua personalidade nisso e escolher o
que quiser. Eu já comprei
algo que acho que seria adequado
para a aula de hoje, e é um áudio
muito, muito curto, de 4 segundos, e
acho que funcionaria bem com formas básicas e construiria algo
bem simples. Mas, novamente, tem um
pouco de sabor. Então, vamos ouvir isso, ok, o que é.
Basicamente são esses primeiros quatro nós que
funcionam quase como uma escada E então há um grande respingo
vibratório de
uma armadilha no final, o que
achei interessante Pode ser legal
alternar entre as texturas dessas linhas
ascendentes ou descendentes e depois ter uma textura completamente diferente para aquele toque É assim que eu faço isso. Eu encontro muitos áudios
semelhantes a esse no Instagram. Você pode encontrar algo de que goste
no Tiktok. Qualquer aplicativo que você
usar funcionará perfeitamente. Normalmente, esse é o meu processo. Eu acho algo
que é interessante. Tente imaginar isso em sua
mente usando formas básicas. Às vezes, o áudio pode soar
como curvas e círculos. Alguns áudios são um
pouco mais nítidos, então você pode usar quadrados,
linhas, triângulos e
esse tipo Seja criativo com a forma como você pensa em comparação com o áudio. Bem, é basicamente isso. Quando estiver
pronto para começar, basta fazer o download e pronto. Te encontro novamente na próxima
aula e no After Effects. Então pegue seu áudio de onde quer que ele venha e eu te encontro lá.
4. Configurando o arquivo no AE: Tudo bem, então você quer ir em frente e abrir o After Effects, e essa será a
primeira janela que aparecerá. Então você quer clicar
em Novos projetos. E então você
vai para Composição e clica em
Nova composição. Em primeiro lugar, já
queremos colocar as dimensões certas para uma roda
do Instagram. Aqui temos um modelo que
diz retrato de mídia social, perfeito para bobinas
do Instagram, e geralmente tem
1080 por 1920 pixels Só para sua informação, eu já tenho essa configuração
porque faço isso com bastante frequência, então minhas configurações de composição estão sempre definidas para isso de alguma forma. Então, eu geralmente gosto de manter
apenas 30 quadros por segundo e a resolução máxima, mas vamos brincar
com isso mais tarde. Só para não
atrasarmos o arquivo. E então você quer inserir seu código de tempo e
sua duração. O áudio que eu
tinha era de 4 segundos. Vou seguir
em frente e colocar 4 segundos aqui na duração do áudio. Se você está escolhendo algo
do Instagram e leva cerca de 15 segundos ou
16 segundos ou menos,
ou mais, então você só quer cronometrar acordo com o
áudio da lagartixa E você pode nomear sua
composição se quiser, mas vou deixar
assim por enquanto. Estou bem com isso. E eu
vou pressionar OK. Tudo bem, então nesta janela, você tem suas
dimensões prontas para usar. Em primeiro lugar, queremos
importar nosso arquivo de áudio. Um atalho rápido para
fazer isso é o comando I. Você encontrará seu
áudio aqui à esquerda Eu geralmente gosto de
arrastá-lo para baixo. Lá vamos nós. Temos
nossos aparelhos de áudio aqui. Se eu tentar isso
pressionando minha barra de espaço, ela continuará girando. Temos isso aqui como nosso guia. Agora, se eu fosse usar
um áudio do Instagram, por exemplo, colocaria minha gravação de
tela aqui. Eu clicaria em desligar. Se você ver aqui embaixo, você tem o E e
o microfone de som. Se fosse uma gravação de tela, haveria um
vídeo aqui. Normalmente, gosto de desligar
isso e guardar o áudio para
mim como diretriz, que geralmente é meu guia
para toda a animação E então, logo antes de exportar, quando tudo está pronto
e perfeito, eu simplesmente apago o
áudio daqui. E eu colocaria a animação no Instagram e ela deveria corresponder exatamente ao
seu áudio salvo. Assim, você pode fazer isso com qualquer coisa que esteja
carregando em qualquer aplicativo Basicamente, essa é basicamente a
nossa configuração do arquivo. E, claro, antes
de fazer qualquer coisa, certifique-se de comandar S save e apenas salvar o projeto com o
nome que você quiser salvar. Então, eu vou
chamá-lo de Groove Real por enquanto. Isso é para configurar seu arquivo. Vamos para a próxima lição e
começaremos a criar essa animação passo a passo, de
acordo com cada batida.
5. AE: camadas de forma: Tudo bem, então a primeira
coisa que você quer fazer é colocar um pouco de
cor nessa janela. Ok, então vamos apenas
adicionar um plano de fundo aqui. Você vai colocar uma nova camada
de sólido, que é basicamente a cor do seu
plano de fundo. Você pode alterar isso a qualquer momento
durante a animação. Eu vou te mostrar como, mas
eu vou escolher, eu não sei, talvez um rosa. Provavelmente mude isso mais tarde. Se você quiser apenas alterá-la, basta
clicar na camada aqui e ir para Configurações de camada
sólida e clicar na janela de cores. E você pode alterá-lo
a qualquer momento, o que é completamente normal. Depois de ver
toda a animação. Talvez você queira mudar de ideia
o tempo todo. Na verdade, deixe-me mudar isso agora. Talvez eu queira que
seja como um azul. Ok, aí está agora, porque temos cinco batidas
distintas Então, temos os
quatro primeiros que soam
quase como uma escada Ok, então esses são
os quatro. E então você tem o quinto que é um
pouco como um respingo, criando um efeito vibratório O que eu tenho em mente é
que estou imaginando que elas sejam como quatro linhas diferentes ou quatro linhas em
cima umas das outras É como uma escada que está se
acumulando para alguma coisa. Podemos fazer essas linhas, podemos brincar com
elas com suas texturas, podemos afunilá-las,
podemos ondulá-las Vamos fazer com que
pareçam um pouco mais
interessantes do que
apenas linhas sólidas. E então, no final,
veremos como fazer esse grande
respingo vibratório no final Acho que vou usar
traços e linhas nesta animação
para a classe A primeira coisa que você quer
fazer é ir para Layer New e clicar em Shape
Layer. Camada de forma. Qualquer forma que você desenhe
dentro do After Effects, você pode usar um preenchimento ou desenhar como um círculo. Ou você pode mantê-lo
como um traçado aqui e transformá-lo em
um retângulo, se quiser Ou você pode até mesmo
usar a ferramenta caneta, como faria com um ilustrador Você pode alterar aqui
a largura do traçado, daqui
ou abaixo. Mas chegaremos a
isso em um segundo. Ok. Como eu disse, estou
imaginando quatro linhas
umas sobre as outras
aqui ou verticalmente Talvez a vertical seja um
pouco mais interessante pois é assim
que está configurada aqui Vou usar o atalho da minha
ferramenta de caneta, se você quiser. E assim como desenha um traço, assim como você faria com
um ilustrador Então você quer ir até a janela para ver a primeira camada de forma. Você pode alterar facilmente os nomes dessas
camadas pressionando Enter e nomeando-as como linha um Ou por motivos organizacionais, você pode ir até a caixa colorida aqui e
codificar suas camadas por cores. Mas isso é especialmente
útil se houver muitas camadas no arquivo e
na composição. E você só quer
organizá-los em categorias. Talvez eu mantenha as linhas
aqui em laranja só para saber quais são minhas linhas e quais são meu
plano de fundo e áudio. De qualquer forma, vamos
aqui para moldar um, soltar, traçar um É aqui que estamos hoje Desça, tudo bem. Hoje vamos nos concentrar
na largura do traçado. Cor, conicidade e onda. E vamos
até adicionar animação a ela e conferir aqueles
bad boys aqui. Para a largura que você
deseja, vá aqui para largura, e você pode
brincar aqui com a espessura ou a espessura
que deseja que sua linha seja. Mas eu queria ser um
pouco grossa hoje
porque queria
preencher a página inteira
aqui quando adicionasse mais linhas. Então, eu queria ser realmente
vibrante e, você sabe, chamar a atenção, talvez
façamos como um Ok, está tudo bem. Tudo bem, agora eu quero
ouvir o áudio
novamente e ver onde a primeira
batida termina. Ok. Quase,
ok, um milissegundo 20 é onde entra
a segunda batida Ok, então o que eu vou
fazer é pegar minha camada aqui e comandar o comando
C copiar e colar. E eu vou apenas
duplicar minha linha aqui. E então eu vou levar meu cursor até aqui
até o 20º segundo. E eu vou até o
meu teclado aqui e
pressiono a opção de colchete aberto E isso vai para aquela camada para mim, aqui onde
a segunda batida começa. Então, vamos experimentar isso. Mova-o um pouco. Sim, acho que está na hora certa. Veja, você só precisa ir e
voltar e brincar
com os tempos e as camadas
até que a linha apareça
no segundo certo com os tempos e as camadas
até que a linha apareça
no segundo Ok. E eu vou fazer
a mesma coisa as outras duas batidas aqui Está bem? Acabei de mudar algumas linhas,
como suas posições todas sejam
equivalentes em ****** Vamos
ouvir isso e ver
se combina com o áudio,
assim como nossa base aqui. Ok, vou deixar o último toque de uma
batida até o final, porque acho que vamos adicionar uma
textura muito diferente a todas elas, como se estivessem vibrando Mas, por enquanto, estou apenas construindo
como aquela escada aqui. Você vê como minhas camadas estão em sequências e elas são
basicamente cortadas. Assim que a batida
chega à vez deles, é quando a camada é colocada. Ok, estou mais ou menos feliz com o
tempo. Você sempre pode voltar e
ajustar as coisas em um estágio posterior, mas acho que está tudo
bem do jeito que é Essas são nossas camadas de forma. Por enquanto, essa é uma
ótima maneira de criar sua animação, basta
colocar algumas camadas de forma. E então voltaremos
na próxima lição e começaremos
a
adicionar algumas texturas,
afunilamentos, algumas ondas e alguns caminhos de
corte, só para torná-la um
pouco mais emocionante
6. AE: caminhos de corte: Ok, agora acho que quero
adicionar alguns caminhos de acabamento. O que significa trim paths, basicamente, é que a linha
começaria em uma extremidade E como se animasse lentamente
até o fim. Portanto, não aparece
abruptamente como uma linha. Isso também combina com a música. Se você ouvir de certa forma, verá como as batidas se arrastam um pouco, um pouco, então
não é como uma batida abrupta Ela salta um pouco. Esse é o sentimento
que eu quero imitar. Vamos para nossa
linha um aqui, camada. E vamos simplesmente
abrir o menu. Vamos entrar aqui para
Adicionar e clicar na seta. Em seguida,
clicaremos em Trim Paths. Ele vai adicionar um
pequeno menu aqui. Você quer soltar
isso e
ter sua largada e sua compensação Vamos apenas
brincar com o início
e o fim aqui. Neste momento, nosso final está em 100%. Se eu
clicar nele e clicar em zero, é
isso que vai acontecer. A linha desaparece,
porque agora está em 0% O final aqui está em 0% Quero clicar no meu cronômetro aqui só
para adicionar um quadro-chave E então eu vou mover
o cursor um pouco,
digamos, até a próxima linha aparecer. E eu vou
trazê-lo de volta para 100. Viu o que isso fez? Apenas animou a
linha descendo para 100. Vamos ver o que isso parece. Ele se arrasta um
pouco na linha e dá uma sensação melhor à animação, em vez
da presença abrupta Ok, isso é o que eu quero
fazer com o resto das linhas, mas em vez de todas elas virem de
cima para baixo, quero que uma linha
venha de cima para baixo e a outra linha venha de baixo para cima. E isso dará uma aparência
mais interessante do que tê-los todos
simétricos dessa forma Então, vou fechar esse menu e ir
para minha segunda linha. A mesma coisa, você
adicionará caminhos de acabamento. Vá para o seu menu.
Ok, neste caso, em vez de fazer
sua parte cair para 0%, você realmente
vai começar e ir para 100%. Você está invertendo um pouco
os papéis aqui Vou descer até 100
e clicar no meu cronômetro. E então vá até
a próxima linha
aparecer e baixe-a de
volta para zero. Vamos ver o que isso parece. Talvez eu queira mover
os quadros-chave um
pouco antes do início da camada
real, só porque isso dará
uma aparência mais suave Vamos ver o que isso parece. Sim, eu gosto mais disso. Podemos fazer a mesma
coisa com este, basta arrastá-lo um
pouco para a esquerda. Então, isso começa logo
antes da camada aparecer. Portanto, a linha
aparece na moldura e
não está completamente fora da moldura. É apenas um pequeno detalhe
que fará com que as coisas
pareçam um pouco mais suaves Ok, ótimo. E agora vou
repetir isso com as outras duas linhas e ver como são nossos
caminhos de corte Ok, vamos ouvir isso, talvez possamos
prolongar isso um pouco porque acho que
é um pouco tarde aqui. Ok, eu acho que isso
parece bom. Por enquanto. Isso é apenas adicionar mais
um elemento que faz com que pareça um
pouco mais interessante. Acho que estou pronto
para fazer
alguns ajustes nas linhas apenas para dar a elas uma aparência um pouco mais exclusiva do que apenas o espaço em branco Isso é o que faremos
na próxima lição.
7. AE: golpe de conicidade: Ok, então você quer
ir
para a linha um novamente e abrir o
menu , clicar no traçado um e depois afunilar.
Largue isso. Deixe-me arrastar meu
cursor até o final aqui, para que eu possa ver a aparência da linha
inteira. Ok, e então você
pode brincar aqui com o
comprimento inicial ou o comprimento final. Se eu pegar meu comprimento final aqui e arrastá-lo
até 100%, você terá uma borda bem afiada
no final da linha. Então a mesma coisa, se
você aumentar
do comprimento inicial até 100%, você terá uma ponta afiada no
início da linha, porque minha linha está
indo para baixo Neste, eu vou entrar
e mudar o comprimento final. Se jogarmos
isso, parecerá uma linha nítida indo em direção
ao quadro para baixo É isso que a redução gradual faz. Então, vou fazer
a mesma coisa com a linha dois,
mas, ao contrário,
vou fazer o cone subir Ok. Agora vamos dar
uma olhada e ouvir. Ok. Agora, visualmente, isso parece muito melhor do que linhas
simples e antigas Parece um pouco com um padrão de tigre ou zebra lá E eu gosto do contraste
das cores. Eu sempre gosto de usar cores de alto
contraste ou cores
realmente monocromáticas apenas para ter um efeito mais marcante, especialmente quando você está
usando formas básicas Você precisa de um tipo de cor para
ajudá-lo a ampliar as coisas. Estou muito feliz
com o tempo e a textura das linhas até agora. Agora podemos meio que visitar o final vencer aquele com
um grande boom no final. Podemos fazer isso usando ondas apenas para dar a
sensação de vibração,
como a forma como as ondas sonoras se comportam. Como se houvesse
uma grande vibração ou algo parecido com ondas
enormes saindo no final de
, parece um big bang. Eu quero imitar
esse mesmo sentimento. Então, no final, podemos revisitar toda a
animação e adicionar alguns pequenos detalhes
aqui e ali para
torná-la ainda mais interessante,
se sentirmos a necessidade Vamos continuar e fazer
isso na próxima lição.
8. AE: movimento de onda: Ok, então eu quero arrastar meu cursor até aqui
e ver exatamente no meu período de tempo aqui quando esse grande respingo vibratório
no final OK. Então eu acho que isso acontece
por volta do segundo, segundo e 11 milissegundos Sempre podemos
ajustá-lo mais tarde, mas só para dar
uma pequena indicação Sim. OK. A última linha toca
o início
do quadro por volta de 210,
o que é perfeito Porque então podemos
ficar nesse período de tempo aqui e voltar
para a linha um aqui. Você quer ir até, você quer ir até a
largura do traço aqui e parar. Observe aquele quadro-chave lá. Isso é apenas uma indicação de que eu quero que, neste momento, o traço exato e a forma exata que tenho
aqui permaneçam os mesmos. Então, quando o respingo acontecer, vou mover
meu cursor exatamente às 02:11. Quero que meu traçado
seja muito Eu só vou ver
esses quatro agora. Talvez eu chegue
mais tarde e mude isso. Eu só vou colocá-lo em 380. Eu vou descer para
acenar aqui abaixo de Taper. Desça esse menu. Neste momento, a quantidade de onda
nessa linha é zero. Não há ondas.
Deixe-me ampliar um pouco para que possamos
ver um pouco melhor. Ok, se eu arrastar isso para cima, você vê imediatamente que temos
uma onda que você pode controlar, não apenas a quantidade, você pode
controlar o comprimento da onda, quantas ondas existem
nessa porcentagem? Pode ser como ondas realmente estreitas ou
ondas muito largas. Depende apenas do tipo de aparência que estou tentando obter. E tudo isso é como tentativa e erro novamente. Sem
certo e errado. Ok, para o comprimento de onda, eu gosto de 100 só para ter um
pouco de contraste aqui. Talvez eu tenha meu valor em 70. Talvez eu aumente um pouco a largura do meu
traço. Vamos tentar 500. Da mesma forma que observo a largura do
meu traço aqui. Eu quero parar de
assistir também minha onda. Vou até 211 na quantidade da minha onda aqui e vou
parar de assistir isso Então eu vou voltar para 210 e reduzi-lo a zero. Então voltamos ao derrame. Se eu mover meu cursor aqui, tenho meu traçado do jeito
que estava desde o início. E então, cerca de um
milissegundo depois, tenho minha onda e
meu traço mais espesso, que é a armadilha imediata do
respingo vibratório no Então, o que eu quero fazer
é arrastar meu cursor até o final, às 03:20. Vou trazer minha onda de volta
para baixo para que
ela se ajuste ao traçado Isso é o que eu
queria parecer. Eu vou
colocá-lo em zero aqui então. O mesmo acontece com a largura do traçado. Vou simplesmente copiar o mesmo
quadro-chave que eu tinha
no começo e
colá-lo onde meu cursor está, ele está de volta para onde está agora. E vai
lentamente voltar
ao que realmente
era. Vamos ouvir isso. Eu sempre gosto de experimentar coisas. Diminua o zoom, experimente
primeiro em uma camada, veja se funciona. Em seguida, adicione o
resto ao bit. Ao longo
da animação,
gosto de reduzir
minha resolução para metade
ou um terço para que gosto de reduzir
minha resolução para metade
ou um terço para ela seja renderizada mais rapidamente Porque quando você tem
muitas camadas ou muitos detalhes, que não é o caso aqui, mas em geral, é muito mais fácil visualizá-los na
metade da resolução. E ele será
renderizado muito mais rápido na reprodução, em vez de
ser totalmente E, mais tarde, quando estiver completamente pronto
e satisfeito com isso, você poderá visualizá-lo em resolução
total. Ok, vamos
ouvir, ok? Você vê como esse efeito de onda imitou um pouco a
batida da música E é bom como
isso diminui no final
das contas, porque é isso que
o áudio também faz Ok, eu estou bem com isso. Basicamente,
o que fazemos agora é copiar e
colar nossos quadros-chave aqui. Vou até o cursor até
o início,
às 02:10, vou basicamente selecionar
meus
quadros-chave
para a largura do meu traçado E eu vou mandar
ver isso, vá para a linha dois, vá para Stroke Width
e cole isso. Ele fará exatamente a mesma coisa com a camada abaixo. A mesma coisa para a onda. Clique na quantidade da onda. Venha e veja que, se eu
passar o cursor, ele vai
me dar o
mesmo efeito que o anterior. Eu só vou fazer isso
para as outras duas linhas. Está bem? E então pressione em você. Pressione você novamente, para que você possa recolher
todas as suas camadas. E vamos tentar
e ouvir. Ok, isso parece legal. Eu só quero voltar
aqui para essa parte. Ok, estou pensando se seria um pouco
interessante se
jogarmos com o comprimento de onda
aqui para algumas ondas, para que nem todas tenham exatamente
as mesmas ondas. Brinque com as
diferentes texturas, para dar uma aparência mais interessante e
assimétrica Sim, vamos ver o
que isso parece. Vou
colocar isso em 100. Aqui. Pare. Veja isso. Vá para 211 e toque no assunto. Ok, vamos tentar
isso para a linha quatro. Ok, agora vamos
dar uma olhada nisso. Tudo bem, então
eu voltei e mudei o
comprimento de onda também da primeira e da terceira linha,
porque gostei mais
da textura dela do que das ondas extremamente próximas
e comprimidas Isso também é apenas um gosto
pessoal. Você apenas o ajustará
aqui e ali à medida que avança. Vamos
ouvir novamente e ver como
fica. Ok, acho que estamos
em um bom caminho aqui, mas acho que é como perder
alguns toques extras,
um pouco de vavavoum Acho que podemos explorar
algumas coisas aqui e ali na próxima lição
e finalizar esta
9. AE: caminho de movimento e mudança de cor: Tudo bem, para adicionar ainda mais
interesse ao final aqui, a forma como o áudio
atinge essa nota, isso me dá um pequeno efeito
de vibração. Além de entrar em
ondas como essa, parece um
pouco estático para mim. O que eu poderia fazer é adicionar caminhos de
oscilação novamente. Vou para a
linha um e simplesmente colocar meu cursor sobre 211, descer e clicar em Adicionar, depois vou para wiggle paths E faz
exatamente o que parece. Isso vai mudar um pouco o
caminho para mim, acho que você pode
brincar aqui com um tamanho Isso vai te mostrar o
quanto ele vai se mexer. Mas acho que não quero
que seja demais. Você vê como isso meio que distorceu um pouco
as ondas aqui Então, eu queria ser um
pouco sutil. Mas, novamente, para me dar esse
leve efeito de vibração, é gentil quando
você está tirando uma faixa e ela se mexe um
pouco Então, vou
reduzir o tamanho, provavelmente de volta para dez, só para não
distorcer a onda E então talvez eu
aumente os detalhes para cerca de 15 e talvez
mexa por segundo. Eu posso falar um pouco sobre isso. Vamos tentar 30. Por enquanto, você quer parar de
assistir a essas mudanças aqui. Você tem quase três
quadros-chave. E você quer voltar para 210 e trazer todos esses
números de volta para zero. Isso não muda nada. E também quero mudar meus pontos de canto para suave. Na verdade, vamos estender um
pouco
esses quadros-chave aqui para que possamos
ver a diferença. E vamos apertar a
barra de espaço e reproduzir. Ok, então você meio que
vê a oscilação aqui. Vamos reduzir a oscilação
por segundo, talvez 220. Ok, então vamos para o terceiro segundo 1010 e
copiamos nosso primeiro quadro-chave Isso facilita o retorno
ao que era. Vamos ver o que isso parece. Tudo bem, isso é o menor detalhe que eu queria adicionar apenas para dar um pequeno
efeito de
vibração Agora você deseja copiar e colar
todos esses quadros-chave aqui. Comando: coloque o cursor
no início de seus
quadros-chave às 02:10 Feche-o Vá para a próxima linha,
conteúdo, adicione caminhos de oscilação Clique em Tamanho e cole. E vai
colar tudo isso por toda parte e dar o
mesmo efeito ao resto. E vou repetir isso com as outras duas linhas. Ok, agora vamos tentar. Agora, outra coisa que
eu quero fazer só para
deixar as
primeiras quatro notas ainda mais marcantes. Em vez de apenas fazer com uma linha suba de
cima para baixo e a segunda linha vá de
baixo para cima aqui. Também podemos usar
a cor a nosso favor. Lembra quando eu disse que
gosto de usar cores realmente contrastantes para dar
aquele efeito marcante Podemos ir ainda mais longe
com cada nota que toca, podemos adicionar uma
cor de fundo amarela e um traço azul. Ele muda de amarelo para azul, de amarelo para azul,
de amarelo para azul. Com cada nota marcante aqui. Isso só vai
dar um pouco
mais de contraste em
termos de cor e realmente enfatizar aquela
batida que continua batendo Vamos tentar fazer isso, e eu vou te mostrar
exatamente o que quero dizer. Agora mesmo. Meu
plano de fundo é azul. Vou
mantê-lo assim para
a primeira nota, mas aqui, logo quando a
segunda linha aparecer, quero adicionar um
fundo amarelo aqui. Com meu seletor de cores, posso simplesmente escolher o tom
exato de amarelo Clique. Ok, vou apenas cortar minha opção de
fundo amarelo Suporte aberto.
Começa nesse ponto. E eu só quero
esconder isso por enquanto. E então eu vou
duplicar minha linha aqui, minha cor de traçado aqui Eu só vou duplicá-lo. Vou
chamá-la de linha um azul. E podemos até
mudar a cor aqui para não nos confundirmos. Eu também vou cortar
essa camada até aqui. Então eu vou
mudar meu derrame aqui. Vá para Traçar no conta-gotas e clique no
azul do fundo E então a mesma coisa
com a linha dois. Se quiser duplicar isso, mude seu traçado
para a cor azul Você deseja cortar essas
novas camadas até a segunda ou a
terceira nota que vem na opção fechar colchetes para cortar outro lado, se revelarmos o conta-gotas
para o fundo amarelo, você verá essa diferença O que acabei de fazer lá, você está apenas duplicando
o traçado sobre o traçado e o fundo
sobre o fundo, mas está apenas
mudando a cor e cortando na nota Vamos dar uma chance e
ver o que parece. Ok, então você vê como a mudança
de cor aqui realmente enfatizou um
pouco mais o áudio e deu a
ele um efeito impressionante Em vez de serem apenas linhas. É como
aplicativos muito simples que podem realmente enviar uma animação muito
simples combinada com o áudio. Ok, agora queremos
fazer a mesma coisa. A segunda
nota azul amarela era azul sobre amarelo. O amarelo sobre azul. Então, na última nota, quero alterá-la
novamente para azul sobre amarelo. E então, para o mergulho, vou deixar como está Isso continua mudando
para frente e para trás. Ok, então eu adicionei minhas outras camadas de
cores contrastantes para o traçado no
plano de fundo, e vamos ver
como fica Ok, estou muito feliz
com as texturas
e as mudanças de cor que fizemos Agora, o último toque
que quero acrescentar é que, à medida que as ondas voltam
à forma de antes,
eu só quero que os traços se afinem ou se tornem
nada no final e
fiquemos com o
fundo azul no final Novamente, isso é
super, super simples. Vamos até
o último segundo, acho que aqui 320. Quando os traços
voltarem à forma original e voltarmos
à nossa confiável linha Em seguida, queremos ir para o traço
um e a largura do traço já aqui, meu quadro-chave está colocado
neste período de tempo em 29. Tudo o que eu quero fazer é
arrastar meu cursor até o final da animação e
baixá-la para zero. Simplesmente vai se transformar em
nada. Se eu fizer isso, simplesmente
vai desaparecer. É apenas um
final mais suave e não estático. E é ótimo porque, quando
a animação é repetida novamente, ela começa em um
fundo azul e termina
em um fundo azul Então, é um
pouco mais suave como um Jeff ou Sim, vou
adicionar
o resto dos quadros-chave
para a largura do traçado, para
o resto das linhas. Tudo bem Vamos fazer isso. Sim, isso parece
muito mais suave para mim. Ok. Eu realmente
gostei muito de como isso acabou. Sim, pode ser tão simples quanto isso ou tão complicado
quanto você quiser. Você pode começar aqui
e depois
desenvolvê-lo à medida que se sentir
mais confortável brincando com as
ferramentas e conhecendo alguns dos
efeitos desse programa. Na maior parte do tempo, terminamos. Na próxima lição,
mostrarei como finalizar seu arquivo e
prepará-lo para o Instagram
10. Bônus: câmera: Ok, antes de exportar, pensei em dar uma aula bônus se você
quiser se aprofundar um pouco e aprender uma ferramenta extra no After Effects que quase
produzirá um
efeito cinematográfico Gosto de usar essa ferramenta
apenas para criar animações muito simples e isso realmente
faz a diferença É tudo uma questão de adicionar esses ajustes
extras aqui e ali. Algo em que pensei
porque se encaixa nessa batida dessas linhas de
entrada. Achei que poderia
adicionar um ângulo de câmera e ampliar as primeiras
duas ou três linhas. E a câmera aumentava o zoom
na primeira linha aqui e descia com ela. E então
vá em direção
à segunda linha, suba com ela e
a terceira linha, e então ela simplesmente
cortará o quadro inteiro. Aqui você pode ver as quatro linhas juntas antes
que elas se mexam no final Essa é apenas uma etapa extra. Definitivamente, não precisa fazer
isso se não quiser. Mas é um efeito interessante
para um visual cinematográfico. Eu só vou te
mostrar como eu faço isso. É muito fácil, muito simples simples
adicionar uma camada de câmera. Primeiro, você precisa converter
suas camadas ativas em três D. Se você
entrar aqui nesta janela de
composição, encontrará uma
pequena caixa de três D Se você passar o mouse sobre ele,
ele dirá três camadas D. Quero que todas as minhas linhas,
não meu plano de fundo, porque isso não vai passar para três
D. Vou clicar na caixa vazia abaixo três camadas D e
marcar todas aquelas
que você deseja que sejam três D. Então vou passar
para a camada e adicionar um objeto nulo Eu adicionei minha camada nula aqui e
vou torná-la três D. Então eu vou
voltar para a câmera Vou selecionar a câmera
de dois nós. Em seguida, vou até os
pais e coloco o link aqui. E selecione e
segure o pai, aperte o ícone em espiral
enquanto o arrasta,
ele criará uma linha Você deve simplesmente arrastá-lo
até o nome do título aqui, nulo até que ele passe o mouse e fique acinzentado e
depois solte Você verá
que, ao lado da câmera, ela será vinculada
aqui a um nulo três, ali mesmo. É isso mesmo. Basta
clicar para ver a posição na camada nula e
é isso que vamos manipular
principalmente. O primeiro conjunto de
números aqui é o eixo x
e o do meio é o eixo y, para cima e para baixo E o terceiro é o eixo z. Então, vou
arrastar meu cursor aqui, onde a linha 1 começa. E eu quero realmente
ampliar isso, exatamente
na dica aqui. E eu quero que a câmera
se mova para baixo com ela para que possamos começar a ampliar Ok, então eu estou apenas brincando com o ângulo, porque
quando eu quero ampliar, eu quero que a outra
linha ao lado dela também apareça quando ela aparecer. Então, acho que
ficará melhor quando as duas linhas
aparecerem ao mesmo tempo. Então eu acho que esse é um bom ângulo e vou parar, assista aqui, para
dizer à minha câmera que é
aqui que eu quero começar
o zoom. Tudo bem? E então, à medida que a linha
se move para baixo, quero que a câmera também
se mova para baixo com ela Então, com meu eixo y, eu vou simplesmente descer. Ok, então
vamos tentar. Ok, esse é exatamente
o efeito que eu queria, então você meio que gosta de ampliar
e se mover com ele. Está bem? Agora, quando a outra
linha começa aqui, eu vou parar. Veja isso. Então, à medida que sobe, eu quero subir
também com meu eixo y. OK. Depois de ajustar
um pouco, acho que gosto
mais de dar um zoom nas duas linhas E então, quando atinge a linha
três, a terceira linha aqui, eu simplesmente corto o ângulo da câmera
e o objeto nulo e ele imediatamente diminui o zoom
na batida Isso não interrompe o movimento as linhas
ou
as mudanças de cor Se fosse
um áudio mais suave, você pode se mover pela câmera sem problemas se ela se encaixar no Mas acho que, nesse caso, as duas
primeiras linhas do
movimento pareciam melhores. Em seguida, cortá-lo
completamente e reduzir o
zoom para o quadro inteiro ajustam melhor
o áudio Vamos
ouvir e ver se adicionar o ângulo da câmera é
um efeito mais cinematográfico Acho que gosto muito mais. Assim, acrescenta outro
nível de interesse. Em vez de ver todas as
linhas juntas em um quadro, é melhor começar
com um zoom e
curtir duas linhas primeiro e depois
ver todas elas se juntando duas linhas primeiro e depois
ver todas elas Acho que estou feliz com
o resultado final. Estamos prontos para ir, estamos prontos para finalmente.
11. Como exportar: Ok, depois de ficar satisfeito com o rolo de animação e
sentir que está pronto para começar, verifique se a resolução
está completa novamente Se você já brincou com isso e, claro, com o
comando e
deseja acessar a exportação de arquivos e adicioná-los ao Adobe
Media Encoder, Q. Isso só
abrirá o aplicativo de codificação de mídia Ok, sua animação deve
aparecer aqui
nesta janela e terá um status
abaixo dela, pronta E você pode clicar na saída para
onde ela vai, colocá-la
automaticamente em uma pasta aqui e você pode escolher
onde quer que ela esteja. Depois, você pode
nomear seu arquivo e salvá-lo. Quando tudo estiver
pronto, basta pressionar Enter. E então, quando estiver pronto
, dirá feito aqui. Aí está. É
bom usar o Instagram.
12. PROJETO DO CURSO : Como mencionei, no início, eu queria manter esse exercício
super curto e simples. Portanto, se você é novo nisso,
isso não o intimida,
mas, ao mesmo tempo,
não o limita Essa é a razão pela qual eu
adoro design de movimento com formas
básicas, porque é
realmente para todos. Se você não
gosta muito de ilustrar, esse é o começo perfeito para
sua jornada de design de movimento Espero que você esteja animado para
experimentar você mesmo também. Para seus projetos de classe, você pode usar exatamente o
mesmo áudio que eu usei. Vou vinculá-lo aos recursos para que você possa prosseguir e
baixar o arquivo de áudio. Sinta-se à
vontade para usar
diferentes formas, cores, qualquer coisa para personalizá-la ou você pode acessar feed de refeições do Instagram e
percorrer e encontrar
um áudio de que goste, salvá-lo, exibi-lo, gravá-lo e usar esse arquivo como áudio no After Effects a
partir desse momento. É exatamente o mesmo processo. Quando terminar de exportar cabeçalho do arquivo para o
Vimeo ou Youtube, envie seu vídeo para lá, copie o Lincoln e cole aqui na seção do
projeto da classe E não se esqueça de fazer uma
captura de tela do seu vídeo para que ele possa ser sua imagem de capa
aqui nos projetos da aula Claro que nem é
preciso dizer,
por favor, poste no Instagram
e me marque, compartilhe comigo. Eu adoraria ver isso. E
se você tiver alguma dúvida, não
hesite em me
perguntar. Estou sempre aqui.
13. Agradecimento: Muito obrigado por
fazer este curso. Espero que você tenha achado isso divertido,
útil ou interessante. E, por favor, deixe-me
um comentário abaixo. Eu realmente agradeceria
, pois ajuda outros alunos a
saberem o que esperar desta aula. Se você acha que está pronto
para aprimorar suas
animações em um ambiente mais avançado
e real, vá para
minha videoaula de marca,
onde eu me aprofundo na animação de um logotipo e
de uma Obrigado novamente e nos
vemos na próxima.
Khadija El Sharawy, Independent Designer & Art Director
