Transcrições
1. Apresentação: Olá, sou Hong Chu e sou designer de
movimento no Canadá. Eu estaria animando profissionalmente no Adobe
After Effects
há oito anos. Trabalhei em agências de
publicidade para clientes como Adidas, PayPal, Walmart e muitos outros. [MÚSICA] Hoje vou
ensinar como
animar um vídeo de introdução do
tipo cinético avançado no After Effects, do storyboard
à animação final. vídeo do tipo cinético é tipo
muito comum e popular
de vídeo gráfico em movimento. É uma parte essencial dos gráficos em
movimento que
ajudará você a entender como
trabalhar com tipografia e como usar tipografia para contar a história
da sua marca de forma criativa. Depois de entender
como animar vídeos do tipo
cinético
no After Effects, você será um animador mais polido e comercializável em relação aos
seus concorrentes e poderá criar diversão.
projetos por conta própria. Também é um ponto de
partida sólido para aprimorar suas
habilidades gráficas em movimento e
prepará-lo para animações mais
complexas, bem
como para oportunidades
futuras empolgantes. Neste curso,
mostrarei tudo o que
você precisa saber para
animar um vídeo curto, mas do melhor tipo cinético. Mostrarei o fluxo de trabalho profissional completo
e completo da preparação de seu storyboard no
Adobe Photoshop. Como configurar seu arquivo do
After Effects para animação. Fluxo de trabalho perfeito e
profissional entre o Photoshop
e o After Effects Animação avançada
usando editores gráficos para transições suaves e
sedosas
e movimentos realistas. Efeitos especiais populares e mais
empolgantes para vídeos do tipo cinético. Técnicas avançadas
para aprimorar seu vídeo com
elementos secundários e falhas. Como animar
com controle total. simples e
eficaz de criar animações
complexas com o
mínimo de quadros-chave possível. Toneladas de
atalhos de teclado, dicas de fluxo e truques que eu uso o
tempo todo no meu trabalho
profissional diário. Para o projeto da aula, você aplicará
as habilidades e técnicas aprendidas
nesta aula para criar seu próprio vídeo cinético
animado de 15 segundos. Eu já forneci o
storyboard que usamos na aula, mas você pode personalizá-lo e criar
seu próprio design. Faça algo de que você
realmente se orgulhe. Essa aula é para alguém que já
fez algum nível de animação antes e se
sente confortável usando o software. Não explicaremos como o
programa funciona, mas concentraremos nas coisas
avançadas de como você pode animar
como profissional. Se você
quer melhorar
suas habilidades
gráficas em movimento e adicionar
técnicas avançadas de animação ao seu conjunto de habilidades, esta aula é para você. Para ser honesto, essa
aula é bem difícil. Se você não está familiarizado
com o After Effects e não fez nenhuma animação do
After Effects antes, recomendo que você confira
minhas outras aulas para iniciantes para se familiarizar com o software antes de começar. este. Os conceitos e
técnicas que
aprenderemos neste curso
serão facilmente traduzidos para qualquer
tipo de projeto e aumentarão seu nível para
se tornar um animador melhor. Além de apenas criar seu vídeo
final do tipo cinético, você também desenvolverá uma visão
maior narração
visual e expandirá
seus vocabulários de animação. Isso treinará seus
olhos para se tornarem do tamanho de um
animador e
fornecerá uma
maneira totalmente nova de ver a
animação no storyboard
no futuro. Espero que você se
divirta muito aprendendo e animando. vejo na aula.
2. Projeto: [MÚSICA] Bem-vindo à aula. Antes de começarmos, quero
falar sobre o projeto da turma. Para o projeto da classe, você estará animando seu próprio vídeo cinético de 15 segundos com base no
storyboard fornecido. Vou guiá-lo por todo
o processo de como personalizar e criar seu próprio storyboard até
a animação final. Em primeiro lugar, quero que
você leia a descrição
do projeto conforme listado em detalhes,
as etapas que você precisa seguir para
concluir o projeto. Familiarize-se com o que
vamos animar. Vou levar você em uma jornada
para criar um
vídeo empolgante e
avançado do tipo cinético do zero. Enquanto você está fazendo o curso
e trabalhando em seu projeto, encorajo você a compartilhar
comigo o vídeo final no painel
do projeto para que eu possa
fornecer feedback personalizado. Um
vídeo cinético de 15 segundos não é um projeto fácil, especialmente se for a
primeira vez que você faz isso. Haverá lutas
e dores, confie em mim. Seu cérebro pode até doer um pouco, mas, assim
como aprender qualquer coisa, faz parte do
processo e estou aqui para ajudá-lo a
tirar o máximo proveito
deste curso e responder qualquer pergunta e clareza. quaisquer
obstáculos ao longo do caminho. Se você passar por isso
e concluir seu projeto, aprenderá muito e será um animador muito melhor em
poucas semanas. Depois de me seguir e
concluir este projeto, você terá uma ideia de qual é
o processo completo para criar um vídeo do tipo cinético e muitas das técnicas
avançadas, do processo e
do fluxo de trabalho, e as técnicas de animação
que ensinamos nesta aula são aplicáveis a qualquer trabalho gráfico em
movimento. Isso o ajudará a ficar à frente
do jogo e lhe dará a confiança necessária
para qualquer trabalho futuro com o cliente. Além disso, no final, você terá um
vídeo cinético
avançado completo e empolgante para colocar em seu rolo de demonstração, que
você poderá apresentar a cliente
em potencial e
começar a trabalhar imediatamente. É isso com o projeto de classe. Nos vemos na primeira aula.
3. Storyboard: [MÚSICA] Nesta aula, vamos
falar sobre o storyboard
para animá-lo no Adobe After Effects, precisamos ter algo no Photoshop preparado
para a animação, que é o storyboard. Eu já tenho meu arquivo de
storyboard na configuração do Photoshop
aqui, como você pode ver. No momento, estou
neste storyboard.psd, que é um arquivo do Photoshop. Então, no painel de camadas, você pode ver que eu tenho o Quadro
1 até o Quadro 10. Se eu ativar o ícone do olho, você pode ver enquanto eu
percorro as diferentes
molduras que temos. Então, esses são nossos roteiros. São muito simples
e diretos. Se eu abrir o Quadro 1 e depois esconder todas essas camadas
diferentes acima dele, você pode ver que eu só tenho uma camada de texto como plano de
fundo e, em seguida, há uma camada de
texto principal que é animação e então obtivemos um fundo
quase preto. Somente três camadas
no Quadro 1. Então, se eu for para o Quadro
2, ao abri-lo, tenho um texto de animação delineado e, em seguida, um em
roxo no meio, e o outro na parte superior, que também está delineado, quatro camadas no Quadro 2. Eles são muito simples
e diretos. Depois de configurar essas configurações, posso trazer esse arquivo
storyboard.psd para o
After Effects para animar todas
essas topografias diferentes. Se eu for para a pasta, posso abrir o storyboard.png. Então você pode ver aqui, este é o nosso storyboard completo, de 1 a 10. É
o que parece. Você quase pode ver que
há algum movimento e podemos aplicar muitos efeitos
diferentes e
movimentos de animação
diferentes à topografia para ter um vídeo de introdução do
tipo cinético. Outra coisa que
quero mencionar
neste vídeo é que,
se você quiser alterar e personalizar
seu próprio vídeo de introdução, você também pode ir para camadas
diferentes e alterar
o texto
dentro da camada. Se você não quiser que a primeira
palavra seja lida como animação, você pode realmente fazer isso. Talvez você possa colocar uma
introdução esportiva, algo assim. Você pode personalizá-lo
com base em suas próprias necessidades e criar
sua própria animação, seu próprio vídeo de introdução. Mas, por enquanto, vamos
mantê-lo como animação. Então, também em termos de cor, você também pode alterar
a cor, se quiser. Digamos que se formos para o
Quadro 4 e depois
tivermos esse fundo, ON, e depois tivermos o da frente, que é roxo, se você quiser fazer um
verde, você pode fazer isso. Você pode alterar o tema para
uma cor verde, se quiser, ou você pode alterar o
tema para a cor laranja. Depende da
cor que você gosta. Na verdade, você pode
personalizar o storyboard sua cor favorita com sua cor favorita
e criar
seu próprio storyboard. No final, teremos
algo parecido com
isso , do Quadro
1 ao Quadro 10. Ele mostrará aproximadamente o que
vamos animar em cada quadro
e, para este, durará cerca de 15 segundos. É isso no storyboard. No próximo vídeo, vamos
entrar no After Effects e criar um arquivo de animação.
4. Configuração do arquivo: [MÚSICA] Neste vídeo, deixe-me mostrar como
configurar o
arquivo After Effects com o storyboard que tínhamos. Agora, vamos abrir o After Effects. Este é o painel quando
abrimos o After Effects. No centro aqui,
você pode
clicar nessa nova composição. Em seguida, chamarei essa
de composição principal, Main Comp, que é a principal área
de trabalho da nossa animação. Para a largura e a altura, vou mantê-lo 1920 por 1080 e depois
deixá-lo com pixels quadrados. Para a taxa de quadros, na verdade,
farei 30 quadros por segundo. Em seguida, a duração, vou
dar uma duração de 15 segundos. Cor de fundo,
mantenha-a em preto. Clique, tudo bem. Agora temos uma
configuração de composição principal no After Effects. A próxima coisa que eu quero fazer é
importar o arquivo do Photoshop. Na verdade, podemos clicar duas vezes nessa área do projeto e, em seguida,
navegar até nosso storyboard. Vou até o storyboard PSD, que é o arquivo do Photoshop, e depois importo, pois
tentarei fazer com que a composição
retenha os tamanhos das camadas. Certifique-se de não clicar
nessa sequência do Photoshop. Porque se você
clicar neste, será
difícil para você
mais tarde. Isso só é usado quando você
está criando uma sequência. Por 95 ou 99 por cento
do tempo, não precisaremos dele, então
certifique-se de não clicar neste e depois clicar em Abrir. Ele está me perguntando se eu quero manter
a camada editável e
, em seguida, clico em OK. Como você pode ver no painel do
projeto aqui, eu tenho uma
pré-composição do storyboard e, em seguida, uma pasta que contém
todas as camadas do Photoshop. A forma como eu quero organizar esse painel de projeto é criar uma pasta, antes de tudo, chamar
00 _Render_Comp. Isso vai estar sempre
no topo, já que eu coloquei
00 na frente. Vou colocar essa composição principal
na composição de renderização, então essa composição principal será
a área de trabalho. Além disso, quando terminarmos
a animação,
renderizaremos essa composição principal, que é uma composição de renderização. A próxima pasta que eu
quero criar como uma pasta de ativos chamada ativos. Em seguida, soltarei essas camadas
do storyboard, essa pasta, nos ativos, que é a pasta de ativos. próximo que eu quero
criar é um Precomps. A pasta de pré-composições hospedará toda a pré-composição que temos. Se você quiser, ainda podemos fazer uma pasta de músicas ou músicas
e filmagens, se quiser. Mas, por enquanto, acho que essas quatro pastas são as que
queremos manter agora. Ele pode manter nosso painel de
projetos bem organizado para
nos ajudar mais tarde. Vamos navegar até
a pasta de pré-composições e, em seguida, acessar o storyboard,
clicar duas vezes nele. Você pode ver aqui
que temos de um a 10 quadros em cada composição
individual. Cada composição terá todas as nossas camadas
do Photoshop dentro dessa composição. Se eu voltar, vá para o
Quadro 2 e depois obteremos todas as nossas diferentes camadas. Então, se verificarmos o Quadro 3, obteremos todas essas camadas
diferentes. O que eu quero fazer
agora é voltar para a composição
do storyboard
e, em seguida, selecionar de 1 a 10, clicar no Quadro 10, manter pressionada a tecla Shift e
clicar no Quadro 1, selecionar todos eles. Comando C, copie-o
e, em seguida, volte para o comando principal do
comp V, cole-o. Agora, dentro da área de trabalho, que é nossa composição principal, temos do Quadro 1 até
o Quadro 10. Esse
será o lugar onde vamos animar nosso vídeo do tipo
cinético. É isso aí com a forma de
configurar nosso arquivo After Effects. No próximo vídeo, podemos começar a animar
o primeiro quadro.
5. Comece a animação: Nesta aula, vamos começar a
animar o primeiro quadro. Vamos navegar até a primeira camada de
quadro aqui na linha do tempo e a
primeira coisa que eu quero fazer é espaçá-las
um pouco, espaçar todas essas molduras
diferentes e, todas essas molduras
diferentes e seguida, ter tudo virado
com o ícone do olho. Digamos que se eu quiser que cada quadro
dure por um segundo, basta arrastar essas camadas
diferentes e depois escaloná-las, deslocá-las por um segundo cada. Agora, se eu apertar o botão play, você pode ver que
serão apenas
quadros estáticos cortando para o
próximo após o outro. Essa é a nossa
diferença impressionante agora. Esse primeiro, vamos
animar o primeiro quadro. Para animar o primeiro quadro, vamos entrar na composição do
Quadro 1 clicar duas vezes nele.
Eu quero ampliar. Se eu aumentar o zoom,
quase posso ver que há
um contorno roxo de fundo
por trás do meu texto de animação. Acho que agora,
está na frente. Vou deixá-la embaixo dela. Em primeiro lugar, quero
convertê-los em texto editável. Posso clicar no primeiro, clicar com o botão direito do mouse e depois criar, converter em texto editável. Vai
transformar a camada
do Photoshop em uma área de texto ao vivo, e agora podemos realmente mudar o texto para o que quisermos, mas vamos mantê-lo como
animação por enquanto. Este, a mesma coisa, clique com o botão direito do mouse e
depois vá para criar, converter em texto editável. Para o plano de fundo, vou
deixar assim. Isso é ótimo. Então agora eu só preciso animar
esse texto de animação aqui. Deixe-me ampliar um pouco. Posso clicar aqui para
ajustá-lo à área de visualização. No momento, você pode
ver que o ponto
de ancoragem não
está no centro dessa camada, então eu preciso
colocá-lo no centro. Para fazer isso, posso acessar
esta ferramenta por trás da caneta, manter pressionada a tecla Command, clicar duas vezes nela
e, em seguida, ela mudará
o ponto de ancoragem para o centro da minha camada. Isso é o que eu quero. A animação que eu
gostaria de fazer é, antes de tudo,
fazer uma mudança de escala. Vamos pressionar S no teclado
e, em seguida, avançar
talvez 15 quadros, 1, 2, 3, 4, 5. Estou usando o atalho. Você pode ver no canto
esquerdo aqui, apertar o cronômetro, adicionar um quadro-chave e depois voltar
para zero segundos. Vamos mudar isso para zero. Em seguida, podemos
facilmente apagar a tecla de função F9 para facilitar os quadros-chave
e acessar o editor gráfico. Vamos tentar uma curva como essa
para facilitar a entrada , então é assim. Sinto que está um pouco lento, então quero aproximar os
dois quadros-chave fazer com que sejam 10 quadros. Essa é a primeira
animação que temos. Já tem um pouco de energia. Isso é bom. Agora eu só preciso duplicar essa camada Comando D, Comando D, duas vezes e depois pressionar
P no teclado, colocar um quadro-chave de posição
e, em seguida, avançar 10 quadros. Traga isso para cima
e, em seguida, traga este para baixo. Vamos facilitar isso. Vá para o editor gráfico. Outra forma de apagar facilmente um
quadro-chave é clicar com o botão direito do mouse e, em seguida, ir para o
assistente de quadro-chave, com facilidade. Estou usando o atalho. O atalho é F9. Estou pressionando
a tecla de função e depois F9 no teclado. Você pode ver o atalho aqui
, diz F9. É a mesma coisa. Vá para o editor gráfico. Eu quero fazer um gráfico de
atenuação aqui. Outra coisa é ter
certeza de que você está
no gráfico de velocidade em vez
do gráfico de valores. Você pode clicar no
segundo botão aqui e depois mudar o
gráfico para o gráfico de velocidade e agora você pode ver
algo semelhante ao que temos aqui. Se eu clicar neste botão aqui, ele diz Ajustar todos os gráficos para visualizar. Vai ajustar esse
gráfico à exibição aqui e torná-lo maior para que seja mais fácil arrastar a alça. Este é um gráfico que
temos para obter essa animação aqui. Isso é bom. Essa é a primeira animação
do nosso texto aqui. Depois disso, quero aumentar
o texto do meio e depois aumentá-lo até o e, em seguida, transformar esses dois de cima e de baixo em um contorno. A maneira de fazer isso é depois de
termos esse movimento aqui, eu quero ir para o
meio e depois
ter certeza de voltar para
a ferramenta de seleção. Já temos a propriedade de
escala aqui. Certifique-se de pressionar um quadro-chave
aqui e, em seguida,
avance talvez alguns
segundos, aumente-o. Sim. Algo
assim funcionaria. Em seguida, faremos com que essas duas
camadas sejam alteradas para contornar. A maneira de fazer isso
é duplicar essas duas camadas e também
cortá-las neste momento. A maneira de fazer isso
é Command Shift D e agora você pode ver que eu
tenho duas camadas diferentes. Isso é exatamente o mesmo que os dois
primeiros selecionados. No entanto, eles são cortados em
20 quadros aqui. Essas são duas camadas
separadas agora. Essa camada 1, Animação 5, é a mesma da
animação 3 aqui. Basicamente, eu
dupliquei a camada e também a cortei nesse ponto. Agora eu só preciso transformar
esses dois em contornos. A maneira de fazer isso
é muito simples. Basta ir ao painel de
caracteres aqui
e, se você não tiver um painel de
caracteres, vá para o Windows e selecione o
painel de caracteres aqui
e, em seguida, basta clicar nessa
troca, preenchimento e traçado. Isso transformará nosso texto de
animação em um esboço. Se eu vou reproduzir a animação, isso é o que parece. No entanto, quando cresce, ele se sobrepõe ao texto do
meu esboço. Neste ponto, eu ainda
quero que o texto talvez se
afaste um pouco mais desse texto
no centro, então há um corte neste
ponto aqui. Essa é a animação que gostamos e depois vamos voltar
à composição principal. Vamos ver a animação. Algo assim, no entanto, ainda
me falta alguma coisa. Aqui eu quero
adicionar duas camadas sólidas. Vá para a camada, novo. E então sólido. Quero que essa animação
tenha uma aparência recortada em vez de uma transição suave
ou um aumento de escala suave. Eu quero que seja cortado,
então, basicamente, como falhas
na tipografia cinética. Quero ir até
esse seletor de cores e depois alterá-lo para a cor azul escuro do plano de
fundo. Certifique-se de que essa seja
a falha, talvez. Clique em “Ok”
e, em seguida, corte-o em dois quadros. Pressione o colchete esquerdo e
, em seguida, avance um quadro Comande a seta direita
e use a opção
colchete direito para cortá-lo. Basicamente, essa camada dura
apenas dois quadros. Um, dois, serão nossos cortes. Vou colocar um aqui, outro aqui e depois duplicá-lo. Vou colocar talvez um aqui, e depois,
vejamos, um aqui. Esse é o estilo que temos. Há quase um flash
da cor de fundo como recorte entre
a animação, então a animação
não é muito suave. Vamos voltar à composição
principal e ver como ela se parece. Sim. Acho que isso funciona e é assim que
animamos o Quadro 1.
6. Camadas de nulo e corte: [MÚSICA] Nesta lição,
vamos animar o Quadro 2. Já temos a animação do
Quadro 1. Podemos dar uma olhada aqui. Esta é a nossa
animação do Quadro 1 e, no
momento , temos o Quadro 2 cortado em torno desses cinco quadros de
um segundo. Podemos ir para a
composição do Quadro 2, clicar duas vezes nela. Em primeiro lugar, para
animar o Quadro 2, quero transformar essas três
camadas em texto editável. Selecione todas as três camadas, clique com o botão direito do mouse em Criar, converta em texto editável. Agora precisamos mudar o ponto de ancoragem para o
centro dessas três camadas. Para fazer isso,
mantenha pressionada a tecla “Command
” no teclado. Clique duas vezes nesta ferramenta
Pen Behind. Agora você pode ver que todas as três camadas têm o
ponto de ancoragem no centro. Para animar essas camadas, o que eu quero fazer é primeiro duplicar
essas três camadas, Comando D, e então talvez eu possa alterá-las para uma cor de
nível diferente, digamos vermelho. Eu posso desligar essas três
primeiras camadas. Quero transformar a palavra em
movimento em vez de animação. Então eu também quero
duplicar essa camada novamente. Coloque mais um movimento em cima. Em seguida, duplique este novamente, coloque mais um na parte inferior. Duplique novamente, coloque mais
um aqui. Agora eu tenho seis camadas
com texto em movimento. Então eu tenho três
camadas com animação. Para animar essas camadas. Eu quero mover
este até o fim. Ative essas animações novamente. Agora eu quero mover isso para cima. Agora eu quero controlar
a propriedade de posição de todas essas camadas com
um objeto nulo, vá para Camada Nova e
depois Sem Objetos. Certifique-se de que tudo seja
parenteado como nulo. Em seguida, coloque a tecla no teclado. Eu posso animar os objetos nulos. Quando tivermos a propriedade position, podemos clicar com o botão direito do mouse em
Separar Dimensões pois estamos apenas
animando a posição y, podemos separar a dimensão apenas animando na posição Y. Clique no cronômetro para adicionar um
quadro-chave e, em seguida, avance, talvez 10 quadros,
11, 12, 13 quadros. Mova-o para baixo assim e depois avance e talvez
outros cinco quadros. Faça com que o imposto de movimento seja
liquidado no centro. Algo parecido. Em seguida, preciso selecionar todos os três quadros-chave. Clique com o botão direito em Keyframe
Assistant, Easy Vá para o Editor de gráficos. Verifique se você está
no gráfico de valores em vez do
gráfico de velocidade desta vez, clique neste ícone e
depois clique em Gráfico de valor. Quinto gráfico a ser visualizado. Tudo o que eu quero fazer é arrastar essas alças para
dar um pouco mais de energia. Algo parecido. Se eu visualizar a animação, isso é o que ela
parece. Isso é bom. Se eu voltar para a composição
principal, vamos visualizar
tudo do Quadro 1 ao
Quadro 2, viu isso? Isso é bom. Temos
essa animação aqui. Talvez queiramos ficar
nessa moldura um pouco mais. Eu posso mover tudo,
talvez dois quadros. Tem um suporte de dois
quadros. Isso é bom. Agora temos essa moção aqui. A próxima coisa que eu quero
fazer é ter certeza de que esse movimento marca
o roxo está viajando para baixo até esta linha aqui e depois para esta linha
aqui e depois voltar para cima. Quero que esse texto em movimento
viaje para baixo e
volte para o centro. Para fazer isso,
então, a partir daqui, encontre
esse movimento roxo. O que pode chamá-lo
de Motion Purple. Então podemos cortá-lo
nesta moldura aqui. Comande Shift D, mova-o para baixo
e, em seguida, avance
quatro quadros, 1 ,
2, 3, 4 e corte-o novamente. Comando D. Mova-o para baixo. Vá em frente, quatro quadros. Corte novamente, mova de volta para cima. Avance quatro quadros, 1, 2, 3 ,
4 e depois corte novamente. Vá até aqui. Vamos ver
a animação aqui. Você pode ver que nosso
imposto de movimento roxo está viajando por aqui. Acho que está faltando
um quadro aqui. Eu só preciso mover esses, talvez por dois quadros e depois estender esse por
dois quadros. Temos movimento, desça, suba. Sim. É disso que gostamos. Você pode ver agora que eu
não estou animando nada. Estou apenas cortando
as camadas para fazer com que os textos em movimento
passem por posições diferentes, e cada uma
dura quatro quadros. Agora temos o texto
roxo pronto. Só precisamos corrigir os
outros contornos aqui. Para esta moldura, onde está
meu esboço aqui? Este é o meu esboço. Eu preciso cortá-lo nesta moldura aqui e depois mover
esse contorno para cima. Nesta moldura, temos o roxo por baixo desse contorno. Há trocas de
lugar, você vê isso? Então, se o roxo
cair novamente nesta moldura, preciso encontrar esse contorno. Command Shift D. Mova
esse contorno para cima. Neste ponto aqui, Command Shift D novamente, mova esse contorno para baixo. Quando o roxo
voltar ao centro, precisamos encontrar
esse contorno aqui. Command Shift D.
Mova esse contorno para abaixo do texto em movimento
roxo. Agora vamos ver como é a
animação. Você vê isso. Nosso texto em
movimento roxo está trocando lugar com nosso texto em movimento de
contorno e está viajando para baixo e e está viajando para baixo e
depois voltando para o centro. Essa é a animação que queremos. Vamos voltar à composição
principal e ver tudo. Mova esse um pouco. Talvez não devesse haver uma retenção. Vamos ver. Eu só não
quero que haja um porão. Quando ele corta
o segundo quadro, você vê que há um segundo de espera. Eu não quero isso, então eu
quero cortar essa fixação, talvez cortar essa moldura em
camadas para duas molduras. Agora, aqui, é a frente do Quadro 2, preciso avançar dois
quadros e cortar isso aqui. Opção
colchete esquerdo, corte aqui. Então, quando ele entra, o Frame 2 já está se movendo, já está em movimento. Quero que minha transição
esteja sempre em andamento. Não quero que
a transição entre e pare por aí. Isso não é uma transição. Você vê isso? Isso funciona. Vamos salvar o projeto. É assim que animamos
o segundo quadro. No próximo vídeo,
vamos continuar animando o Frame 3 [MUSIC].
7. Efeitos especiais: [MÚSICA] Vamos fazer uma
transição simples de um flash. É muito comum
para um tipo cinético. Tudo o que precisamos fazer é ir para a camada e criar uma
nova camada sólida, alterar a cor para branco, renomear o nome para flash e clicar em “Ok”. Arraste essa camada até o
Quadro 2 e o Quadro 3. Em primeiro lugar, quero ver quando queremos que o Quadro 3 entre,
então por aqui, quando os textos em movimento
no quadro pararem de se mover. Por que não começar a nos mudar para
cá e queremos fazer a
transição para o Quadro 3 aqui. Para este, preciso mover o início dessa camada para aqui. Use nossos atalhos de teclado, colchete
esquerdo, para
trazê-lo até aqui. Precisamos colocar esse flash
em cima do Frame 3 também. Alinhe-o com o Quadro 3, pressione “T” no
teclado para aumentar a transparência e, em seguida, aperte o cronômetro
para adicionar um quadro-chave. Avance 10 quadros, pressione Command Shift, seta para a direita e,
em seguida, adicione outro quadro-chave, altere a transparência para zero. Essa
será a nossa transição. Tudo o que precisamos fazer é selecionar os dois quadros-chave e clicar com o botão direito do
mouse. Vá para o assistente de quadro-chave e mude para Easy Ease. Vá para o Editor de gráficos. Verifique se você está no gráfico de
velocidade e, em seguida,
só precisamos fazer uma curva como essa com uma atenuação extrema, e cortamos a
camada no final da opção de quadros-chave, colchete
direito. Agora temos uma transição instantânea.
Isso é o que temos. Vamos reproduzir a animação novamente. Isso é o que temos. Comando S, salve o projeto. Vamos até o Quadro 3 para
animar esse texto em movimento. Antes de tudo, transforme o
texto em movimento em texto editável. Agora preciso colocar o ponto de
ancoragem no centro. Use um truque: pressionamos
Command no teclado, clique duas vezes nesta
caneta atrás da ferramenta. Para este, preciso
criar uma composição para o texto porque preciso
adicionar um efeito especial a ela. Para criar uma pré-composição, clique nesta camada e, em seguida,
mantenha pressionada a tecla Command Shift C
no teclado e nomeie-a movimento, clique em “Ok” agora
temos uma composição em movimento. Vamos ao painel de efeitos e predefinições no
lado direito. Se você não tiver,
pode acessar o Windows e clicar em
Efeitos e predefinições. Os efeitos que estamos
tentando pesquisar são chamados de limpeza de escala CC. Agora temos o CC scale wipe
no painel Efeitos e predefinições. Podemos arrastar
essa para a camada de movimento que temos
e, em seguida, podemos animar
a extensão da camada. Agora está se estendendo para cima, o que não é o que queremos. Precisamos que a direção seja 90 graus totalmente para
a direita. Agora eu quero definir um
quadro-chave no trecho. Quando é zero, esse é o estado final
da nossa animação. Pressione “U” no teclado
e, no início, ele deve ficar assim. Selecione os dois quadros-chave, F9, Easy Ease, vá até o
Editor de Gráficos e forneça uma
curva de atenuação extrema como esta. Vamos ver a animação. Essa é a animação que
queremos. Isso parece bom. Comando S para salvar. Volte para a composição principal. Vamos ver como é a
animação. Isso parece bom.
Parece bom para mim. A próxima coisa que eu quero
fazer é fazer uma transição do Quadro 3 para o Quadro 4. Vamos para o Quadro 3. Dentro do Frame 3, quero adicionar um
Radial Fast Blur. Primeiro de tudo,
vamos para Layer, Create, New e depois Adjustment Layer. Esse
será nosso desfoque rápido. Vamos até o
painel
Efeitos e predefinições , pesquise por CC
Radial Fast Blur. Como você já selecionou
a camada, vamos clicar duas vezes nela e seguida, esses são os efeitos C que
queremos obter. Basicamente, por aqui, quero animar a quantidade
do Fast Blur de 0 a 50%. Para 50 e, em seguida, vamos
facilitar a atenuação dos dois quadros-chave. Forneça uma curva de
atenuação extrema dessa forma. Talvez dedique mais tempo. Algo parecido. Isso funciona. Agora, eu só preciso
dar um pouco mais de movimento. O que eu quero fazer
é apenas
animar o rastreamento dessa camada
de movimento. Clique duas vezes nessa composição de
movimento e, em seguida, entre
nesta camada aqui. Vá para os textos e
, em seguida, aqui
na animação, vamos
adicionar um rastreamento. Do zero, eu quero me alinhar. Este é o fim do
nosso desfoque de movimento, e este é o início
do nosso desfoque de movimento. Vamos entrar. O início deve ser
zero e, em seguida, o fim deve ser algo assim. Então, podemos Easy
Ease um quadro-chave. Certifique-se de que essa curva seja semelhante à curva de desfoque de movimento que tínhamos lá fora e,
se voltarmos ao Quadro 3, esse é o efeito que
queremos obter. Acho que é muito lento. Há um lugar onde
tudo está parado. Preciso amarrar a transição do desfoque de movimento mais perto dessa
animação na frente. Eu só preciso mover
esse
desfoque de movimento até aqui quando ele assentar e então a
transição começa. Mova esses quadros-chave até
aqui para se alinharem com
o desfoque de movimento. Talvez eu precise até mesmo me
sobrepor um pouco. Eu posso simplesmente sobrepor
essa parte aqui. Arraste este. Acho que parece melhor. Então temos o Frame 4 chegando. Vamos ver se eu também consigo alterar a propriedade de escala dessa camada de
movimento. Vamos colocar um quadro-chave
na escala e depois
aumentá-lo e, em seguida , Easy Ease,
os dois quadros-chave de escala. Vá para o Editor de gráficos. Certifique-se de que tenhamos uma facilidade
extrema como essa. Isso funciona, eu acho.
Isso funciona melhor. Vamos ver a animação. Isso parece bom. É isso
com a animação do Frame 3. No próximo vídeo, podemos
continuar com o Frame 4.
8. Seletor de intervalos: [MÚSICA] Nesta lição, vamos
continuar com a animação. Vamos fazer a animação do quadro 4. Da última transição que
tivemos do quadro 3, temos o texto em movimento
e depois o cortamos assim. Queremos que isso no texto
diminua de grande para pequeno, para fazer a transição
do último quadro para fornecer um movimento muito suave. Para fazer isso, tudo o que preciso
fazer é, antes de tudo, entrar no quadro para composição e, em seguida,
selecioná-lo no texto, certificar-se de alterá-lo
para texto editável e seguida, alterar o ponto de ancoragem
para o centro do texto. Mantenha pressionado o comando, clique
duas vezes sobre isso, pressione S no teclado. Mostre a propriedade da escala. Eu quero que isso fique no centro
da tela, então eu preciso ir para
o painel de alinhamento. Se você não tiver
o painel de alinhamento, vá até as janelas e
escolha Alinhar. Quero usá-lo para alinhar horizontalmente e depois
alinhar verticalmente. Certifique-se de que o on
esteja no centro. Eu quero que comece bem grande. Depois, talvez 15
quadros se tornem menores. Fácil facilidade. Vá para
o Editor de gráficos. Temos uma facilidade extrema como essa. Talvez seja muito grande, diminua-o e
talvez seja muito lento. Eu preciso chegar a 10 quadros. Vamos voltar à composição
principal. Vamos ver se a transição funciona. Tenho que pegar para cima e para baixo, isso funciona para cima e para baixo. Maior, maior e depois menor. Salve o projeto. Essa é a nossa animação para
o quadro 4 e podemos fazer o quadro 5
aqui juntos. A maneira pela qual eu quero
fazer isso é
entrar no quadro 5. No momento, acho que o
quadro 4 é muito simples. Eu também quero trazer esse texto
para o quadro 4. Vamos clicar com o botão direito do mouse em Criar
e depois em texto editável. Vamos copiar esse comando C. Volte para a
composição principal e solte esse texto no quadro 4. Vá até o personagem
e certifique-se alterá-lo para a cor
roxa aqui. Mude o
ponto de ancoragem para o centro. Talvez abaixe um pouco. Esse texto aqui, talvez você possa torná-lo
um pouco maior. Mova-o para baixo.
Acho que é muito grande. Eu preciso tê-lo
aqui. Isso é bom. Agora eu só preciso animar esse texto para colocá-lo
aleatoriamente correto, alguma forma, enquanto temos isso
na animação chegando. Para animar essa camada, precisamos adicionar um seletor de texto. Clique nessa camada e
vá para Animação, Adicionar Seletor de Texto, Seletor
de Intervalo. Agora temos um animador
chamado
seletor de alcance adicionado sob nossa camada
única. No seletor de alcance, há um botão chamado Adicionar. Podemos clicar nisso, escolher Propriedade e, em
seguida, adicionar uma alteração de opacidade
ao coletor de intervalo. primeiro que precisamos fazer é alterar a opacidade para zero
sem adicionar nenhum quadro-chave. Agora, quando tivermos a
opacidade alterada para zero, arrastamos o
ponto inicial do seletor Range. Vamos desativar isso
porque está sobreposto. Está cobrindo minha camada
de texto. Aumente o zoom. Quando tivermos a
porcentagem inicial de 0 a 100, você pode ver que ela está realmente
iluminando nosso texto. Essa é a animação que precisamos. Eu configurei uma chave para
que ela comece do zero e depois de 100 aqui. No entanto, queremos que
o texto apareça aleatoriamente, em vez de
apenas um após o outro. Precisamos ir até a guia Avançado e
, em seguida, ativar esse nicho aleatório. Dessa forma, você pode ver nosso texto aparecendo aleatoriamente
na tela. Mas agora, eu
sinto que está muito lento. Para manter
o mesmo ritmo que vimos na animação aqui, também
quero
animar o deslocamento. Eu quero que a compensação seja zero no início e depois talvez a
compense para 40 por cento. Então, talvez volte
para menos 10 por cento. Em seguida, avance 30 por cento, compense de volta para menos 20
e, em seguida, compense
para talvez 20 por cento. Eu só preciso que esse texto apareça aleatoriamente e
depois fique lá assim. Eu acho que isso funciona. Vamos
ver toda a animação. Isso funciona. Isso é tudo
para a animação do quadro 4.
9. Rastreie o Matt: Lembra que tínhamos a
moldura para animação? Esta é uma camada única, e agora eu posso copiá-la. Comando C, volte para
a composição principal. Eu quero que este Frame 5 tenha
a mesma animação de camada
única. Eu posso deletar o antigo que tínhamos. Só usa um novo. Em seguida, certifique-se de mudar
a cor para branco. Algo parecido. Agora, tudo o que precisamos fazer é
animar isso de acordo com as tendências. Também temos um
histórico muito sutil por lá. Talvez eu possa
aumentá-la um pouco, colocá-la no centro. Em seguida, nas duas primeiras camadas, vamos clicar com o botão direito do mouse em
“Criar” texto editável e garantir que tenhamos o ponto de
ancoragem no centro. Também vamos
garantir que isso no texto esteja no centro do quadro e que a tendência também esteja
no centro do quadro. Vai começar
algo assim. Assim que tivermos isso resolvido
do quadro anterior, vamos cortar
para esse quadro aqui. Temos o aqui, e depois temos a propriedade da
posição. Vamos animar isso, viajar para a esquerda e depois
ver essa tendência. Pressione P no teclado. Vamos ver a tendência de
viajar para a direita. Eu acho algo assim. Então, vamos
facilitar o quadro-chave. Vá para o editor gráfico. Para este, vamos fazer
uma curva como essa. Acho que quero que a tendência
agora apareça na tela. Eu quero que ele
deslize para a direita. Deve começar de
algum lugar por aqui. Então eu posso
facilmente apagar um quadro-chave. Obtenha uma
curva de atenuação extrema como esta. Talvez vejamos se eu mudei a curva dessa para
algo assim. Eu acho que isso funciona. Agora só precisamos de um tapete de treino. Vamos até
Layer, New, Solid. Então, podemos desenhar uma trilha fosca nessa camada sólida,
essa forma aqui. Ligue-o novamente. Esta é a nossa trilha mate. Certifique-se de que essa faixa
fosca esteja viajando com a camada ligada, então eu preciso ir para o link
pai e depois colocá-lo na camada ativada. Temos essa faixa fosca
no topo da tendência, e a tendência
será usar um alfa fosco. Vamos desligar a faixa fosca. Já está desligado. Vamos ver a animação. Sim, isso funciona, eu acho. O comando S salva o projeto. Vamos voltar à composição
principal. Eu acho que isso funciona. Comando S para
salvar o projeto. Vamos para zero segundo e
pré-visualizar tudo. Agora já terminamos nossos
cinco segundos. Estes são nossos primeiros cinco segundos. Vamos visualizar isso novamente. Digamos que, com nossos primeiros cinco
segundos no próximo vídeo, continuaremos
com a animação e animaremos o Quadro 6.
10. Seletor de intervalo avançado 1: Nesta lição, vamos
trabalhar no Quadro 6 e também na transição
do Quadro 5-6. Vamos voltar ao Quadro 5 que já
animamos antes. Depois de
estabilizar e parar a animação, precisamos apenas que
essas duas linhas
sigam um caminho separado. Eu quero que essa tendência venha
para a esquerda, deve ter a tela e, em
seguida, essa camada aqui embaixo, fotografe para a direita
da tela. Primeiro, vamos pressionar P
no teclado. Coloque um quadro-chave na propriedade
position
e, em seguida, Command
Shift, seta para a direita. Atire assim. Agora, eu só preciso
facilitar esses dois quadros-chave. Clique com o botão direito em Keyframe
Assistant, Easy Ease
e, em seguida, posso arrastar quadros-chave,
algo assim. Sim, isso funciona. A próxima coisa que eu quero
fazer é mover essas duas camadas totalmente para
fora da esquerda. No momento, eu tenho
essa camada ON. Eu vou para um track matte. Eu tenho essa camada TREND. Se eu mudar a posição
da camada ON, vamos ver se eu clico na
camada e depois na tendência,
coloco um quadro-chave na posição
e, em seguida, movo os dois para fora da tela. Sim, isso funciona assim. Agora eu só preciso
ir ao Editor de Gráficos. Mude a curva para uma curva
de atenuação como essa. Agora você pode ver
que eles estão viajando em direções
diferentes, isso funciona. Vamos voltar à composição
principal e, quando eles
viajarem até aqui, posso usar o Quadro 6 para
cobrir a coisa toda. Agora fizemos a transição para o
Frame 6, isso é bom. Vamos clicar duas vezes no Quadro 6 e, em seguida, podemos
animar o Quadro 6. Em primeiro lugar, vamos clicar com
o botão direito do mouse na camada de habilidades Criar
conversão em texto editável. Certifique-se de que temos o ponto de
ancoragem no centro. Eu posso até mudar esse, talvez aumentar o texto. Então eu quero encontrar
minha camada Align tentar colocá-la no centro. Sim, isso parece bom para mim. Vamos tentar usar um objeto nulo, ir para Layer New e
depois Null Object. Vamos vincular essa
camada de habilidades ao objeto nulo. Agora temos um nulo e depois quero mudar
a propriedade de posição, animá-la um pouco e também a propriedade de escala. Talvez assim. Encolha, saia daqui, faça um
pequeno movimento para a esquerda
e, quando
se acalmar, diminua. Essa é a animação completa. Temos F9, Easy Ease. Vamos fazer a
curva de atenuação de posição primeiro. Vamos fazer essa curva extrema
e depois voltar para
a propriedade de escala,
fazer outra curva. Preciso flexibilizar nas duas extremidades
, então preciso de uma curva como essa. Apenas experimente isso. Eu acho que isso funciona. Comando S para
salvar o projeto. Outra coisa, eu só
preciso animar esse texto aqui usando um seletor de alcance. Novamente, vamos até
a “guia Animação” e adicionar um seletor de alcance. Em primeiro lugar, o que eu preciso
é de uma opacidade de traço. Vamos até o seletor de alcance
e clicar neste anúncio aqui. Temos uma opacidade da cor de preenchimento
e, em seguida, a cor do traçado. Vamos até a cor do traço. Use essa opacidade aqui. Então, o que eu
preciso fazer é mudar para zero e animar o início aqui. É difícil ver porque
temos nossa cor de preenchimento no momento. Nesse caso, quero
adicionar outro seletor. Vamos para a animação e, em seguida, escolher outro seletor
de alcance. Neste, vamos adicionar uma
propriedade, preencher a opacidade da cor. Vamos fazer a opacidade da
cor de preenchimento primeiro, mudar tudo para zero
e, em seguida, podemos animar
a porcentagem inicial para que algo
assim apareça. Vamos começar do zero, avançar 10 quadros mudar para 100 por cento. De 0 a 100 por cento,
facilitando os quadros-chave. Então, podemos fazer
uma curva como essa. Talvez seja muito rápido, vamos arrastar esses dois para mais
longe um do outro. Sim, eu acho que isso funciona. Acho que a animação parece boa e depois podemos
copiar os quadros-chave. Comando C, vá para esse
outro Seletor de Intervalo e depois Comando V, cole-o. Mova a opacidade da cor de preenchimento
para frente em alguns quadros. Eu só quero ver onde está a opacidade do
meu traçado. Talvez eu precise adicionar
um derrame agora. Acho que não tenho um derrame. Clique na
camada de habilidades, vá para o personagem. Aqui no traço, preciso adicionar um
traço branco como esse. Você vê que temos uma cor de
preenchimento em branco e, em seguida, a cor do traço em branco. Agora você pode ver que temos um traçado que
contorna o texto de habilidades. No seletor de intervalo, temos nossa opacidade de traçado
animada primeiro e depois temos
nossa opacidade de preenchimento emitindo alguns quadros depois, que
possamos obter um efeito
semelhante a este. Vamos ver a animação. Acho que podemos diminuir essa
habilidade um pouco mais. Acho que isso parece bom. Você vê isso? Basicamente, estamos usando
o seletor de intervalo e, em seguida, alteramos a
opacidade para zero e, em seguida, animamos apenas
a porcentagem inicial para que o traçado
seja pressionado primeiro. Depois, alguns quadros depois temos a cor de preenchimento correta. É assim que
alcançamos esse efeito. Vamos voltar à composição
principal. Vamos ver a animação aqui. Isso parece bom. Vamos salvar o projeto. É isso com nossa animação do
Frame 6.
11. Seletor de intervalo avançado 2: Nesta lição,
vamos animar o Frame 7. Como já temos
o Quadro 6 pronto aqui, acho que quando o
texto da habilidade diminuir aqui, quero que ele faça a transição
para o Quadro 7, então vou cortá-lo aqui. Caso você não tenha entendido
a lição do Quadro 6, vamos animar o Quadro
7 da mesma forma que o Quadro 6 embora desta vez tenhamos quase um
fundo escuro. Mas faremos essencialmente
a mesma coisa apenas
para demonstrar como o seletor de intervalo funciona e como animar o traçado primeiro e depois preencher a cor. Vamos entrar no Quadro 7 e depois
escolher essa camada mestre. Clique com o botão direito em criar,
converta em texto editável. Em seguida, certifique-se de que temos o ponto de
ancoragem no centro aqui. Mantenha pressionado Command, clique duas vezes nesta
caneta atrás da ferramenta. Agora eu só quero ter
certeza de que temos esse texto no
centro do quadro. Vamos tentar encontrar
o painel de alinhamento, que também está sob o Windows, alinhe e depois use
alinhar horizontalmente e depois alinhar verticalmente. Talvez eu possa até mesmo tornar este
um pouco maior assim. Em primeiro lugar,
queremos ter certeza de
que precisamos garantir este tenha uma
cor de traço ao redor da borda. Vamos ao personagem. Se você não tiver um
caractere aberto, você pode ir para o Windows e escolher
o personagem aqui. No momento, você pode
ver que eu só tenho uma cor de preenchimento
neste texto mestre. Preciso adicionar uma cor de traço. Clique no traçado
e, em seguida, use o
seletor de cores para defini-lo como branco. Clique nesta cor branca aqui. Agora você pode ver que eu tenho
um traçado e uma cor de preenchimento. A próxima coisa que eu quero
fazer é adicionar um seletor. Para fazer isso, posso
clicar nessa camada, ir para a animação, adicionar seletor de texto,
um seletor de intervalo. Para o seletor de alcance, depois de adicioná-lo, agora não
há nada nele. Há apenas uma porcentagem da posição inicial e
final, e também há uma compensação. Para trabalhar com
um seletor de intervalo, também
precisamos adicionar
outra propriedade. É aí que precisamos clicar nesse botão Adicionar, adicionar uma propriedade. O primeiro que precisamos fazer é
adicionar uma opacidade de cor de preenchimento. Se adicionarmos uma opacidade de cor de preenchimento, e sem fazer nada, se eu mudar o ponto de partida, nada acontece porque
tudo é 100%. No entanto, se eu alterar a opacidade do
preenchimento para zero, depois de alterar a porcentagem
inicial, você poderá ver que o seletor de intervalo
está controlando meu texto e tem cada letra
correta de zero por cento de opacidade para
100 por cento de opacidade. É assim que eu controlo a opacidade de
preenchimento de cada letra usando a porcentagem
inicial do seletor de intervalo. Se eu adicionar um quadro-chave aqui
no início de zero por cento, e depois de
alguns quadros, vou alterá-lo para 100 por cento. Agora, eu tenho cada letra
correta individualmente. Essa é a nossa animação. Tudo o que preciso fazer é
selecionar os dois quadros-chave, Easy Ease e, em seguida, só preciso fazer uma curva como essa. Você sabe o que, direção errada. Preciso fazer uma curva como
essa para facilitar. Isso parece bom. Agora eu tenho minha animação de
opacidade de preenchimento. Outra coisa que preciso
fazer é adicionar a animação de
opacidade
da cor do traçado. Nesse caso, preciso adicionar
outro seletor de alcance. Vá para a animação, adicione seletor de
texto, intervalo. Desta vez, precisamos adicionar
uma opacidade da cor do traçado. Como eu disse antes, se mantivermos a
opacidade do traçado em 100 por cento, nada mudará. Mas, no entanto, se eu mudar
para zero por cento
, se eu alternar
entre zero por cento
dos pontos
iniciais e 100 por cento, você pode ver que estou escrevendo
neste texto apenas a parte do
esboço do texto. É assim que
animamos o esboço. Agora eu só preciso adicionar um quadro-chave
inicial em zero segundo e depois alterá-lo para
100 por cento no final. Fácil de apagar um quadro-chave, vá para o Editor de gráfico. Ainda estamos no Speed Graph. Mude essa curva assim. Agora eu tenho a cor de preenchimento correta e a
cor do traçado na direita. No entanto, eles estão sobrepostos , então você não pode mais ver
o traço. É por isso que preciso atrasar
o ponto inicial
da cor de preenchimento em
alguns segundos, alguns quadros, quatro quadros. Agora, como eu atrasei o
início da cor de preenchimento, você pode ver o traçado primeiro e depois a cor de preenchimento. Talvez quatro quadros seja demais, eu adio por dois quadros. Acho que isso parece bom. É assim que conseguimos essa animação complexa
com apenas quatro quadros-chave. Vamos voltar à composição
principal. Vamos ver a
animação completa aqui. Talvez três quadros, porque agora eu ainda
não consigo ver o traço. Talvez esteja viajando muito rápido. Eu preciso esperar mais tempo. Isso parece melhor para mim. Corte aqui. Além disso, para este texto aqui, quero que ele diminua um
pouco desde o início aqui, talvez avance um
pouco e depois diminua. Fácil apague um quadro-chave e
depois altere a curva. Algo parecido com isso. Vamos ver a transição. Isso funciona. Então, uma vez que se
acalme, farei com que
cresça novamente. Escalar a propriedade,
vai ser fácil aqui e depois
crescer assim. Vá para o Editor de gráficos. Isso funciona. Essa é a nossa animação do Frame 7. Assim. Então, aqui, vamos cortá-lo
para o Quadro 8. Acho que o Frame 7 está muito lento. Preciso fazer a
transição mais cedo. Assim que estiver resolvido, ele fará a
transição imediatamente. Mesmo que se sobreponha um pouco. Por aqui. Sim, isso funciona. É isso com nossa animação do
Frame 7.
12. Torne-se dentro de movimento: Antes de continuarmos, quero
compartilhar com vocês uma notícia empolgante. Os cursos de design de movimento
acabaram de se tornar mais
acessíveis nos círculos de movimento. Com nossa associação Motion
Insider por apenas $7 por mês, você terá acesso ilimitado aos
nossos cursos de
design de movimento de alto nível, com a nossos cursos de
design de movimento de alto nível, confiança de mais de 50.000 estudantes em todo o mundo É hora de aprimorar suas habilidades de design de
movimento para se tornar o melhor
animador possível Como especialista, você também
receberá arquivos de projetos
gratuitos de todos os
nossos tutoriais do Motion Circles
no YouTube E aproveite um desconto exclusivo
de 25% em todos os outros projetos incríveis de
animação de outros artistas em
nossa loja de arquivos de projetos. Não perca essa
oportunidade de aprimorar
suas habilidades de animação e , ao mesmo tempo fazer parte de nossa
vibrante comunidade. Junte-se a nós hoje em motion circles.com e liberte
13. Animação complexa: [MÚSICA] Nesta lição,
vamos animar o Quadro 8. Mas antes de fazermos isso, acho que esqueci
algo para o Frame 7. No momento, ele só tem um texto em
branco chegando, que não é uma transição muito
boa entre o Quadro 7 e o Quadro 8. Então eu acho que o que eu quero
fazer é antes que ele suba, vamos excluir esses
dois quadros-chave, eu quero que ele diminua primeiro. Vamos cortar e duplicar. Comande Shift D
e, em seguida, vamos fazer uma mudança de propriedade em
pequena escala. Eu quero mudar a cor
para esta, para a roxa. Vamos encontrar a cor roxa. Isso é roxo. Vamos pegar essa cor
aqui, Comando C, e depois voltar para o
nosso Quadro 7 aqui. Eu quero mudar este para
uma cor roxa e, em seguida,
desligar o traçado, clique neste ícone aqui
para desligar o traçado. Agora só temos uma camada mestra
roxa. Eu só queria cortar
cada vez menores, talvez cinco molduras, e depois cortá-las novamente. Esse corte e depois comece a
crescer assim. Essa será a nossa
animação para o Frame 7. Corte e, em seguida,
faremos com que cresça
assim para fazer
a transição para o Quadro 8. Isso funciona. Então
temos o Frame 8 aqui. Vamos entrar no Quadro 8, garantir que tudo isso seja
convertido em texto editável
e, em seguida, ter todo o ponto de
ancoragem no centro. Este, eu quero animar da mesma forma que
fizemos antes com efeitos de limpeza em escala CC, e
eu preciso Command Shift C, fazer disso uma composição,
clicar em “Ok”. Quero colocar
essas duas camadas nessa
camada intermediária e agora quero que esse ar intermediário passe
do maior para o menor. Fácil, fácil de usar dois quadros-chave. Dê uma
curva de atenuação como esta. Isso funciona. Então agora
eu só preciso copiar, ir para a composição principal. Lembre-se desse efeito que
temos no Quadro 3, só
preciso copiar
esse efeito aqui. Copie os quatro
quadros-chave, Comando C, e depois vá para o Quadro
8 e cole-o. Certifique-se de mudar a
direção para 90 graus. Também quero que a animação comece logo
no início, então preciso ter certeza de que
esse primeiro quadro-chave
da propriedade stretch esteja
totalmente no início,
então, quando ela chegar,
já está animando. Algo parecido. Volte
para a composição principal. Vamos ver a animação. Isso funciona. Isso parece bom. Comando S para
salvar o projeto. Agora, o que precisamos fazer
é entrar nesse comando de design de movimento C para copiar a camada e, em seguida,
sair do Comando V, para alterá-la para acelerar. Agora temos uma aceleração. Mude essa camada para uma cor branca como essa e então eu posso copiar
as outras duas camadas. Mude-os para
acelerar também, mas depois mude, deixe-me desligá-los. Para este, quero que minha cor de
traço esteja
nessa cor roxa, então vá até o estilo da camada
e, em seguida, vá para o Traçado, use esse seletor de cores, escolha a cor roxa. Então este também quando eu
mudo a cor para roxo. Agora temos três camadas de aceleração e, em seguida, três
camadas de design de movimento. Eu só queria fazer
algo parecido com o início da animação. Lembre-se que tínhamos antes. Quero usar um objeto nulo para controlar todas essas camadas. Certifique-se de colocar essa
camada 4 e a camada 7 como pai para o objeto nulo, pois já
temos essa camada de contorno pai
da camada intermediária,
portanto, não precisamos criar
o contorno como pai para o objeto nulo. Novamente, se eu mudar a
posição do objeto nulo, você pode ver que eu já estou
mudando tudo. Depois de instalarmos essa
, eu só quero
separar as dimensões, animar a posição y
e, em seguida, derrubar
a camada de aceleração. Quadro-chave de fácil facilidade.
Você sabe o que? Essa. Vamos fazer
o gráfico de valores e, em seguida, inclinar a curva AS aqui. Algo assim, que funciona. Então, uma vez que tenhamos isso aqui, eu só quero que essa camada
de
aceleração entre uma após a outra. Basicamente, quero que
essa não apareça, altere os pontos de partida dessas duas camadas neste momento, use o atalho do teclado, colchetes
esquerdos. Então nós temos isso. Uma camada aqui e depois a última
estará aqui, então essa aqui. Eu quero que eles entrem assim. O terceiro vem primeiro
e depois o do meio e depois o de cima
. Isso funciona. Eu quero que eles entrem assim. Depois de cortarem assim, quero que a parte superior
e inferior desapareçam assim e depois
quero que a do meio cresça assim. Talvez com um
quadro-chave de espera, como um corte. No momento, eles são
uma transição suave, mas eu quero ter
um quadro-chave inteiro,
então selecione os três quadros-chave ,
clique com o botão direito do mouse e
segure o quadro-chave. Eu quero que ele
desapareça antes que mude de
tamanho, assim. Quando a
camada intermediária muda de tamanho, a camada superior e inferior
desaparecem assim. Algo assim,
talvez até maior. Isso funciona para mim. Vamos voltar à composição principal, vamos ver como é. Isso funciona. É quando
cortamos para o Quadro 9 assim. É por isso que cortamos para o
Quadro 9 aqui. Comando S para
salvar o projeto. Isso é tudo para a animação do Frame 8.
14. Transição complexa: [MÚSICA] Nesta lição,
vamos animar o quadro 9. Agora, já temos
esse texto ACCELERATE crescendo e crescendo. Agora, cortamos para o quadro 9. Clique duas vezes na composição. Vamos clicar com o botão direito do mouse em
“Criar texto editável”. Os dois desapareceram. O que podemos fazer é apenas
duplicar o que está na parte inferior,
o comando D, e depois duplicá-lo novamente, comando D. Esse é o nosso layout. Agora, precisamos primeiro colocar o ponto de ancoragem no
centro do texto. Eu preciso
afastar o V3 e depois mudar
esse, talvez. Certifique-se de que esteja no
centro da moldura. Em seguida, Command Shift C para
pré-composição. Clique em “OK”. Lembre-se do efeito de limpeza de escala que
tínhamos antes no quadro 3, vamos copiá-lo novamente. Essa. Vá para o quadro 9, basta colocá-lo aqui e certifique-se de que o grau
seja 90 graus assim. Você sabe o que? No começo,
acho que quero mantê-lo maior assim, 160 por cento. Então, quando estiver resolvido,
quero usar um quadro-chave de alternância. Uma vez que tudo se resolva assim , teremos
esses
antecedentes assim. Isso funciona. Depois, alguns quadros
depois, vamos mudar essa
camada ACCELERATE para CAREERS. Basicamente, basta cortá-lo. Colchete aqui, corte-o. Nós temos o ACCELERATE e então esse deveria ser CAREERS, C. Vamos cortá-lo aqui. Talvez seja muito lento. Precisamos cortá-lo aqui com
uma CARREIRA e depois um,
dois, três, quatro, cinco, cinco, cinco quadros depois
adicionar um quadro-chave. Um, dois, três, quatro, cinco. Faça-o maior. Um, dois, três, quatro, cinco. Faça com que seja tão grande quanto esse texto intermediário
aqui. Isso funciona. Em seguida, posso alterar
os três quadros-chave para Toggle Hold Keyframes. Agora, eu só preciso um objeto nulo para controlar
o tamanho de tudo. Clique na propriedade Escala e
, em seguida, avance 10 quadros. Faça com que seja maior assim. Certifique-se de aliviá-los e
, em seguida, vá para o gráfico de velocidade, altere-o para uma curva como esta. Está diminuindo. Então, se voltarmos
à composição principal, vamos ver a animação. Quero que o alongamento aconteça mesmo após
a mudança
de escala desses textos do ACCELERATE. Há um movimento contínuo. Você vê
que depois de ficar menor, essa parte ainda está
se esticando, então tem uma transição mais suave para ela. Então aqui eu quero
uma sobreposição. Talvez possamos sair. Uma vez que a carreira se sobreponha em nossa linha, podemos
fazer a transição. Então, quando o texto CAREER se sobrepõe ao esboço, eu também
quero desativá-lo. Opção repousar colchetes, retroceder um quadro, comandar seta esquerda, opção
repousar colchete, cortar. Quando a CARREIRA ocupa todo
o espaço, o
contorno desaparece. Isso funciona. Comando S
para salvar o projeto. É isso com nossa animação
do quadro 9.
15. Quadro de terminação forte: [MÚSICA] Nesta
lição, vamos trabalhar no quadro final
do storyboard, que é o Quadro 10. Como você pode ver aqui, já
temos essa
transição do Quadro 9 com os textos de carreiras ficando cada vez maiores. Vamos cortar a partir daqui e fazer com que a linha dos
círculos de movimento entre, diminuindo de grande para pequena. Clique duas vezes nessa composição do
Quadro 10. Vamos primeiro animar esse texto de círculos de
movimento. Vamos fazer a mesma coisa, selecionar as duas camadas e
clicar com o botão direito do mouse em Criar texto editável. Agora só precisamos colocar o ponto de
ancoragem no centro,
manter pressionado o comando, clicar duas vezes
na caneta atrás da ferramenta. No momento, o site é bem pequeno, então eu
quero aumentá-lo. Pressione S no teclado,
abra a propriedade de escala
e, em seguida, podemos
aumentá-la. Algo parecido. Agora vamos animar
a propriedade de escala desses
círculos de movimento. Pressione S no teclado, adicione um quadro-chave e, em seguida,
avance alguns quadros. Torne esse texto maior,
talvez assim. Podemos selecionar os dois quadros-chave e clicar com o botão direito em Keyframe
Assistant, Easy Ease. Vamos ao editor gráfico, vamos fazer uma curva de atenuação
como essa, isso é bom. Então vamos ver a
animação, que parece boa. Então, depois que quase se acalmar, eu quero esse texto aqui, esse site vem
de cima para baixo. Vou usar a propriedade position, pressionar P no teclado,
definir um quadro-chave
e, em seguida, movê-lo mais
alguns quadros, arrastá-lo para cima. Temos uma
mudança de posição de cima para baixo, facilidade é o quadro-chave. Vá para o editor gráfico, podemos fazer uma curva como essa. Agora eu só preciso cortar
a camada alguns quadros após o quadro-chave. Talvez aqui, use a opção de atalho do
teclado, colchete
esquerdo
para cortá-la aqui. O texto chegará assim. Talvez mais um quadro, opte por mais um quadro, opção colchete esquerdo. Essa é a animação que temos, vamos voltar à composição
principal e ver a animação. Acho que funciona, provavelmente
posso fazer com que
este chegue mais cedo. Quando os círculos de movimento
quase se acalmarem, posso abrir o site. Isso parece bom, comando
S para salvar o projeto. Agora, outra coisa que eu quero
fazer é, antes de tudo quando ela chegar, eu não quero que essa cor entre imediatamente. Eu quero que a cor venha
do lado direito e
venha para a esquerda. Para fazer isso, precisamos mudar esse texto
aqui para a cor roxa. Vamos tentar mudar o
texto para roxo primeiro. Clique nessa camada e, em seguida,
use o seletor de cores, escolha uma cor roxa
ou rosa. Então eu quero que esse plano
de fundo
preenchido venha da direita. Basicamente, talvez
em torno de 10 quadros, eu quero que esse preenchimento de cor
venha da direita. Pressione P no teclado. Adicione uma
propriedade de posição, avance 10 quadros e, em seguida, adicione
outra propriedade de posição, arraste-a até aqui. Essa é a minha animação, vai da direita para a esquerda. Eu só preciso apagar facilmente esses dois quadros-chave e, em seguida,
dar a eles uma curva de atenuação. Isso parece bom. Quando o
fundo colorido aparecer, quero que o texto
fique na cor branca. Tudo que eu preciso fazer é duplicar essa camada aqui, comandar D, e depois mudar esse
texto para uma cor branca. Depois de ter esse texto em branco, quero usar o preenchimento de gradiente como uma faixa fosca para
essa camada de texto. Duplique o preenchimento com gradiente, coloque-o em cima do texto branco e altere a faixa fosca aqui do
texto branco para Alfa fosco. Se você não tiver a opção
track matte aqui, você pode clicar
no segundo botão
no canto aqui, que lhe dará
esta opção de rastrear fosco. Basicamente, quando o preenchimento
de cor entrar, a cor do texto será alterada para
branca, desse jeito. Vamos voltar para a
competição principal e ver nossa animação. Agora, só estou sentindo falta de um fundo
preto aqui. Preciso voltar a
essa composição, ir para a camada, nova e depois sólida, adicionar um fundo preto
por baixo e depois voltar novamente. Talvez nem mesmo preto, acho que é uma cor azul
escura. Preciso copiar esse fundo azul
escuro, comandar C e depois
ir para o Quadro 10. Adicione-o na parte de trás, exclua o fundo preto
que eu adicionei agora. Vamos ver a animação. Isso funciona. Eu acho
que isso parece bom. Outra coisa que quero
acrescentar é que quero adicionar alguns flashes como o primeiro que temos no Quadro 1, apenas alguns flashes de cores
sólidas. Comando D, duplique
essa camada sólida, coloque-a em cima e depois
corte-a em dois quadros. Basicamente, mova
o ponto inicial dessa camada até
esse ponto aqui, use o atalho
colchete esquerdo e, em seguida,
avance um quadro. Comande a seta para a direita e, em seguida ,
corte a opção
colchete vermelho. Agora eu tenho esse
preenchimento de cor apenas para dois quadros. Pressione U no teclado. Agora eu o tenho fora
da moldura, então
preciso puxá-lo de volta para
dentro da moldura. Basta excluir esse cronômetro do
quadro-chave e movê-lo para
o quadro. Vá para o painel de alinhamento, quero ter certeza de que está
bem no centro. Então isso pisca uma
vez, eu vou duplicar isso. Comando D, vou deixá-lo piscar talvez
três vezes, vamos ver. Talvez duas vezes seja o suficiente. Isso parece bom. Aqui, na terceira vez, quero que tudo isso fique preto e branco. O que eu quero fazer
é ir para camadas, novas, e depois adicionar uma camada de
ajuste. Corte em duas molduras, colchete
esquerdo
e, em seguida, avance uma moldura. Comande a seta para a direita e, em seguida, use a opção
colchete direito. Nessa camada de ajuste, vou chamá-la de preto e branco e depois ir para o painel de efeitos
e predefinições. Vamos procurar um
efeito chamado tonalidade, clicar duas vezes, eu troco a cor. Essa será a nossa moldura em
preto e branco, e agora eu só preciso
adicionar um efeito de curvas. Curva de busca, e
então podemos trazer o contraste para
algo assim. Talvez arraste mais um quadro. De repente, vai ficar preto
e branco. Vamos ver a animação
desde o início. Eu acho que isso funciona. Comando S para
salvar o projeto. Também não quero que esse
texto fique sempre parado nesse quadro nos
últimos segundos. Eu quero que a coisa toda
se desvie um pouco, movendo-se cada vez menor. Vá para o texto principal desse
círculo de movimento, que é o branco. Vá para a propriedade de escala, pressione S no teclado. Vai durar
talvez três segundos. Quero adicionar uma
mudança de escala para 130 por cento. Veja, podemos ver esse texto
roxo embaixo. Preciso cortar essa camada
assim que o texto em branco entrar. Preciso cortar a partir daqui, selecionar esta camada, opção restaurar o suporte
para cortar a camada. Então, eu também quero
adicionar o site
a esse texto em branco para que
eles diminuam completamente. Isso funciona. Vá até a
composição principal e veja a animação. Acho que é muito rápido e também
dura cinco segundos. Preciso puxar esse
quadro-chave até aqui e depois
quero alterá-lo para
talvez um por cento. Não está se movendo muito
rápido, vamos ver. Eu acho que isso funciona. É
isso aí com toda a nossa animação, vamos pré-visualizar a
coisa desde o início. Essa é a nossa animação completa. No próximo vídeo, mostrarei
como adicionar um efeito de falha e também
algumas outras animações
secundárias.
16. Linhas de guilhotinas: [MÚSICA] Neste vídeo, vamos adicionar alguns elementos extras para tornar
tudo mais polido. A primeira coisa que
precisamos adicionar é uma linha de falha sobreposta em
cima de todo o vídeo. Para fazer isso, vamos
ao painel de camadas
e depois ao novo. Vamos adicionar uma camada sólida. Podemos fazer uma cor preta. Clique em “Ok” e chame
isso de linhas de falha. Vamos ao painel Efeitos
e predefinições, pesquisar por
Ruído Fractal aqui clicar duas vezes sobre este. Este é um efeito de
ruído fractal que temos. Precisamos alterar algumas
das configurações para obter
os efeitos da linha de falha. A primeira coisa que
precisamos mudar é mudar aqui
no tipo de ruído, trocá-lo para bloquear. Em seguida, precisamos
aumentar o contraste. O brilho que precisamos
para diminuí-lo. Faça com que seja muito sutil. Em seguida, vá para transformar e
verifique essa escala uniforme. Queremos alterar
a largura para 1.000 ou 10.000 e também alterar
a altura para um. Agora, temos um monte de linhas
aqui. Você vê isso? Se manipularmos o contraste, podemos atenuar a
coisa toda um pouco mais. Se eu aumentar o zoom, quero
ver isso mais de perto. Vamos para a configuração secundária. Para a porcentagem de influência, vamos mudar a
influência para zero. Isso vai me dar todas essas linhas
retas por aqui. Para o subdimensionamento, o mínimo que podemos fazer é 10. Complexidade. Eu acho que isso não importa.
Podemos mantê-lo às 6. Basicamente, é isso que queremos. Só precisamos manipular um
pouco mais
o brilho. Abaixe o tom até o fim. Então você pode ver que as linhas
são muito sutis aqui. Aqui, no modo de mesclagem de
linhas de falha, vamos alterá-lo para tela. Agora você pode ver que temos essas linhas sobrepostas em
cima da nossa animação. No entanto, eles não estão
animando no momento. Eu só preciso ir às opções
de evolução e depois ir para a semente aleatória. Se eu mudar a semente aleatória, você pode ver que toda
essa animação está acontecendo. Eu acho que as linhas são demais, então eu preciso mudar o
brilho um pouco mais, talvez diminua
ainda mais o tom para talvez menos 250. Agora podemos ver que restam apenas
algumas linhas. Aqui, na semente aleatória, quero adicionar uma expressão, manter pressionada a tecla Option no Mac e clicar no cronômetro. Aqui, podemos
digitar vezes 20. Vamos ver se isso funciona. Você pode dizer que há uma
animação de linhas com
falhas muito sutil por lá. Talvez seja muito sutil. Isso funciona melhor. Ou talvez o tempo vezes 20 seja muito rápido. Vamos fazer o tempo vezes 15 ou 10. Depois disso, outra coisa que queremos adicionar é ir ao painel Efeitos
e predefinições. Eu quero adicionar um efeito de
posterização do tempo. Se você pesquisar por um posterize, existe esse
horário de posterização, clique duas vezes nele. Basicamente, está mudando
sua taxa
de quadros de 24 quadros por segundo
para qualquer outra coisa. Por enquanto, queremos fazer
10 quadros por segundo, há uma
aparência mais problemática no ruído fractal. Eu acho que isso funciona. Vamos
pré-visualizar toda a animação. Agora você pode ver que temos uma linha de falha ao fundo. Isso é tudo para a linha
de falhas. No próximo vídeo, mostrarei
como adicionar outros
elementos secundários ao vídeo.
17. Animação secundária 1: [MÚSICA] Neste vídeo, vamos adicionar uma animação
secundária a todo o vídeo de introdução. Vamos até o painel
Projeto
aqui e, em seguida, clicar aqui, Criar uma nova composição. Para este, podemos
chamá-lo para ser animado como círculos. Mantenha tudo
igual, clique em “Ok”. Agora podemos desenhar um círculo
com as ferramentas na parte superior. Mantenha pressionada essa ferramenta de retângulo, vá até a ferramenta Elipse e, em
seguida, podemos desenhar um círculo, manter pressionadas as teclas Command e Option e Shift para restringir
a propriedade. Em seguida, você pode usar a barra de espaço para mover a posição do
círculo enquanto estiver desenhando. Solte isso. Esse é o nosso círculo. Para o círculo, eu
quero que ele esteja
no centro absoluto
da composição. Vou até a ferramenta Align, alinhe-a vertical
e horizontalmente. Preciso colocar um traço
no círculo em vez de um preenchimento. Para desativar esse preenchimento, posso manter pressionada a tecla Option
no teclado, clicar nesse preenchimento
três vezes 1,2,3. Agora, eu só tenho um traço
ao redor do círculo. Vamos até a ferramenta Ellipse, vá até o traçado e depois eu quero
mudar o limite da linha. Em vez de boné traseiro, quero
trocá-lo para boné redondo. Esse será
nosso primeiro círculo. Vamos analisar a propriedade. Vamos tornar isso menor. Então eu quero mudar a largura
do traçado para 15. Vamos duplicar esse círculo, o comando D vai para a
propriedade Scale, torná-lo maior. No entanto, mude o traço
para mais fino, talvez sete. Duplique esse círculo novamente, torne-o ainda maior e depois
altere o traço para 20. Em seguida, duplique
esse círculo novamente. Pressione “S” para torná-lo um
pouco maior. Altere a largura do traçado para seis. Agora, eu só preciso
fazer mais dois, comandar D, torná-lo maior, mudar para uma largura maior. O último, comando D, torna maior e
depois altere o traço
para torná-lo mais fino. Esse será o nosso
círculo que teremos. Agora precisamos animar
esse círculo aqui. Vamos ao primeiro círculo, vamos adicionar efeitos de caminho Trim. Eu posso manipular
esse ponto final aqui para animar e desligar
o círculo. A maneira de animar isso é adicionar dois
quadros-chave, início e fim,
ambos do zero e, em seguida,
avançar 15 quadros ou
20 quadros e, em seguida, alterar o início e o
final para 100 por cento. Os dois quadros-chave do Easy Ease
vão para o editor gráfico. Arraste essas curvas assim. Agora eu só preciso atrasar a parte final
do círculo. Se eu isolar essa camada aqui, você pode
ver a animação. Eu apenas arrasto os
quadros-chave finais para a direita e você pode
ver a animação assim. Está chegando e depois limpando
e depois limpando, essa é a animação de que precisamos. Podemos copiar todos os
quadros-chave do comando C e depois colá-los todos
nesses diferentes círculos. Comando V. Vamos
ver a animação. Eles estão todos
viajando ao mesmo tempo. No entanto,
não é isso que eu quero, quero que eles
viajem em horários diferentes. Eu quero mudar o deslocamento
desses quadros-chave. Basicamente, selecione tudo
e, em seguida, aqui
na barra de pesquisa, digite offset. Agora podemos ver
a diferença aqui. Basicamente, o que eu quero
fazer é para os dois primeiros, eu quero dar um deslocamento
assim,
o segundo, o terceiro círculo
e o quarto, eu vou dar um
deslocamento como este. Então, nos dois últimos, eu o
compus assim. Eles estão começando em uma posição
diferente. Vamos ver a animação agora. Isso parece melhor
e mais complexo. Comando S, salve o projeto. Acho que é isso,
é o que eu quero. Podemos usar essa composição para colocá-la em nossa animação. Vamos ver onde
devemos colocá-lo. Que tal aqui? Se tivermos nossa animação circular
aqui, torne-a maior. Não quero que o círculo
se construa
totalmente , para que tenhamos um círculo
completo na tela. Vamos entrar nessa composição. Pressione “U” no teclado. Acho que preciso mover esses quadros-chave de valor
final um pouco para a esquerda para
ter algo assim. O círculo está sempre mudando, não
temos um
círculo completo construído na tela e
a animação
é mais curta, é mais rápida. Acho que funciona, desse jeito. Devemos ter algo
nesse quadro aqui porque esse quadro é muito chato e só precisamos que
a cor esteja nesse roxo. Vamos até o
painel
Efeitos e predefinições para pesquisar um efeito de preenchimento. Pegue essa cor roxa. Esses dois estão todos
juntos, então eu preciso deletar o
primeiro, é demais. Vou colocá-lo
aqui
na tela e torná-lo maior. Para amarrar melhor o Quadro 4 e o Quadro
5, isso funciona. Esta é uma animação circular
como animação secundária. No próximo vídeo,
mostrarei outra animação secundária.
18. Animação secundária 2: [MÚSICA] Neste vídeo, vamos animar outros elementos
extras. Vamos até o painel
Projeto aqui e depois clicar em “Criar
uma nova composição”. Podemos nomear
essa linha animada e clicar em “Ok”. Agora eu só preciso ir até
essa ferramenta de caneta e depois desenhar uma
linha reta horizontalmente. Isso parece muito bom. Então eu quero duplicar
esse Comando D, movê-lo um
pouco para baixo e depois alterar a largura do traçado para
talvez 20 pixels. Além disso, preciso
trocar o Butt Cap, ir para o Stroke e depois trocar o
Butt Cap para Round Cap. O mesmo com o primeiro. Só precisa trocar a tampa de
bunda para tampa redonda. Aproxime esses dois e então eu preciso
duplicar outro, Comando D. Torne
este mais fino, talvez 13. Em seguida, duplique outro. Acho que parece bom,
e essas são as nossas falas. Precisamos animar
as linhas da mesma forma que animamos o círculo. Na verdade, podemos ir até o círculo
animado e ver se eu simplesmente copio esses
quadros-chave do caminho de corte Comando C
e, em seguida, ir para as
linhas animadas e colá-lo, Comando V. Vamos
ver a animação. Acho que parece ainda melhor. Nem precisamos
fazer nada sozinhos. Podemos simplesmente copiar
esses dois quadros-chave. Vamos copiar os quadros-chave
em todos eles, e essa é a nossa animação. Isso realmente parece bom. Em seguida, preciso selecionar
o comando
Shift C de quatro camadas e chamá-lo de Linha 1. Agora eu só preciso
duplicá-lo para o Comando D e depois
ir para a rotação, dar uma rotação de 90 graus. Essa será a nossa animação em cruz
ou seno x. Se eu for para a balança, posso diminuí-la, talvez 80% para ambas. Vamos ver se eu copio
outro, este aqui. Em seguida, vá para “Escala”, desative essa propriedade de
restrição. Coloque um negativo na
escala x para invertê-la. Então, este, eu posso
fazer a mesma coisa Comando D, vá para “Escala”, marque essa restrição e
depois negativo aqui. Eu só preciso mover a posição para alinhar
melhor tudo. Dê um melhor alinhamento. Eu acho que isso parece bom. Essa é a nossa animação aqui. Isso parece bom. Comando S
para salvar os projetos. Vamos para a composição
principal. Vamos adicionar nossas
linhas animadas aqui. Neste caso, não precisamos
ter uma escala tão grande, talvez de 20%, e colocá-la de lado aqui. Talvez eu queira que
comecemos por aqui. Corte esta opção de camada com colchetes
esquerdos. Duplique essa coloque aqui. Estou tentando descobrir
onde podemos colocar o grande Comando S
para salvar o projeto. Na verdade, podemos tentar colocar
o grande aqui, vamos tentar se funcionar. Vamos arrastar
essa linha animada e depois alinhá-la aqui. Vamos usar R para rotação. Vamos colocá-lo aqui. Eu acho que isso funciona.
Vamos adicionar um monte de outras coisas mais tarde para
torná-lo mais polido. Mas agora, eu acho que esse
que x seno está aqui, eu acho que funciona. Eu quero que comece
com essa moldura aqui, então corte-a aqui
assim. Isso funciona. Então podemos fazer outro aqui, Comando D. Vamos fazer
este no lado direito. Isso funciona. Para
acelerar aqui, podemos fazer o círculo, arrastar o círculo para baixo. Coloque-o em cima do Frame 9. Eu acho que isso funciona. A última para
o círculo de movimento, ainda
podemos usar essas linhas
animadas aqui. Estou apenas adicionando aleatoriamente
essas linhas animadas e círculos animados para
dar mais variedade
e, em seguida, dar alguns
elementos extras a todo o meu vídeo. Isso funciona. Posso até
adicionar o círculo animado aqui e torná-lo menor
neste quadro aqui. Isso é cúbico. Na verdade, posso
alterá-lo para talvez 20%. Em seguida, adicione um, talvez aqui, mude para 10 por cento. Isso funciona. Vamos ver
a animação por enquanto. Acho que isso é muito pequeno, por aqui. Ainda posso
adicionar alguns pequenos círculos, vou copiar esses dois
círculos Comando D. Agora vamos pré-visualizar
nossa animação completa. Está um pouco lento agora, mas posso renderizá-lo mais
tarde e depois mostrar
a animação completa, mas você entendeu. Só precisamos colocar
aleatoriamente as linhas animadas e
os círculos animados em vários tamanhos e
, em seguida, em vários lugares para dar mais interesse
a todo o vídeo. Acho que agora a última
coisa que quero fazer é adicionar um fundo sutil, esboçar um texto, assim como
na primeira cena aqui, infelizmente
temos um texto de animação em segundo plano. Eu só quero adicionar
esses detalhes, como se esse plano de fundo
não fosse tão claro. Vamos encontrar essa
moldura aqui, Quadro 6. Quero duplicar
a escala Command D e depois me livrar de todos os
quadros-chave e animações. Só quero tornar
este maior e depois ir para a propriedade do
personagem. Exclua o animador de texto
e, em seguida, exclua a cor de
preenchimento dessa forma
e, em seguida, deixe-a totalmente grande
no fundo. Algo parecido. Em seguida, altere o traçado para talvez 0,1 e talvez altere a
transparência para 50 por cento. Eu acho que isso parece bom. Que tal isso?
Talvez 25 por cento? Acho que parece melhor. Você vê que 25% de
opacidade no fundo, apenas dê ao fundo
um pouco mais de textura. Isso parece bom. Então eu só preciso
adicioná-lo ao último quadro, que é um
quadro final aqui, o Quadro 10. Duplique este, pressione “U” no teclado,
exclua todos os quadros-chave. Aperte “S”, torne-o super grande. Em seguida, altere a
cor do traço para branco. Aqui está, apenas faça com que seja grande. Altere a largura do traçado para 0,1. Vamos fazer a parte do círculo
como se fosse um círculo, torná-la ainda maior. Em seguida, altere
a transparência para 25% ou 30%. Eu acho que isso funciona. É isso com nossa animação final completa. No próximo vídeo,
mostrarei como exportá-lo e mostrarei o vídeo exportado no formato
MP4 como um todo.
19. Exportar: [MÚSICA] Neste vídeo,
vou mostrar como
exportar isso para um vídeo no formato
MP4. Já fizemos nossa animação
completa. Para exportar o vídeo, vamos até Composição
e, em seguida, escolher essa opção como Adicionar
à fila de renderização. Depois de clicar em “Adicionar
à fila de renderização”, você pode ver aqui que podemos
escolher o módulo de saída. Clique em “Alta qualidade”. Normalmente, nós o carregaríamos
em um formato QuickTime, vá para as opções de formato. Vamos escolher este Apple
ProRes 422. Clique em “Ok”. Então tudo ficou igual
, clique em “Ok”. Podemos escolher uma pasta, pasta animação do tipo
cinético
e, em seguida, vamos
nomeá-la como saídas. Clique em “Salvar” e agora podemos
clicar neste botão Render. Você pode ver que está
renderizando nosso vídeo. Agora temos nosso vídeo pronto. Vamos voltar para a
pasta e depois assisti-la. Aqui na pasta de saída, vamos clicar duas vezes nessa. Este será
nosso vídeo final. No entanto, está em formatos MOV. Se você quiser que ele seja codificado
no formato MP4, precisamos baixar o
Adobe Media Encoder. Eu vou
te mostrar como fazer isso. Mas primeiro, vamos assistir esses
15 segundos para animação. [MÚSICA] Sim, esses são nossos
15 segundos de introdução animada. Se você quiser alterar
este para o formato MP4, precisamos abrir o
Adobe Media Encoder. Vá em frente e abra o
Adobe Media Encoder. Com o Adobe
Media Encoder aberto, vamos colocar esse vídeo
em formato MOV nessa fila aqui. Por aqui, podemos realmente mudar a forma como queremos codificá-lo. Podemos alterá-lo para H264, que é um
formato muito comum para vídeos MP4. Por aqui, não precisamos
mudar nada, na configuração, podemos
alterar uma pasta de saída. Ela será a mesma
pasta dentro dessa saída. Clique em “Salvar” e, em seguida,
clique neste botão verde de reprodução. Agora, ele vai codificar nosso vídeo no formato MOV em um vídeo no formato
MP4. [MÚSICA]
20. Parabéns: Parabéns, você conseguiu. Agora é hora de
terminar seu projeto e compartilhar comigo e com
seus colegas. Não deixe de publicar seu vídeo
no painel do projeto para receber feedback e
inspirar outros estudantes. Essa é difícil, mas agora você a conquistou. Se houver alguma coisa que
você não saiba, sinta-se à vontade para
me fazer qualquer pergunta que você tenha e eu estou
aqui para ajudá-lo. Se você se lembrar de algumas
das técnicas ensinadas aqui, você sempre pode voltar e
refrescar suas memórias. Também tenho alguns outros cursos que você pode conferir para aprender técnicas diferentes para melhorar suas habilidades de animação. Muito obrigado por
fazer este curso. Espero ver você nos meus
outros vídeos. Felicidades.