Transcrições
1. Introdução: After effects, gráficos em movimento com elemento e
três plug-ins D para criar
animações fáceis e impressionantes. Bem-vindos a todos. Eu sou seu anfitrião LIS RNapols. Fui educador
nos últimos 28 anos, lecionando em universidades e plataformas
sociais cobrindo técnicas de
animação, design
vetorial e layout de página Nesta aula de
animação gráfica em D after effects, ele aprenderá como
gerar mapas normais personalizados a partir de um padrão. Como criar três
formas em D a partir de caminhos vetoriais. Como trabalhar dentro do elemento,
três conectores D no ambiente, três conectores D no ambiente, extrudindo formas e aplicando texturas dentro Como animar em três espaços D e aplicar configurações de renderização, melhorando a animação geral em
três D. Ao final deste curso, você terá um sólido conhecimento
e uma visão de como criar incríveis animações em três D para seus próprios projetos
e clientes
2. Texturas personalizadas: gerando mapas normais: Para gerar mapas normais
personalizados que estou compartilhando com você
na pasta de exercícios, use o mapa normal online
no navegador. O que são mapas normais? Eles armazenam informações sobre
uma superfície na forma de
uma imagem de textura e podem simular a aparência
dos detalhes da superfície,
como solavancos ou arranhões, sem criar polígonos de
alto nível de detalhes Online à esquerda, temos o mapa de altura padrão, que é uma textura
em escala de cinza em o brilho de cada
pixel representa sua altura. Para obter mais informações,
podemos clicar
no ponto de interrogação aqui, onde se lê: A textura contém a altura da
distância do chão. Quanto mais brilhante o pixel,
mais distante. Como usarei apenas
o padrão em preto e branco, continuarei com
o mapa de altura. Vou clicar na janela aqui. Vou clicar para selecionar o padrão em
preto e branco
e , em seguida, clicar para abrir. Na extrema direita, temos
a pré-visualização em três D. Eu posso aumentar o zoom, posso
diminuir o zoom, posso girar. Também posso alterar a representação dos três modelos
D de cubo para esfera, pois usarei um modelo esférico para
aplicar Aqui no meio, temos
as opções para controlar como os mapas de textura
estão sendo gerados, começando com o mapa normal, que cria profundidade e
é usado para mapas de relevo Por exemplo, eu posso
fazer isso muito forte ou posso
torná-lo muito fraco. E podemos ver as
mudanças
ocorrendo na janela de
visualização, na pré-visualização em três D ou
dentro do mapa normal. Vou colocar isso de
volta ao padrão. Posso alterar o nível do mapa normal
à medida
que ele é aplicado. Também vou
definir isso como padrão. Então, aqui podemos
ajustar a nitidez. Todo o caminho para a
direita tem sido muito nítido e todo o caminho para a
esquerda está a quantidade de desfoque Vou ajustar o
meu para menos quatro. Em seguida, clicarei
no mapa de deslocamento que exibirá os detalhes usados
para deformar a malha do eixo Não vou fazer nenhuma alteração aqui. Vou clicar na oclusão do
ambiente, que cria um
pouco mais de profundidade e sombreamento Por isso, vou
torná-lo mais forte. Vou aplicar a força. Vou definir a quantidade de
desfoque exatamente da mesma forma
que no mapa normal Para o mapa especular, que nos diz quais partes de um modelo devem
ser brilhantes e brilhantes. Vou deixar tudo assim. Então, aqui na parte inferior, temos a opção de baixar cada um
desses mapas de textura ou
podemos fazer todos eles aqui. Podemos mudar a extensão. Vou usar o Jpeg e depois baixar todos
os mapas de textura
3. After Effects: como criar composição: Tudo bem, dentro do After Effects, vou criar uma nova composição. Vou dar a ele um nome
de gráficos em movimento no
menu suspenso predefinido Vou escolher 1920 por 1080. Quanto à duração, por enquanto, vou manter isso de
um a 30 segundos, mas provavelmente
no final vou cortar isso e clicar em
OK Agora, dentro do painel do projeto, vou importar os
arquivos de textura e tudo o mais que vou usar para esse projeto de
animação do After Effects. Vou clicar duas vezes nisso. Primeiro, importarei as nuvens, clicarei
duas vezes novamente e selecionarei a
tecla Shift para
importar as texturas Para manter meu trabalho organizado, na parte inferior do painel
do projeto, eu crio uma nova pasta. Eu renomeio essas duas texturas, seleciono com a
tecla Shift
e as coloco dentro da pasta.
Aqui estão elas. Tudo bem, eu também vou
importar alguns arquivos vetoriais
do Adobe Illustrator Para isso, precisarei
criar vários sólidos. Vou clicar na linha do tempo. Então, no menu, eu crio os primeiros sólidos. Vou dar a ele um nome
de forma oval. Eu me certifico de clicar em Criar tamanho de comunicação
e depois clicar em OK Em seguida, vou para o
Adobe Illustrator. Vou selecionar a forma oval
com uma ferramenta de seleção. Vou copiá-los para
as pranchetas, voltar para o After e depois colar Vou criar outro sólido. Na parte de trás do menu, New Solids. Vou dar a ele o nome
de painel lateral. Clique. Ok. Volte para
a reta, aqui está. Marque, selecione esses painéis, copie-os para as pranchetas Cole-os. Eu
crio outro sólido. Vou usar o atalho do
teclado. Vou dar a ele o nome de Picks, Allies, esse
será o meu nome aqui Vou clicar. Ok. De volta. Ilustrador. Aqui está. Marque você selecionou isso. Eu copio para as pranchetas, colo isso Eu crio outro sólido. Esse será meu logotipo, pressione Enter, aqui está meu logotipo. Eu seleciono isso,
copio para as pranchetas e
depois colo Tudo bem, então, para a linha do tempo, vou clicar e arrastar as nuvens, e também vou selecionar com
a tecla Shift Em seguida, traga também
todas essas texturas. Agora, as texturas que
não precisam estar visíveis, tudo o que precisam estar estão
dentro da linha do tempo Quanto às nuvens aqui, como você pode ver, elas
são um pouco grandes. Vou pressionar
a letra S nos teclados
para ver a propriedade de escala Vou apenas esfregar
isso até, digamos 80%. Também vou bloquear essa camada,
então não
a mova acidentalmente Agora que o projeto
foi configurado, a próxima etapa é criar
três formas em D a partir de todos os sólidos usando
o
elemento três D. Plug in
4. Elemento 3D - forma oval: Para o elemento três
D. Conecte para funcionar. Mais uma vez, preciso
criar um novo sólido. Vou clicar na linha do tempo. Eu falaria muito sobre a
visibilidade dessas camadas. Não preciso vê-las, eu só
quero ver as nuvens. Em seguida, usarei o teclado
Shout para criar um novo sólido. Vou dar a ele o nome
do elemento três, D. Eu clico em Tamanho e
depois clique em OK. Em seguida, no menu de efeitos, vídeo, pilotos e elementos Antes de clicar no
pecado configurado para ficar em pé, para carregar todas essas
formas aqui e as texturas Eu posso fazer isso nas camadas personalizadas, sob o texto e as máscaras personalizados. Para a camada de caminho um, atribuirei a forma oval, a camada de caminho dois
aos painéis laterais, a camada de
caminho três aos pixels
e quatro ao meu logotipo. Para as texturas nos
mapas de texto personalizados, camada um será atribuída
à saliência normal, a camada dois à inclusão e a
camada três à especular camada três Agora eu posso clicar
aqui, definir um botão aqui. A primeira coisa é clicar
no botão de extrusão, já que essa foi a primeira
forma que eu coloquei. É por isso que este é
extrudido. Tudo bem. Vou clicar duas vezes para renomear essas duas formas ovais.
Insira Return. No momento, eu tenho um chanfro,
na verdade, quero
que duas cópias sejam definidas como 0,2 para a cópia chanfrada Vou
expandir as bordas para
3,5. Vou rolar um pouco para
baixo abaixo das configurações básicas, cor
difusa, defino esta como
preta e, em seguida, clico em OK para
o valor dois abaixo do
contorno do Bevel, vou Vou definir o contorno para dois. Vou rolar um pouco para cima. Agora eu quero colocar esse esboço
no meio dos dois. Primeiro, vou mudar a visão
em vez da perspectiva. Vou colocar esse ponto à
esquerda no z do set. Eu posso limpar isso assim. Eu só vou fazer mais. Digamos que por aqui
parece estar no centro. Volte para a vista em
perspectiva e depois a forma oval e coloque,
sob a tesselação, a resolução do banho
ao extremo Então, eu tenho uma boa geometria densa.
5. Elemento 3D - painéis laterais: Para os painéis laterais. Mais uma vez, clicarei
no botão de extrusão. Vou clicar duas vezes para renomear
os dois painéis laterais frontais. Vou clicar em OK para ver
o caminho personalizado. Vou atribuir o caminho
personalizado aqui. Aqui estão os painéis laterais. Vou apenas arrastar
isso para o eixo z. Outra predefinição e física, vou atribuir a tagarelice
de corrida aqui. A predefinição, eu vou
clicar e arrastá-la diretamente para cima, aqui mesmo Também vou me certificar de que a resolução do caminho seja
definida ao extremo. Ou agora tenho um
belo objeto denso aqui em vez de uma visão em
perspectiva. Primeiro, vou escolher a visão à esquerda. Também vou entrar um pouco porque quero ter
certeza de que está no eixo Z ali mesmo. Vou mudar a visão em
perspectiva aqui e clicar para
duplicar esse modelo Esses serão os
painéis laterais traseiros. Eu clico em OK. Agora eu vou mostrar
isso no Z. Mas neste caso, primeiro eu preciso virar isso no Z. Eu
vou fazer isso aqui Vou inverter isso sob
a transformação no z. Aí está. Então, de
volta à vista esquerda, arrasto isso
no Z mudo para a vista em perspectiva. Vamos lá, ambos estão
ótimos, e clique em OK.
6. Element 3D - Modelo de esfera e texturização: Com o meio vazio. Vou adicionar
mais três objetos D,
neste caso, apenas uma esfera. Vou clicar no
botão Criar, um modelo de esfera. Clique duas vezes nele e renomeie
essa esfera. Clique, ok. O primeiro que vou fazer é
ampliar isso de forma não uniforme, que significa que vou
desabilitar o ativado Vou escalar este
no eixo x para 270%
200 no eixo y, como está no eixo Z. Isso parece bom. Vou
aplicar alguns materiais, que significa que selecionarei as configurações
do material. A primeira textura a ser aplicada
será a protuberância normal. Vou clicar no não definido. Vou clicar na
textura baixa que aparece no menu. E vou aplicar uma
protuberância normal e depois clicar em OK. Como você pode ver, isso cria
uma protuberância na superfície. Mas olhando para a forma como esse mapa de deslocamento envolve
a esfera do objeto, eu gostaria de ajustar Vou clicar em selecionar
o modelo da esfera. Então, sob o mapeamento UV
e as repetições de UV, vou dizer quantas vezes
esse material repete ladrilhos No momento, o mapa
de textura aparece apenas uma vez e aumentará para dois em dois De volta ao normal, também
vou
mudar a repetição aqui, 22 por dois Em seguida, clique em OK. Tudo bem. Vou
ampliar um pouco aqui para ver a próxima textura. Então esse será
o brilho. Clique nele e aplique
o mapa especular. Vou me certificar de que a
repetição U seja definida como dois a dois. E eu também vou
inverter e clicar em OK. O brilho é o quão brilhante ou lisa a superfície Isso é antes e
isso é depois. Deixe-me ampliar ainda mais
antes e depois. Como você pode ver, não podemos
ver nenhuma mudança
drástica apenas aplicando o mapa especular que
será visto quando trocarmos um mapa de ambiente diferente Tudo bem, agora eu também vou adicionar uma
textura de oclusão aqui, então vou clicar nela e
adicionar um mapa de oclusão Vou mudar a
repetição U para dois a dois, inverter isso e clicar em OK Como você pode ver, isso
escurece o mapa. Tudo bem, então as coisas
estão indo bem. Vou mudar
algumas cores aqui. Por exemplo,
nas configurações básicas e
na cor difusa, aplicarei a
cor azul de minha escolha Clique em OK para ver a refletividade, vou aplicar uma
cor amarela de minha escolha Eu clico e aumento sua intensidade
para 50% para a iluminação. Também vou aplicar
outra cor de minha escolha. Aumente sua intensidade,
digamos, para 6%. Isso parece bom. Mas agora é hora de mudar
a refletividade geral trocando o mapa do ambiente
existente Dessa forma, minha cena se
iluminará talvez ainda mais. O visual vai mudar. Além disso, vou criar algumas reflexões melhores
para esses três modelos D, que significa outros ambientes
predefinidos, ambientes luz de
fundo Isso faz parte das coleções de
luz de fundo do vídeo Copilots Bike
Like two K. Vou fazer uma pontuação baixa,
vou aplicar isso aqui Você vê que as mudanças são
imediatas. Lá vamos nós. Eu só quero
voltar ao brilho,
ao mapa especular que
existirá Sem o mapa do especulador, obtemos muito pouca reflexão, mas com ele, obteremos
ótimos resultados
7. Elemento 3D - Nome e logotipo: Os próximos dois objetos a serem extrudados. Esse será meu
nome e meu logotipo. Mais uma vez, clicarei
no botão de extrusão. Vou clicar
duas vezes nele. O nome, o alias desse tópico. Vou clicar em OK para ver
o caminho personalizado. Vou escolher o caminho personalizado três no Z.
Vou retirar isso Vou atribuir uma das predefinições chanfradas que vêm com o
elemento três D. Nesse caso,
aplicarei a predefinição de chanfro de listras. Vou apenas clicar
e arrastar isso diretamente em cima da liberação do objeto que visa o
material de pintura para a iluminação Vou mudar a cor para uma cor
amarela de minha escolha. Vou aumentar sua intensidade para
60%. Isso parece muito bom. Vou mudar a visão
para a esquerda. Gosto da distância. Talvez eu possa trazer isso um pouco mais perto, volta à perspectiva. Tudo bem. Clique.
Duplique esse modelo Clique duas vezes. Durante esse logotipo, alterarei o caminho personalizado
para o caminho personalizado quatro no C. Vou destacar
isso na transformação aqui
e, para a orientação, vou mudar isso para 180
graus por 180 graus. Eu também vou reduzir
isso um pouco. Vamos ver, eu vou
voltar para a esquerda. Aproxime isso,
talvez eu possa. A habilidade é feita ainda mais. Algo nesse sentido. Vamos ver, as coisas estão
indo muito bem aqui, assim.
8. Elemento 3D - separando objetos: Agora, antes de começar a
animar toda a cena, vou trazer o nome e o logotipo para
fora do grupo Eu posso atacá-los separadamente. Vou deslocar os eleitores para , em seguida, clicar, arrastar e
trazê-los para fora do grupo A ordem realmente não importa. O que importa é
que vou
atribuir cada objeto
a um grupo separado. Nesse caso, o nome será atribuído ao segundo grupo, o logotipo
ao terceiro grupo
e, em seguida, clique em OK.
9. After Effects: câmera 3D e objetos de flexão: Seguindo em frente
, vou adicionar uma
câmera de três dimensões à cena. Então, vou clicar na
linha do tempo no menu Nova câmera dentro
da caixa de diálogo Configurações
da câmera para o
tipo de câmera Vou escolher a
câmera de dois nós para o conjunto de lentes. Vou ajustar isso em 135 milímetros. Vou
deixar tudo como está e clicar em OK. Vou pegar a órbita ao
redor da ferramenta do cursor. Eu só vou
orbitar isso ao redor. Vou ter como alvo a camada sólida do elemento
três D aqui dentro do
grupo dois, que é basicamente o nome aqui dentro da partícula: olhar,
deformar e Vou distorcer isso um
pouco. Eu o habilitaria. Vou definir o
ângulo de curvatura para 30 graus, a direção da dobra para 90
graus. Isso parece bom. Talvez eu possa
realmente
aproximar isso da forma oval. E eu posso fazer isso dentro do
replicador de partículas aqui na posição z, viu Talvez eu possa levar isso,
digamos até dez. Acho que isso é suficiente aqui. Vou trabalhar no logotipo
aqui, que está sob o grupo três
Particle Deform bend Vou habilitá-lo. O ângulo de
curvatura será de -30 graus e 90 graus
para a direção Eu também posso aproximar isso
um pouco mais. Novamente, isso vai ficar dentro do replicador de partículas
aqui no Z,
dá para fazer isso menos dez, acho que a distância mais
ou menos é a mesma Eu gosto de C, então
vou manter isso.
11. After Effects: animações de suavização: Para melhor cronometrar a animação. Não é necessário ter duas visualizações.
Uma visão é suficiente. Escreverei a hora atual dedicada ao
início e
pressionarei a barra de espaço no teclado para visualizar
o Ram e depois pararei Na verdade, quero melhorar
essa animação e torná-la mais suave na
forma como ela chega Vou fazer você selecionar
esses dois quadros-chave. Clique abaixo do assistente de
quadros-chave. Vou perseguir a interpolação
do linear dois é. Vou pressionar a barra de espaço para
outra prévia da execução. Isso parece bom, mas isso não significa que não possa ser melhorado. Vou selecionar o quadro-chave, abrir o editor gráfico clicar duas vezes
no quadro-chave para
exibir a velocidade do quadro-chave E defina a influência da velocidade de entrada
para 80% e clique em OK A animação é assim. Ele acelera e, à medida que
entra, desacelera. E, a propósito, estou trabalhando
dentro do gráfico de velocidade, farei o mesmo
com esse quadro-chave no editor gráfico Neste cronômetro, posso usar o controle de influência
para fazer exatamente o mesmo Vou definir este para
80 por cento. Em seguida, pressione a
barra de espaço para o Ram. A pré-visualização parece ótima. Talvez eu possa selecionar todos esses quadros-chave e
espaçar o suporte um pouco Há uma distância um
pouco maior aqui para a rotação Ótimo. Agora, o próximo
está aqui. Vou clicar nesse clique com o botão direito. Easy está de volta
ao editor gráfico. Clique duas vezes e defina a velocidade de
entrada para 100%. Vamos acelerar e, em seguida,
desacelerar lentamente a barra
de espaço para a pré-visualização do Ram Ótimo, a mesma história aqui para os dois que clicam com o
botão direito do mouse
é: vou aumentar a alça de
influência para
100% e essa alça de
influência para 100% e seguida, pressionar a
parte de espaço para ver a prévia do Ram. Fantástico,
exatamente o que eu estava procurando.
12. After Effects: renderizando as configurações: Agora que a animação
está pronta, quero falar sobre
as configurações de renderização. Como posso melhorar as
reflexões gerais e o que você tem? Vou clicar na camada sólida do elemento
três D, voltar aos controles
de efeito nas configurações de renderização e dentro do ambiente
físico. Primeiro, aumentarei a exposição geral
ao meio ambiente. Eu também vou aumentar
a gama e isso vai
me dar pouco mais de contraste e também
vai me ajudar a obter cores mais ricas
para os reflexos Também gire
todo o ambiente. Vou esfregar o decator de tempo
atual até o início
e vou
girar o ambiente de rotação Y. Vamos clicar no cronômetro para criar o primeiro quadro-chave Em seguida, para ir para o último quadro-chave
visível, vou usar os atalhos do
teclado Essa será a letra K que vai para o próximo quadro-chave
visível Vou tocar nisso
algumas vezes para ir até o último
quadro-chave visível e definir o ambiente de rotação Y
para 150 graus. Vou raspar o
indicador de tempo atual até o início Eu pressiono a parte de espaço
para a visualização do Ram. Como você pode ver, o
ambiente gira em Y
à medida que a animação
acontece Para o brilho, vou ativar o brilho e aqui está
a intensidade Ok, eu vou
reduzir isso, na verdade, para 11 é o suficiente do meu lado. Também posso ter um
pouco de desfoque de movimento. Vou ativar isso
, mas também preciso aumentar as amostras
de desfoque de
movimento Vou escolher 20, depois vou limpar o decator de
tempo atual. Bom e lento. Podemos ver o
desfoque de movimento ocorrendo. Você vê isso
ali e ali? Tudo bem, outra
coisa que posso fazer dentro da saída para
a amostragem múltipla, vou mudar essa 8-16. Na verdade, deixe-me
ampliar um pouco aqui para que eu possa
mostrar Você verá algumas
mudanças aqui uma vez e alterará a amostragem
múltipla 8-16. Agora isso reduz basicamente
as bordas irregulares em objetos que têm Vá em frente e pressione
o par de espaço para a visualização da norma. As coisas
estão indo bem. Eu tenho o brilho, reflexos muito
bonitos. Aqui está o desfoque de movimento. Vai ficar um pouco
lento no sistema, mas ainda assim parece bom. Vou guardar isso.
13. After Effects - composição de aparamento: Antes de exportar a animação
inteira, vou
cortar a composição, pois ela dura apenas
alguns segundos Acho que toda a
animação está por aqui. Também vou deixar um pouco de espaço para respirar,
digamos, por aqui. Em seguida, usando os atalhos do
teclado, pressionarei a letra no teclado para definir
o final da área
de trabalho para essa relíquia do tempo
atual Em seguida, corte a composição na área de trabalho. Agora vá até o
menu Composição Adicionar à renderização, preciso especificar aqui para onde esse movimento será exportado
e, em seguida, clique em Renderizar
14. Obrigado! : Muito obrigado por
passar um tempo comigo. Entendendo como usar o poderoso
plug-in de copiloto de
vídeo dentro do After Effects Estenda a mão. Se você
tiver alguma dúvida ou feedback sobre o curso, seria uma grande
ajuda ouvir você.
Elias Sarantopoulos, Helping You Develop
