Transcrições
1. Boas-vindas: Se você criar um
conteúdo de vídeo de qualquer tipo, é
provável que tenha
precisado sobrepor gráficos ou texto
à sua filmagem Fazer isso manualmente para várias versões diferentes pode ser demorado e entediante, especialmente se você precisar
ajustar a animação a cada É aí que entram os
modelos de gráficos em movimento ou Mgarts. Bem-vindo aos gráficos em
movimento reutilizáveis por vídeo do Adobe After
Effects para Sou McEnfres e
sou um explicador. Escrevo, ilustro e
animo animações educacionais, focadas
principalmente em tópicos de saúde
e Também ensino design de movimento e uso muitos cartões de título, terços
inferiores e dicas
em minhas aulas e Ao transformar esses
gráficos em movimento em modelos, economizei
inúmeras horas de trabalho. Nesta aula, mostrarei meu fluxo de trabalho exato, desde a criação de animações e efeitos posteriores até sua personalização na estreia. Você aprenderá a
criar um cartão de título que
centraliza automaticamente o texto, independentemente de haver uma linha ou duas, e o terço inferior que ajusta
dinamicamente o tamanho das caixas de texto
com base no conteúdo Além disso, ouvi
três exemplos em que você criará um modelo
com ícones selecionáveis, um ponteiro móvel Adicionar gráficos em movimento personalizados
não se trata apenas de estética. É uma forma de adicionar informações
adicionais e destacar seu conteúdo. Bem, é fácil
comprar Mbards pré-fabricados. Criar seus próprios
permite que você adicione um toque pessoal ou
os alinhe com sua marca Além disso, você pode compartilhar ou vender seus modelos de animações. Isso foi projetado para editores de
vídeo que desejam
adicionar gráficos em movimento aos seus projetos de vídeo, mesmo que você nunca tenha aberto o
After Effects antes Bob explorará tópicos
avançados, como o
painel gráfico essencial e as expressões. Vou
guiá-lo em cada etapa para que você possa recriar
os exemplos Espere ser
desafiado, mas guiado. Então, se você está pronto para criar seus próprios modelos de
animação personalizados e simplificar seu fluxo de trabalho, então vamos começar
2. O que esperar + projeto de curso: Nesta aula, mostrarei
como animar e configurar
um modelo para cinco
animações diferentes usando o After Effects Suponho que você conheça o básico da estreia,
mas no final da aula, mostrarei como usar
os gráficos em movimento que
criamos em um
projeto de vídeo no Para o projeto da classe, publique
um ou mais gráficos em movimento. Pode ser exatamente
como meus exemplos, ou você pode usar o que aprendeu em sala de aula para criar
algo único. Para o cartão de título
e o Lower Third, mostrarei como
criar todas as partes do gráfico em movimento
do zero
dentro do After Effects. Para o fax
e o ponteiro polinizador do
indicador Bloom timeie ,
forneci um único arquivo de projeto do
After forneci um único arquivo de projeto do
After com composições contendo todos
os gráficos necessários Eu vou te mostrar como
animá-los e depois
transformá-los em um modelo Também é bem-vindo para criar
seus próprios gráficos. Se você quiser criar seus
gráficos no Illustrator e importá-los para o
After Effects para animar, eu tenho um tutorial
explicando como fazer isso Mas isso é totalmente opcional. Para os vídeos que uso no exemplo
do projeto de aula, usei
vídeos stock da Pexels Incluí links para
os vídeos que usei, mas fique à vontade para
gravar seus próprios vídeos ou usar outros vídeos stock aos quais você
tenha acesso. Você encontrará tudo o
que precisa
na seção de recursos da aula. Se você tiver alguma
dúvida ao longo do caminho, sinta-se à vontade para publicá-la
na guia de discussões. Um aviso rápido. Tentei ser o mais
preciso possível com meu tema de flores nativas do
Colorado, mas sei que existem
algumas pequenas imprecisões Então, se há algum botânico
lá fora assistindo,
por favor, me perdoe.
3. Tour do After Effects: Neste vídeo, mostrarei
um tour pelo After Effects caso você nunca o tenha usado
antes ou precise de uma atualização Abri o arquivo de projeto do
After que
forneci e que
contém os gráficos . Mostrarei como
transformá-los em modelos nesta classe. Você pode baixar
esse arquivo
de projeto na
seção de recursos da classe. Como outros programas da Adobe, você pode personalizar
seu espaço de trabalho Se você for ao espaço de trabalho do Windows, poderá ver alguns dos espaços de trabalho
padrão Estou no espaço de trabalho
chamado padrão. Se o seu espaço de trabalho
não se parecer com o meu, você pode configurá-lo como
padrão e Também no menu da janela, você pode ver outros painéis. Vamos
usar muito
gráficos essenciais nesta aula, mas ainda não vou
abri-los porque ocupam muito espaço. Vou até o
personagem para abrir aquele painel e ele está encaixado
aqui, o que é bom O painel de propriedades,
que está aqui, é muito útil e eu vou
usá-lo muito, então vou movê-lo para
um local mais conveniente. Vou selecionar onde está
o nome das propriedades
e, em seguida, vou arrastá-las
até aqui. Até essas guias. Acho mais fácil trabalhar
com ele quando está aqui. Também aqui está
o painel do projeto, e é aqui que tudo o que você importa para o After Effects será armazenado e onde
todas as suas composições, que é uma sequência em estreia É para lá
que eles vão morar. No arquivo do projeto
que forneci a você, temos três composições
para os diferentes gráficos, e eu abri as três na linha
do tempo Para abrir uma composição, basta clicar
duas vezes nela no painel
do projeto. Para criar uma nova composição, você pode clicar neste pequeno botão de nova composição aqui embaixo. Nas configurações de composição, você pode nomear
sua composição e, em seguida,
alterar as dimensões, a taxa de
quadros, a duração
e a cor do plano de fundo Aqui está a nova composição
vazia, e vamos praticar a adição de
algumas coisas nela. Se você for até a barra de ferramentas superior, há uma ferramenta de forma que,
se você clicar e segurar, há outras
ferramentas de forma aqui Vou pegar a ferramenta de
retângulo e clicar
e arrastar no visualizador de composição
para arrastar um retângulo Você pode criar muitos
gráficos diretamente no After Effects
com as ferramentas de forma. Depois de criar uma forma,
certifique-se de
voltar para a
ferramenta de seleção indo até aqui, ou o atalho do teclado é V. Se você quiser alterar a cor
da sua forma, você pode fazer isso aqui
com o preenchimento e o traçado, ou você pode fazer isso
no painel de propriedades, e você pode até mesmo
alterá-la na linha do tempo Se você clicar na caixa de cores, ele abrirá o seletor de cores onde você pode alterar a cor Se você quiser adicionar um
traçado, uma maneira fácil fazer isso é no painel de
propriedades, e eu já tenho um traçado, mas só preciso
aumentar a largura do traçado. Uma coisa a ter
em mente é que, se sua forma for selecionada e
você adicionar outra forma, ela será adicionada
à mesma camada. Vou apenas deletar
esse retângulo dois. Se você não tiver nada selecionado
ao criar uma nova forma, ela criará a
forma em sua própria camada. Se quiser fechar as camadas na
linha
do tempo ou ver todos os quadros-chave
nas camadas, você pode pressionar a
tecla U no Há também uma ferramenta de caneta, que é boa para desenhar linhas. Você também pode usar a
ferramenta caneta para desenhar formas exclusivas. Se você clicar e
arrastar, ele exibirá alças para fazer curvas Depois, com a ferramenta de seleção, você pode ajustar esses pontos
no caminho ou nas curvas Vou excluir todas essas
formas , exceto a primeira. É uma boa ideia
sempre rotular suas camadas. Para fazer isso, você deseja selecionar
a camada e pressionar
return ou enter
e, em seguida, digitar o nome. Em seguida, pressione Enter ou
Enter para salvar esse nome. A última ferramenta que você precisa conhecer é a ferramenta de texto. Se você pegar isso e clicar em qualquer lugar no visualizador de
composição, poderá começar a escrever texto. Para sair da ferramenta de texto,
você deve voltar para
a ferramenta de seleção. Você pode ajustar a fonte e qualquer configuração de caractere
no painel de propriedades ou
com o painel de caracteres. Agora vamos descer
para a linha do tempo. Onde quer que a barra de camadas
esteja na linha do tempo, é
aí
que ela ficará visível Se você for para o início
ou o final de uma camada, poderá obter essas
setas duplas para arrastar a camada de volta Agora, a camada de texto
não estará visível até chegar aqui
na linha do tempo Para mover uma camada inteira, basta selecioná-la e
deslizá-la ao longo da linha do tempo Eu só vou
deletar essa camada de texto. Nesta caixa, observe essa mira. Esse
é o ponto de ancoragem É daí que a forma
vai se transformar. Se você girá-lo,
ele girará em torno desse ponto Se você quiser centralizar o ponto de
ancoragem em uma camada,
certifique-se de que a camada esteja selecionada e, em
seguida, mantenha pressionado o controle Commander clique
duas vezes na ferramenta
panorâmica atrás Além disso, com a ferramenta pan behind, você pode mover o ponto de ancoragem qualquer lugar sem
mover a camada Se você pressionar o comando,
ele se encaixará. Vou ordenar que Z desfaça isso e coloque isso de
volta no centro Em seguida, volte para minha
ferramenta de seleção com V no teclado. Vamos alternar para abrir a camada na linha
do tempo e, em seguida,
abrir Qualquer propriedade que tenha um
pequeno ícone de cronômetro ao
lado é algo
que você pode animar Vamos animar a
posição dessa caixa. Para começar a definir quadros-chave, primeiro você precisa clicar no ícone
do cronômetro Em seguida, vou
mover meu indicador de reprodução e há algumas maneiras de
definir o próximo quadro-chave Você pode arrastar a camada
no visualizador de composição. E você pode ver o novo
quadro-chave na linha do tempo. O que os quadros-chave
fazem é dizer ao After Effects onde você quer que algo esteja em um
momento específico. Então, entre os quadros-chave, aftereffect descobre como
ir de um quadro-chave
para o próximo Está interpolando de
um valor para o outro. Vou mover meu indicador de
reprodução novamente e mostrar outra maneira de
criar um novo quadro-chave Isso é clicando e
arrastando esses valores aqui. Em seguida, moverei meu indicador de reprodução novamente e mostrarei mais uma
maneira de
digitar valores
clicando e, em seguida,
inserindo um valor Agora temos uma animação muito
simples e você pode reproduzi-la
pressionando a barra de espaço Você também pode colocar animações
em camadas umas sobre as outras para que eu possa dimensioná-las ao
mesmo tempo em que elas se movem Você
praticará muito mais configurando e animando quadros-chave
durante toda a aula, mas isso é apenas o básico Se você quiser ajustar o valor de
um quadro-chave, basta examiná-lo com o indicador de reprodução e
ajustar esse valor Se você quiser
excluir um quadro-chave, certifique-se de que ele esteja
selecionado e clique em excluir Se quiser excluir todos
os quadros-chave em uma camada, você pode apertar o cronômetro Vou mudar para a composição
do
ponteiro do polinizador
e, em seguida, vou mudar para
o painel do projeto Você pode importar diferentes tipos de arquivos para o After Effects, incluindo arquivos de imagem,
ilustrações do Illustrator, arquivos de
vídeo e áudio. Eu vou te
mostrar como fazer isso. Você pode ir até o arquivo, importar o arquivo ou usar
o atalho do teclado, que é Commander
Control I.
Vou pegar um dos meus vídeos de
flores e clicar em abrir Você pode ver que isso foi
importado no painel do projeto
e, em seguida, vamos colocar
isso em uma composição. Vou apenas
arrastá-lo para a linha do tempo. Você pode ver que
a ordem das camadas na linha
do tempo é importante
porque está acima de todo
o resto. Vou apenas arrastar esse
vídeo para a parte inferior
da pilha de camadas para que eu possa ver
o gráfico em cima dele Na verdade, não
vamos importar nenhum de
nossos vídeos para o
After Effects para este projeto. Vamos manter todo o material
do vídeo em estreia. Estou apenas mostrando que
você pode importar arquivos. Isso também pode ser útil
se você estiver criando seus próprios gráficos e
quiser ver como
eles ficam
no vídeo abaixo Se você criar seus próprios gráficos
, é importante considerar os videoclipes que você
usará e a aparência desses gráficos na
parte superior do vídeo Estou usando muitas linhas
brancas e finas, mas sei que todos os
meus videoclipes têm belos fundos desfocados com áreas
abertas onde posso Saiba que havia
muita informação. Mas se você
precisar voltar e lembrar
rapidamente de como
fazer algo no
After Effects ou aprender
um pouco mais sobre algo como
trabalhar com camadas de formas, criei uma série de vídeos
exatamente para esse propósito. É chamado de fundamentos de
AE e é totalmente gratuito Definitivamente, confira isso
se você se sentir um pouco perdido ou pode sempre
consultar este vídeo. Além disso, não se preocupe, pois
durante toda a aula, explicarei cada etapa
para concluir os exemplos. Você se sentirá muito mais
confortável com o
After Effects praticando
durante esta aula
4. Crie o cartão Title: Primeiro, precisamos criar
uma nova composição, você
possa fazer isso clicando neste
botão de nova composição aqui. Vou chamar
esse cartão de título e vou torná-lo 1920 por 1080 e garantir que você
tenha pixels quadrados selecionados Para a taxa de quadros,
vou usar apenas 30
quadros por segundo porque é isso que
eu normalmente uso para animação e é com isso que
me sinto confortável. Mas você quer ter
certeza de que corresponde à
taxa de quadros do seu vídeo. Em seguida, pulando
para a duração, vou definir
isso para 6 segundos. Vou deixar o
fundo preto porque será mais fácil ver
as coisas com as quais estou trabalhando. Mas realmente não
importa a cor,
porque ela não
aparecerá em nosso projeto final de vídeo. Mas se você quiser
mudar a cor, basta clicar nesta
caixa de cores aqui e você tem
o seletor de cores Depois
de ter todas essas configurações boa
aparência, basta clicar em. A primeira coisa que vou fazer é criar uma cor de fundo. Para fazer isso, vou usar
a ferramenta de forma, que está aqui em cima. Agora, se você clicar
e segurar,
na verdade há várias ferramentas de
forma diferentes aqui, então certifique-se de
selecionar a ferramenta retangular Em seguida, para criar uma forma
em tela cheia do
mesmo tamanho da composição, basta
clicar duas vezes na ferramenta de forma. A partir daqui, ainda tenho a ferramenta de
forma do meu mouse. Vou subir até aqui e
pegar a ferramenta de seleção. O atalho do teclado é V. A primeira coisa que eu quero
mudar é a cor de preenchimento Eu poderia fazer isso aqui ou no painel de propriedades.
Isso não importa. Acabei de copiar um
código hexadecimal do meu design, onde estava pensando em como
eu
queria que fosse no Illustrator. Mas você pode usar o
seletor de cores ou simplesmente colar um código hexadecimal ou ajustar
os números aqui, como
quiser Então, uma vez que você tenha sua
cor, você pode simplesmente clicar. E certifique-se de que você
não tenha um traço, clique na palavra
traçado e diga nenhum. Você pode fazer a mesma coisa
aqui no painel de propriedades ou apenas garantir
que a largura do traçado seja zero e isso é
essencialmente a mesma coisa. Agora temos a cor de
fundo, mas uma coisa que é
realmente importante fazer é rotular sua camada
para
que você saiba o que é o quê Para renomear uma camada,
verifique se ela está selecionada e, em seguida,
pressione Enter ou Enter
e, em seguida, você poderá
digitar seu novo nome Vou apenas chamar
esse BG como plano de fundo e pressionar
Enter ou Enter
para salvar esse nome. Agora vamos animar
essa cor de fundo entrando e
saindo da tela Vou passar
para 1 segundo e vou alternar as propriedades de transformação para encontrar
a propriedade de posição Vou definir um quadro-chave de
posição aqui clicando no cronômetro Isso diz que em 1 segundo, essa
cor de fundo estará aqui no
centro da minha tela. Em seguida, vou
voltar ao início da linha
do tempo e
pegar esse valor,
clicar e segurar sobre ele
para arrastar essa camada para cima linha
do tempo e
pegar esse valor,
clicar e segurar sobre ele
para arrastar essa camada para Você provavelmente precisará repetir isso para tirá-lo
totalmente da tela. Você pode simplesmente movê-lo
no visualizador de composição, mas às vezes acho
que essa maneira é fácil. A partir daqui, a forma vai se mover
para o lugar certo. Mas essa animação
é muito chata. Esses quadros-chave em forma de diamante
são quadros-chave lineares. Isso significa que ele se move a uma velocidade constante o tempo todo. Vamos tornar essa animação um
pouco mais interessante. O que precisamos fazer é clicar e arrastar sobre os quadros-chave
para selecionar os dois. Em seguida, clique com o botão direito do mouse, acesse o
assistente de quadros-chave e o Easy Es. Você também pode usar o
atalho, que é F nove. Agora, o que ele vai
fazer é começar devagar, depois se mover um pouco mais rápido
e terminar devagar. Isso é um pouco
mais interessante, mas podemos levar
isso ainda mais longe. Se você selecionar as
principais empresas novamente e depois acessar o
editor gráfico, que está aqui. Na verdade, você pode ajustar esse
gráfico para ajustar o movimento. O que estamos vendo
agora é o gráfico de velocidade. Isso é mapear a
velocidade ao longo do tempo. tempo está no eixo x, velocidade está no eixo y. Então, se você clicar em qualquer um
desses pontos nas
bordas do gráfico, você abrirá
as alças amarelas e poderá clicar e
arrastá-las para ajustar a curva. Agora também estou
pressionando a tecla Shift para não mover acidentalmente
a curva para cima ou para baixo. Eu quero que fique em zero, então pare e
comece na velocidade zero, como se desacelerasse de zero cima e depois
voltasse para zero Dessa forma, não temos
uma parada abrupta estranha. Estou apenas puxando
essas alças para criar uma curva de
aparência mais interessante, o
que
tornará essa animação mais rápida.
Algo parecido. Agora vou sair
do editor gráfico clicando
novamente no botão do editor
gráfico e vamos animar
essa forma Vamos passar para 5 segundos. Vou clicar
nesse botão de quadro-chave aqui
ao lado da posição, e isso definirá um
quadro-chave para esse valor, mas em 5 segundos, onde meu indicador de reprodução está. Entre esses dois quadros-chave, nada acontecerá porque esses quadros-chave têm exatamente
o mesmo valor Em seguida, vou
mover meu indicador de reprodução até o final da
linha do tempo em 6 segundos e vou
remover essa camada Vou te mostrar uma
maneira diferente da que fiz
no começo. Vou
pegar a camada,
manter pressionada a tecla Shift para ter certeza de que estou indo
apenas na direção y
e, em seguida, arrastá-la totalmente
para fora da tela. Vamos selecionar esses
quadros-chave,
entrar no grafitor e
ajustar seu Para a animação
sair, vamos
alterá-la e fazer com que ela ocorra
na direção oposta. Em vez de ir
rápido e depois devagar, vou fazer com que vá
mais devagar e depois mais rápido. Quando estiver satisfeito com o
movimento da animação, você pode clicar fora
do editor gráfico. E agora vamos duplicar essa camada de fundo para
criar algumas cores de destaque. Para fazer isso, certifique-se de
que a camada esteja selecionada e pressione Commander Control D
para criar uma duplicata. Novamente, você pode renomear isso. Em seguida, vou
para a cor de preenchimento e vou
usar uma cor de preenchimento mais escura Então, vamos colocar
o acento abaixo da forma original para que a camada original seja
a que aparece Em seguida, vamos arrastar
a camada original um quadro para a direita. Estou apenas selecionando
a camada inteira e movendo-a sobre um quadro. Agora você pode ver que,
à medida que isso é animado, temos a cor de destaque vindo primeiro e depois o plano de
fundo original em cima dela Eu vou fazer
isso mais uma vez. Vou entrar na cor de preenchimento
e mudar essa cor. Agora vamos selecionar o plano de fundo
e o primeiro sotaque e colocar os dois em
um quadro para a direita Aqui está o que eu tenho até agora.
No final da animação, esses quadros-chave estarão na ordem errada, então não
veremos realmente as cores de destaque. Para abrir rapidamente todos os
quadros-chave em todas as camadas, vou apenas
garantir que nenhuma selecionada e, em seguida, clicar em
você, que realmente fecha a camada
que estava mostrando os quadros-chave e, em seguida, pressionarei você novamente para abrir todos os Preciso inverter a
ordem desses quadros-chave, para que esse conjunto de quadros-chave seja o primeiro a acontecer, e depois esse,
que já está no lugar certo,
e depois esses. Então, como esses quadros-chave estão sendo
retirados da linha do tempo, vou clicar e
arrastar para selecioná-los e , em seguida, trazê-los para
que não
caiam da linha do Dessa forma, todas as formas se
moverão totalmente para fora da tela. Agora vamos criar o texto do título. Vá até a
ferramenta de texto e
clique em qualquer lugar no
visualizador
de composição e comece a digitar Em seguida, para sair
da ferramenta de texto, basta voltar para
a ferramenta de seleção. Se precisar alterar
o estilo do texto, você pode fazer isso no
painel de propriedades
ou no painel de caracteres Estou usando uma fonte da Adobe. Se você quiser usar
a mesma fonte que eu, acesse as
fontes da Adobe para obtê-la e veja todas
as minhas configurações aqui. Uma coisa a observar é que
eu adicionei um derrame, então você provavelmente não tem
um derrame para começar. Basta marcar este botão e,
em seguida, eu mencionei dois pontos. Ao criar qualquer modelo de
animação reutilizável, considere
outras versões Em outra versão, posso ter um texto
mais curto aqui
ou um texto mais longo, mas sempre quero que o
texto seja centralizado Para facilitar esse trabalho
, você pode ir até a seção de
parágrafos
no painel de propriedades e
apenas alinhá-la ao centro Então, vamos usar as ferramentas de alinhamento. Se você não vê nenhum
dos painéis que estou usando, todos
eles podem ser encontrados
embaixo Então, vamos centralizar isso
na horizontal e na vertical. Para animar esse texto,
vou usar animadores de texto. Mas, em vez de entrar em uma longa explicação de como
configurar esse animador de texto, vou dar
a você como um preceito, para que você
possa instalar a predefinição e depois
aplicá-la ao Eu tenho uma aula inteira
sobre animadores de texto e esse é um dos exemplos Se você quiser aprender a
animar com animadores de texto, confira
essa aula Para baixar a
predefinição do animador de texto que usaremos, acesse a
seção de recursos da aula Depois de baixar o arquivo
FFX, você deseja encontrar
a pasta de predefinições, que geralmente está localizada em
documentos e depois em E então a versão do
After Effects em que você está. Em seguida, o usuário predefine. Você pode ver que eu já tenho um
monte de coisas aqui e também
criei subpastas
para organizar as coisas Você pode fazer a mesma coisa
se quiser ou simplesmente trazer esse arquivo FFX
para essa pasta Vou colocar o meu na
minha pasta de predefinições de texto. Agora podemos voltar
ao After Effects e acessar o painel de
efeitos e predefinições Para garantir que a
nova predefinição apareça, vou até esse menu
e escolho atualizar lista Em seguida, ative as predefinições de
animação abertas, as predefinições do usuário e, em seguida, elas devem estar aqui ou em qualquer
pasta em que você Vou mover meu indicador de
reprodução para o início
dessa camada porque, quando
eu aplico a predefinição,
ele aplica os ele quadros-chave começando em
onde quer que
o Para aplicar a predefinição, basta arrastá-la para a camada Se eu bater no teclado, você verá que isso define alguns quadros-chave para
animar esse texto O último elemento que
vou adicionar é o texto de
fundo. Para fazer isso, vou até a ferramenta de texto, digitar meu texto. E então eu vou passar para as configurações e tornar
isso muito grande. Vamos colocar tudo em maiúsculas. Depois, também vou me
livrar do preenchimento e alterar o traçado. Quero usar a cor de
destaque do plano de fundo para o traçado. Vou apenas mover meu indicador de
reprodução para poder usar o seletor de cores para
pegar essa Depois de
clicar na cor, às vezes você precisa pressionar Enter
para se livrar do conta-gotas Em seguida, vou mover
o texto do Colorado trás do texto do título. Então, vamos colocar
isso em prática. Em seguida, vou
duplicar esse texto pressionando o comandante Control D
e, em seguida, arrastarei a
duplicata até o Para animar o texto de fundo, farei com que a
camada superior deslize pela direita e a
camada inferior deslize pela esquerda Vou passar para 1
segundo na linha do tempo. Selecione essas duas
camadas e pressione P
no teclado para exibir as
duas propriedades da posição. Depois, vou definir um quadro-chave
clicando no cronômetro. Em seguida,
vou para o início da linha
do tempo e, em seguida, arrasto a camada inferior totalmente para a esquerda Em seguida, arrastarei
a camada superior até a direita. Em seguida, vou clicar e arrastar sobre esses quadros-chave para
selecioná-los e, em seguida, fazer F nove
para facilitar esses quadros-chave Então, a partir daqui, posso entrar
no editor gráfico e
ajustar essa curva de movimento. Se você tiver os dois conjuntos de quadros-chave de
posição selecionados, poderá ajustar os dois gráficos
ao mesmo tempo. Vou clicar
e arrastar sobre uma das extremidades para pegar as alças e depois ajustar esse gráfico para
que pareça semelhante ao gráfico
das camadas de
fundo entram. Isso
parece muito bom. Para sair do editor gráfico, basta clicar nesse botão novamente. Depois que o
texto de fundo fosse animado, eu queria continuar flutuando
na mesma direção em que ele estava indo e depois
animar mais rapidamente Para fazer isso, vou
passar para 5 segundos
e, em seguida, vou entrar no valor x
da
propriedade de posição e simplesmente passar a seta para cima. Então, para o fundo,
eu vou fazer mais 300. Então, para o topo, eu vou fazer -300. Dessa forma, eu sei que
os dois estão movimentando a mesma quantidade. Então, em 6 segundos, vou
animá-los totalmente na mesma direção em
que estão indo Aqui está o que
parece. Esse movimento parece um pouco
estranho porque quando atinge esses quadros-chave, atinge uma velocidade de zero,
então para de se mover e começa de novo, o que
é O que eu quero fazer é fazer disso um movimento fluido contínuo. Para fazer isso, vou
até onde diz posição nas duas camadas para
selecionar todos os quadros-chave
e, em seguida, vou para
o editor gráfico Precisamos mover esse ponto
no gráfico que representa o quadro-chave para cima para que ele não
chegue até zero Mas você pode ver que,
quando eu faço isso, ele divide os valores de entrada e saída do Em vez de fazer isso, vou clicar e arrastar
para selecionar os dois quadros-chave,
porque lembre-se
de que temos duas
propriedades diferentes aqui
e, em seguida, vou
clicar com o botão direito do mouse e ir para a velocidade do
quadro-chave Vou para contínuo, que bloqueia a saída
para a entrada A partir daqui, você pode
selecionar ok e, em seguida, apenas isso
no editor gráfico. Mas isso é pequeno, então o que
vou fazer para tornar isso ainda mais
fácil é simplesmente inserir a velocidade e ela a alterará automaticamente para entrada e saída Vamos tentar 300 pixels por segundo. Então, vamos fazer a mesma coisa aqui. Agora vamos reproduzir isso. Você deve ter notado
que, por aqui, o texto fica lento até quase parar. Se você ampliar o gráfico
pressionando a tecla mais, verá que a linha está
caindo até zero Vou diminuir o zoom
novamente e depois selecionar esse quadro-chave e arrastar a alça de
volta para a esquerda. Na verdade, isso elevará
o centro da curva aqui. Vamos fazer a mesma coisa
com esse quadro-chave. Estou apenas encurtando
essas alças. Agora, se eu ampliar, você pode ver que essa curva não está mais atingindo
a linha zero. Agora, se reproduzirmos isso,
deve parecer muito mais suave. A última coisa a fazer
para terminar de criar esse cartão de título é ajustar
quando as camadas chegam. A única camada que
eu acho que precisa ser ajustada é realmente
esse texto do título. Chega um
pouco cedo demais. Vou apenas arrastar
a camada inteira de volta para talvez cerca de 20 quadros.
Acho que parece melhor. Então, vamos verificar
onde
estão os quadros-chave e vamos dar uma olhada
na animação. Eu acho que isso parece bom também. Isso é tudo para o cartão de título. No próximo vídeo, mostrarei como
transformar isso em um modelo.
5. Modelo de cartão de título: Vamos transformar esse cartão de título em um modelo de
animação reutilizável ou arquivo Mogart que pode
ser Dessa forma, você ou o editor de
estreia podem criar versões desse modelo
com cores,
textos diferentes ou o que
você decidir personalizar Primeiro, você precisará abrir o painel Gráficos essenciais. Portanto, a maneira mais rápida de
fazer isso é clicar com o botão direito do mouse
em uma área vazia na linha do tempo ou
no
visualizador de composição e escolher Abrir
e Gráficos essenciais Dessa forma, ele abrirá
essa composição exata no painel Gráficos essenciais Então, a primeira coisa é
que você precisa nomeá-lo. Isso é importante se você
quiser exportá-lo como um modelo de animação gráfica
para usar na estreia Se você vai
usá-lo apenas no After Effects, esse nome não é tão importante. Então, vou dar um nome a
esse cartão de título. Esta miniatura aqui
é o que você verá na pré-visualização
na estreia quando estiver
examinando seus modelos Então, para definir isso, basta mover o indicador de reprodução para qualquer lugar que
pareça um bom quadro Então, tudo bem e, em
seguida, basta clicar em Definir pôster .
A próxima etapa é arrastar as propriedades que você
deseja que sejam personalizáveis Se você quiser ver todas
as propriedades que
são suportadas, você pode escolher propriedades
com suporte individual, mas isso lhe dará
muitas coisas diferentes. Então, vamos fechar
esse backup e eu vou mostrar quais deles vou tornar personalizáveis Primeiro, quero
poder mudar o que diz o texto do título. Não estou planejando tornar o texto do Colorado personalizável
porque isso aumentaria um pouco mais de complexidade já que animamos
a posição dele e um texto mais longo tornaria essa posição um
pouco diferente Então, estou apenas considerando
essa parte do modelo. Para tornar esse
texto de título branco personalizável, vou ativá-lo para
abri-lo na linha Abaixo do texto. Vou encontrar o texto fonte e
depois arrastá-lo para dentro. Vamos dar um nome
diferente a isso. Vamos apenas chamar esse título de texto. Depois, há essa opção de edição de
propriedades aqui. Você pode permitir que as pessoas que
estão usando seu modelo, ou talvez seja só você possam escolher
uma fonte diferente, um tamanho de fonte diferente, tamanho de fonte diferente, e você pode até mesmo
permitir que as pessoas estilos
diferentes, como
maiúsculas ou Fo Bold Depende de
você permitir isso, mas lembre-se de que, se você ativar a fonte personalizada
ou
o tamanho personalizado, as
pessoas poderão
ajustar o tamanho do texto, que você precisará
acomodar com o modelo. Você precisará se certificar de que,
se o tamanho do texto mudar, ele não pareça terrível.
Eu vou te mostrar como fazer isso. Lembre-se de que qualquer uma das
propriedades que você tem
no painel Gráficos
essenciais será o padrão Agora que temos
o texto lá, se você fosse
torná-lo mais longo, digamos
que adicionamos a esse texto, agora ele está sendo
cortado nas bordas. Existem diferentes maneiras de se acomodar a
coisas como essa, mas primeiro vou mostrar
a maneira mais simples. E isso será ir até
o painel
Propriedades, encontrar a seção de parágrafos e clicar no botão Eu. Esse texto agora
é chamado de texto pontual, que significa que todo
o texto estará em uma linha. Você também pode ter uma caixa de texto, que vai caber
o texto em uma caixa
e, assim, criará novas linhas quando for
cortada nas laterais. Então, vou
clicar nesse botão para converter o texto em texto em caixa. E então
vou clicar duas vezes no texto para
abrir a caixa. E vamos redimensionar essa caixa. Para que o texto não
seja cortado. Agora vou precisar realinhar isso com as ferramentas de alinhamento
e, na verdade, vou tornar essa caixa um
pouco mais estreita Talvez você também queira
ajustar a margem, que é o espaço entre
as linhas do texto. Acho que isso parece um
pouco distante demais. Então eu acho que parece
melhor para um título, e vamos realinhar
isso mais uma vez Agora eu quero ter certeza de que o ponto de ancoragem
está no centro Então, uma maneira rápida de fazer isso
é
selecionar a camada e
clicar duas vezes na ferramenta Pan Behind, que está aqui enquanto
pressiona Command ou Control. Isso deve centralizar
seu ponto de ancoragem. Agora, se eu encurtar esse texto, ele permanece alinhado horizontalmente porque é Mas verticalmente, não está alinhado quando eu tenho apenas
uma linha de texto, mas estava quando eu tinha duas Para corrigir isso, vou usar uma expressão no ponto
de ancoragem Então, com essa camada selecionada, vou pressionar A para
abrir a propriedade do
ponto de ancoragem Não vou me aprofundar
aqui sobre como essa expressão funciona. Eu vou cobrir isso mais tarde. Mas, por enquanto, você
pode copiar e colar essa expressão da seção de
recursos da classe. Em seguida, para inserir a expressão, clique com a opção ou a tecla Alt no cronômetro, e isso abrirá
esse campo de expressões Então eu copiei e
vou colar aqui. Então deixe-me expandir
isso para que você possa ver. Então, o que essa
expressão está fazendo é usar uma função chamada
source rect at time E o que essa função
faz é descobrir o tamanho da camada. E com essa informação,
podemos pegar a largura, descobrir onde estão as coordenadas
à esquerda e descobrir a altura e onde estão as coordenadas superiores. E usando essas informações, podemos descobrir onde
o ponto de ancoragem precisa
estar para que, independentemente
do tamanho do retângulo, quando o tamanho mudar,
o ponto de ancoragem sempre permaneça no centro da forma Dessa forma, quando tivermos
várias linhas de texto, elas sempre permanecerão alinhadas
verticalmente Agora, se adicionarmos mais texto, ele permanecerá alinhado verticalmente Vamos personalizar as cores de fundo e
de destaque. Vou selecionar essas
camadas e entrar nesta barra de pesquisa
aqui e pesquisar cor apenas para exibir
a propriedade da cor. E queremos a cor de preenchimento, então vou trazer a cor
de preenchimento do plano de
fundo para o painel
gráfico essencial. Vamos apenas nomear isso e depois
faremos a mesma coisa com o sotaque e
o
segundo sotaque E eu vou bater em você no meu teclado duas vezes para
fechar todas as camadas. Agora vamos tornar as
cores do texto personalizáveis. Não há nenhuma propriedade de cor
na camada de texto, mesmo que ela
obviamente tenha uma cor. Então, o que precisamos fazer
é adicionar uma cor de texto. Então, primeiro, abro o texto do
título e depois vou até texto do
título e depois vou até esse botão
animado, clico encontro a cor de preenchimento e
vou para RGB Então, isso adicionará uma cor de preenchimento e podemos
alterá-la de volta para branco. Isso também adicionou um
novo animador de texto, então eu posso nomear essa cor apenas para ficar realmente organizado E então, para adicionar uma
propriedade de cor para o traçado, basta clicar
nesse botão de anúncio aqui e escolher a cor do traçado e RGB, e vamos mudar isso para branco E agora eu posso arrastar essas
duas propriedades para o
painel Gráficos essenciais e renomeá-las. Agora vamos adicionar controladores de cores para o texto de
fundo do Colorado Então, para isso, vou entrar
novamente na camada,
clicar no anime, mas ir
para Stroke Color RGB Eu quero que essa cor
seja sempre a mesma que
essa cor de destaque Então, vou abrir a cor
do sotaque. Vou pegar
o ícone em espiral, chamado de chicote
, e
arrastá-lo até a cor do acento de
fundo Dessa forma, essas propriedades sempre
estarão vinculadas. Então, seja qual for essa cor, essa cor será a mesma. Vou desfazer isso.
Como eu já trouxe essa cor para o painel Gráficos
essenciais, se eu alterar essa cor de destaque
, ela também atualizará
a cor do texto Para aplicar isso rapidamente
ao outro texto do Colorado, basta selecionar
a cor do traçado, copiá-la e
colá-la na segunda camada do
Colorado. Agora, só para verificar se tudo
isso vai
funcionar corretamente. Eu posso mudar essa
cor e funciona. Se quiser, você pode
deixar seu modelo um pouco mais organizado
adicionando formatação Portanto, no canto inferior
do painel Gráficos essenciais, abaixo da
formatação do anúncio, há uma opção para adicionar
comentários Eu vou fazer um grupo, e vamos dar um nome a esse texto. E então eu vou arrastar isso até o topo. E vamos arrastar essa
camada de texto para esse grupo. E de alguma forma eu perdi o
nome que eu tinha aqui. E então vamos também arrastar as cores do texto para esse grupo. Na estreia, o usuário
poderá reduzir isso, então meio que mantém tudo
bem, organizado e unido bem, organizado e unido Vamos também adicionar um grupo
para o plano de fundo. E vamos adicionar todas
essas cores a esse grupo. Depois de ter todas
as propriedades que deseja personalizar
no painel Gráficos essenciais e ter feito qualquer formatação
que gostaria de fazer,
você estará pronto para exportar
o modelo de animações Para fazer isso, basta clicar neste botão aqui. Primeiro, ele vai querer que
você salve o projeto. E então ele
perguntará onde você
deseja salvar esse modelo de animação
gráfica? Não gosto de salvá-lo
no local padrão porque essa pasta é muito difícil de
encontrar no seu computador. Portanto, se você quiser compartilhar o modelo com outra pessoa, precisará procurá-lo Então, em vez disso, vamos
salvá-lo em um lugar melhor. Então, vou
clicar em Navegar aqui, e você pode salvar esse arquivo de pontos Mogort
em qualquer lugar do seu computador Vou apenas
salvá-lo nesta pasta da Adobe. É aqui que o
After Effects salva sua predefinição. Então isso faz sentido para mim. Mas vou encontrar o Premiere e
depois a versão atual, e então você pode criar
subpastas Então, eu já fiz isso, mas vou fazer
um novo para esta aula. E então eu vou salvar esse arquivo
Mogart nessa pasta Se quiser, você
pode adicionar palavras-chave. No premiere, você pode fazer uma
pesquisa em seus modelos
e, se inserir palavras-chave aqui, aparecerão
quando você pesquisar essas palavras-chave no premiere.
E depois é só clicar em OK. Mostrarei como usar esse cartão de
título na estreia para que você
tenha
uma ideia de como
todo o fluxo de trabalho
vai do Adobe
After Effects até a estreia Mas não vou abordar a parte de
estreia dos outros exemplos até
o final
da aula,
porque, caso contrário, isso se tornaria muito repetitivo. Mostrarei como
reunir todos
os exemplos de modelos de gráficos em movimento que
criamos em um projeto de vídeo
no vídeo putting it atGether no final da aula Na estreia, vou
criar um novo projeto. E então, para obter meu Mgritz, preciso do painel
Modelos gráficos Isso estará em Janela
e, em seguida, em modelos gráficos. O
painel de modelos gráficos costumava ser chamado Gráficos
essenciais, caso você esteja usando uma
versão mais antiga do Premiere Nesse painel,
você deseja acessar os modelos
locais e
clicar no botão de adição. Isso permitirá que
você encontre a pasta que você criou e
faça com que o Premier sempre observe essa pasta para que
qualquer novo Mgartz que você colocar nessa pasta
seja automaticamente importado
para o Premiere, esse será o caso Toda vez que você abrir o Premiere
, todo o seu Mgurtz
já estará pronto para você Depois de encontrar essa
pasta, clique em escolher. Agora, se eu abrir os modelos
locais, aqui está a aula de
gráficos em movimento. Se você quiser classificar por
esses, basta
verificar isso e aqui está
o cartão de título. Vou criar uma nova sequência para mostrar como você pode
usar o cartão de título. Vou criar uma nova sequência. E então tudo o
que você precisa fazer é arrastar o modelo para sua sequência. Então, aqui está o cartão de título, e agora, se eu quiser
editar o cartão de título, posso ir para o painel
Propriedades, que você pode encontrar abaixo da
janela e, em seguida Vamos colocar isso aqui. E agora eu posso alterar qualquer uma dessas configurações
que eu configurei. Então, vamos mudar o texto e talvez a fonte e
até as cores. E toda a animação
será a mesma. Você pode ter quantos
desses cartões de título quiser
na sequência. Eu poderia voltar aos modelos
gráficos, arrastar isso novamente, isso terá todas as configurações
padrão. Se eu voltar às propriedades, posso ajustar todas
essas configurações novamente.
6. Crie um terço inferior: Para criar um terço inferior, primeiro
conduza uma nova composição. Vou
fazer isso de 1920 por 1080 novamente, pixels quadrados 6 segundos são bons e o fundo
ficará preto. Primeiro, vamos criar o texto. Vou usar a ferramenta de texto
e, primeiro, vamos mostrar nossos guias de segurança de ação do
título Você fará
isso pressionando a tecla
de aspas no teclado E vou alinhar o texto
com este guia externo. Para sair do texto, lembre-se voltar
à ferramenta de seleção. Quero que esse texto
fique justificado, então vou mudar isso
no painel de propriedades. Então, vamos também tornar isso
um pouco menor. Agora vamos adicionar o subtexto. Vou pegar o texto
novamente e depois
vou colar o nome
científico dessa flor. Vamos mudar o estilo disso. Vou mudar
isso para médio e vamos colocar tudo em maiúsculas. Vamos diminuir o tamanho da
fonte. Vamos dar às letras um
pouco de espaço entre elas. Algo parecido. Agora, vamos criar
as caixas de texto. Para fazer isso, vou
usar a ferramenta retangular. Basta clicar na ferramenta
e, em seguida, clicar e arrastar no visualizador de composição
para arrastar um retângulo Agora preciso alterar
a ordem das camadas para que fique abaixo do texto. Vamos renomear a camada
pressionando Enter ou return. Em seguida, vou pegar
minha ferramenta de seleção novamente. Agora, em vez de ter um preenchimento, quero que
tenha apenas um derrame. Você pode fazer isso aqui ou
no painel de propriedades. Em vez de uma cor sólida, vou fazer
nada para o preenchimento. Então, para o traçado, eu vou fazer uma cor sólida, e eu quero que ela seja branca, e então vamos aumentar
isso para cinco pontos. E então você pode ajustar o
posicionamento, se necessário. Agora vou fechar essa camada
e criar a segunda caixa. Vou pegar
a ferramenta retangular e arrastar outra forma
ao redor desse texto Desta vez, quero que
tenha um preenchimento, mas sem um traço. Vamos
fazer isso branco. Vamos colocar essa camada abaixo
do subtexto e renomeá-la. Então, vamos também mudar a cor do
texto para que fique preto. Eu não quero um
traço neste texto. Então eu vou tirar isso. Vamos
verificar novamente. Também não preciso um traço neste texto,
então vou retirá-lo. Então eu preciso pegar
minha ferramenta de seleção. Vamos alinhar
melhor essa caixa com um texto, e eu vou apenas
empurrá-la com minhas teclas de seta
e, em seguida, vamos mover o
texto um pouco para baixo Na verdade, não preciso mais da área segura de
ação do título, então vou pressionar
a tecla de aspas para me
livrar dela. Agora vamos animar isso. Vou começar
com a caixa inferior. Vamos colocar essa escala
do lado esquerdo. A primeira coisa que
preciso fazer é mover meu ponto de ancoragem
para o lado esquerdo, para que eu escale a partir da esquerda Para fazer isso, você deve
pegar a ferramenta pan behind, cujo
atalho de teclado é y, e então pegar esse ponto de ancoragem e trazê-lo
para o lado esquerdo Se você segurar o comando, ele se encaixará Depois, vou pressionar V
no teclado para voltar
à minha ferramenta de seleção. Em seguida,
pressiono S no teclado para
abrir a propriedade de escala e vamos enquadrar isso. Vou aumentar meu indicador de
reprodução para 1 segundo
e, em seguida, definir um quadro-chave para que
a escala esteja em 100% Então eu vou voltar para zero, desbloquear as
proporções restritas e depois definir a escala x para zero Agora, ele aumentará
do lado esquerdo. Há algumas
coisas que podemos fazer para tornar essa animação
mais interessante. Vou adicionar uma
galocha a isso. Em 20 quadros, vou
fazer com que o valor da escala seja de 105%. Ele vai se estender além ponto final e
depois voltar. Mas esses quadros-chave
são lineares e chatos, então vamos selecioná-los e depois fazer F nove para facilitar a leitura Vamos entrar no editor gráfico e ajustar essa curva de movimento. Vou selecionar esse ponto e trazer a
alça para a esquerda. Talvez traga
este para a direita. Só estou tornando isso um
pouco mais rápido no meio. Então essa parte é
para a superação. Vamos fazer com
que pare lentamente. Talvez algo parecido.
Para o texto inferior, vou
animá-lo a partir da parte inferior Vou passar
para 1 segundo novamente e vou pressionar P no teclado para abrir
a propriedade de posição
e, em seguida, definirei um quadro-chave. Em seguida, vamos até zero
na linha do tempo e arraste-a para que fique
totalmente fora da camada Vamos adicionar um excesso
a essa animação também. Vou mover meu indicador de
reprodução para 20 quadros e, em seguida, copiar e
colar esse último quadro-chave
e, em seguida, usarei
minhas teclas de seta para aumentar o texto um
pouco Agora, ele ultrapassará o
limite ao entrar na caixa. Vamos selecionar esses quadros-chave, adicionar Easy Ease e, em seguida,
acessar o editor gráfico Vou ajustar isso de
forma semelhante ao
outro gráfico da caixa. Agora, você notará que onde o gráfico da caixa ficou abaixo de zero, este está indo
acima de zero e isso é
apenas por causa do sistema de coordenadas do After Effects Mas lembre-se, esse
é o gráfico de velocidade. Você pode simplesmente ver a que
distância o gráfico está de zero para
saber a velocidade com que ele está se movendo. Algo assim
parece muito bom Vamos passar para o texto principal. Para o texto principal,
também vou fazer com que ele suba e faça
essa ultrapassagem A partir de 1 segundo, vamos pressionar P no teclado, definir um quadro-chave de posição
e, em seguida, voltar ao zero e colocá-lo para
fora da caixa. Em seguida, vou para 20 quadros
e copio e colo esse último quadro-chave e
, em seguida, apenas o texto para cima Novamente, vamos selecionar
esses quadros-chave, aliviá-los
facilmente, acessar o editor gráfico
e ajustar o gráfico No texto inferior, você não
pode dizer quando o texto está fora da caixa porque é da mesma
cor
do plano de fundo. Mas se você clicar
nesse botão aqui, ele
mostrará as áreas
transparentes, que você
possa ver que o texto para que você
possa ver que o texto ficará visível
fora da caixa. O que podemos fazer para corrigir
isso no texto superior e inferior
é criar tapetes. Se você ainda não
vê as
opções de mate na sua linha do tempo, clique onde diz Alternar botões, Você verá essa opção de faixa
Mt aqui. Se você ainda não vê isso, clique nesses botões
até ver,
ou você também pode clicar com o botão direito aqui e encontrar as
colunas como Para esse nome científico, tudo o que preciso fazer é pegar
a picareta ao lado desse tapete e
arrastá-la para a caixa de texto inferior Isso
ocultará automaticamente a caixa de texto inferior, mas eu ainda quero que essa
caixa fique visível Eu só vou ligar
o globo ocular novamente. Agora, se eu ativar a
transparência novamente, você pode ver que
quando o texto
não está dentro dessa
caixa, ele não está visível. Vou
acabar fazendo a mesma
coisa com o texto superior,
mas do jeito que está agora, essa caixa tem
apenas um traçado e não tem preenchimento, então o tapete não funcionará. Primeiro, vou
animar essa caixa e depois vou mostrar
como fazer o tapete funcionar Para animar a caixa superior, se
animássemos a propriedade de escala que está abaixo da transformação Por um lado, o ponto de ancoragem
está no lugar errado, mas você também pode ver
que ele aperta o traçado nessa
caixa de uma forma estranha Vou te mostrar uma maneira de
animar isso para evitar isso. Essas propriedades de transformação
afetam toda a camada. Mas se você ativar
o conteúdo aberto e depois o retângulo um, haverá outro
conjunto de propriedades de transformação, e essas
afetarão apenas esse retângulo. Você pode ter várias formas
na mesma camada de forma, e essas
propriedades de transformação são específicas para formas individuais. Mas mesmo que
animemos essa escala, como ela está agora, ela ainda
vai esmagar o traço O que precisamos fazer é pegar
esse traço e fazer com que seja aplicado após as
transformações terem ocorrido Vou mover
esse traçado para fora e abaixo dessas propriedades do
retângulo de transformação um A maneira mais fácil de fazer isso
é, na verdade, apenas trazê-lo até o conteúdo e, em seguida,
colocá-lo abaixo. Agora, se eu alterar
esse valor de escala, isso não afetará em nada a largura do
traçado. Agora vamos definir quadros-chave para
o valor de escala do retângulo
de transformação Mas você notará
que isso será dimensionado
a partir do centro, mesmo que o ponto de ancoragem da camada esteja no centro
da composição Mesmo se mudarmos onde está
esse ponto de ancoragem, a escala ainda será
dimensionada a partir do
centro dessa Isso porque isso é escalar
as propriedades de transformação
do retângulo de transformação, e esse ponto de ancoragem
está no centro Você pode ver se eu ampliar aqui, há um ponto de ancoragem muito
pequeno bem no meio
dessa forma Podemos ajustar esse ponto de
ancoragem para fazer a escala escalar de
onde quisermos Com a ferramenta pan behind, vou pegar
esse ponto de ancoragem e arrastá-lo para a esquerda Agora, essa caixa de texto será dimensionada
a partir da esquerda. Mas, na verdade, vamos mudar
isso um pouco, para que não seja animado
exatamente da mesma forma que
a caixa inferior Vou clicar
onde diz, transformar o retângulo um e
depois subir e pegar
a panela atrás da ferramenta, e então vou pegar
esse ponto de ancoragem e arrastá-lo até o
canto superior esquerdo Vou excluir
esse primeiro quadro-chave e depois voltar para cerca de dez quadros e definir
a escala y como zero. Então, em zero quadros, vou definir a escala
x como zero. Agora, ela será
animada como uma única linha. E então a caixa
se abrirá de cima para baixo. Você também pode adicionar
um exagero a isso. Vou voltar cinco quadros e
definir o valor y como 105. Então, talvez eu mova o último quadro-chave
em cinco quadros Algo parecido com isso.
Então, vamos facilitar esses quadros-chave e
ajustá-los no editor gráfico Talvez algo assim. Em seguida, vou tocar em
você no teclado,
mexer nas camadas
e bater em você novamente, e depois bater em você mais
uma vez para abrir todas as camadas
que têm quadros-chave A partir daqui, vamos
escalonar essas camadas para que não
entrem todas ao mesmo tempo Quero que
a caixa superior chegue primeiro, mas o texto chegue
um pouco mais tarde. Acho que faria
sentido alinhar esses quadros-chave e talvez
até mesmo alinhar esse quadro-chave Então, só para deixar
minha linha do tempo organizada, vou passar o mouse sobre o início dessa
camada e, em seguida,
pegar as setas e arrastá-las de volta ao Em seguida, vamos mover as camadas
inferiores para trás. Talvez eles comecem por aqui. A última coisa a
fazer é criar o tapete para esse texto superior. Para fazer isso, selecione
a caixa de texto superior, vá até editar e copie com links de
propriedades relativas. Em seguida, clique em colar fazendo
Commander Control V, e isso criará uma versão duplicada dessa caixa com todas as propriedades
vinculadas à caixa original Vamos renomear isso. E
vamos dar uma cor de preenchimento. Aqui vou
escolher uma cor sólida, e não importa de
que cor seja. Em seguida, vou pegar
o texto e arrastar a picareta ao lado do tapete de
rastreamento até esse tapete Isso deve ocultar automaticamente essa caixa de texto, a versão mate. Agora, se reproduzirmos isso, você pode ver que esse
texto
só será visível dentro desse tapete. Novamente, a razão pela qual
precisávamos criar o tapete duplicado para a caixa superior é porque a caixa superior original tem
apenas um traçado Não tem preenchimento.
Este tem um preenchimento. Dessa forma, o texto só fica visível dentro
dessa forma preenchida. A última coisa a
fazer é animar isso. Vou
passar para 5 segundos e vamos animar as caixas superior
e inferior Vou tocar no
teclado para ver esses quadros-chave e vamos animá-los com
as mesmas propriedades de escala Vou selecionar esses dois
botões para criar um novo quadro-chave
com esses valores exatos Em seguida, vou
passar para dez quadros e vou copiar e colar esse quadro-chave
na caixa inferior Então, para a caixa superior, precisarei definir
esse quadro-chave como
105 para que ele se
destaque mais para a direita Então, em 6 segundos, vou
definir os dois como zero no valor x. Vai se animar assim. um pouco
de expectativa com esses primeiros
quadros-chave que eu defini Mas vamos entrar
no editor gráfico e ajustar a curva de movimento. Vou pressionar a tecla
mais para ampliar e depois deslizar para ver melhor
esse gráfico. Como esses gráficos
são todos estranhos, vou selecionar
assim para pegar todos esses quadros-chave e
depois
reaplicá-los com facilidade, o
que os deixará todos bonitos e juntos para que eu possa
ajustá-los todos Estou ajustando essas duas propriedades de escala
diferentes. Vamos começar devagar. E depois faça uma animação bem
rápida aqui no final. Algo parecido com isso. Então, quando você estiver satisfeito com
seus terços inferiores, no próximo vídeo, podemos
transformar isso em um modelo
7. Modelo de animação de Lower Third (barra de identificação): Vamos transformar esse
terço inferior em um modelo. Primeiro, vamos abrir o painel
gráfico essencial e eu
gosto de fazer isso clicando com o botão
direito do mouse em
uma área vazia na linha
do tempo e escolhendo gráficos
abertos e essenciais Vou apenas nomear
esse terço inferior. Então eu já tenho
meu indicador de reprodução em um bom momento na linha
do tempo para mostrar como
é. Vou
clicar em definir hora do pôster para gerar essa miniatura Obviamente, quero poder
alterar o texto no modelo do terço
inferior. Vou abrir cada camada de texto
diferente e arrastar o texto de origem. Vou nomear esse texto. Então, para o nome científico, vou citar apenas
esse subtexto Agora, se eu entrar e
fingir que estou usando esse modelo digitando
uma palavra diferente Se a palavra for mais longa, ela será cortada. Quero que essa caixa seja
redimensionada automaticamente para caber no tamanho da palavra
e, em seguida, a mesma coisa
no subtexto Eu só vou
desfazer isso por enquanto. Deixe-me mostrar como
usar expressões para fazer com que as caixas sejam redimensionadas automaticamente para caber no tamanho do texto Vamos começar com o texto principal. Vou entrar na caixa superior e abrir para encontrar
a propriedade de tamanho Para começar a escrever uma expressão, basta clicar na opção ou eu
clicarei no cronômetro A primeira coisa
que preciso fazer é definir algumas variáveis. Uma variável é apenas um nome para algo que você
vai usar mais tarde. Escrever uma variável é apenas VAR
e, em seguida, você cria
seu próprio nome. Vou apenas
nomear essa camada de texto. Estou usando camel
case só porque isso é padrão
para escrever código, mas você não precisa fazer isso Você só precisa ter
certeza de escolher um nome exclusivo. Se você escolher
algo e ele ficar amarelo ou com uma cor
diferente de branco, isso significa que você
escolheu uma palavra já foi atribuída
uma tarefa na codificação, então você precisa escolher outra
coisa Então, a partir daqui é igual, e então vamos definir
o que é essa camada de texto Vou pegar
o ícone de picareta, que é uma espiral aqui, e vou arrastá-lo
até a camada superior do texto, que capturará basicamente
o endereço dessa Eu não preciso
digitar. Então, no final de cada linha de código, você precisa colocar um
semículo da mesma forma que colocaria um ponto final no final
da Então, vamos para
a próxima linha apenas para manter as coisas limpas
e organizadas, e eu vou criar
outra variável. Vou chamar
isso de largura de texto. Essa será
igual à camada de texto. Estou usando esse nome que
criei na primeira linha. Ponto. Agora vou usar uma função chamada
source ret no momento. Se você quiser adivinhar
o After Effect, basta pressionar Enter. Então, dentro dos parênteses, eu só quero o padrão, então não preciso colocar
nada Depois disso, a fonte
ret at time coletará informações diferentes
sobre o tamanho de uma camada. Eu quero a largura
para que eu possa fazer a largura dos pontos. Então, novamente em ponto e vírgula. Então eu vou
seguir duas linhas. Novamente, isso é apenas para maior clareza, e vou definir
os valores x e y. Uma coisa
realmente importante com as expressões é que
você sempre dá à expressão
o número de valores que ela deseja no
final. A propriedade size tem dois valores
diferentes, x e y. Precisamos dar a isso
dois valores diferentes. A forma como você define
uma lista de valores, chamada de
matriz, está entre colchetes. Vou apenas
digitar um colchete e , para o valor x,
quero a largura do texto Isso fará com que a caixa tenha
o mesmo tamanho do texto
e, em seguida, preciso
definir o valor y. Há algumas maneiras de
você fazer isso. Você pode simplesmente escolher chicote para o valor y desta forma e ele
escreverá esse endereço Você também pode criar uma variável para isso e depois
inserir a variável, ou outra forma curta de
escrever isso é apenas
escrever o valor. Isso pegará o valor
inserido aqui, mas preciso especificar
se quero x ou y. Para fazer isso, vou colocar um colchete e depois
o número um O número zero é x e
o número um é y. Isso pega o valor y. Agora, se eu clicar fora disso, agora você pode ver que a caixa foi redimensionada para o
tamanho do texto, mas não está totalmente alinhada Isso porque a propriedade de tamanho é sempre dimensionada
a partir do centro da caixa, não importa onde esteja o
ponto de ancoragem da camada Você pode ver que o ponto de
ancoragem da camada está
aqui à esquerda, e o ponto de ancoragem da forma também está
aqui à esquerda Mas não importa o que aconteça, se eu simplesmente desativar essa expressão
por um segundo para mostrar tamanho
da caixa a partir do centro, independentemente de onde esteja
o ponto de ancoragem O que precisamos fazer para neutralizar que vou simplesmente ativar
a expressão é
configurar a expressão na
propriedade de posição que está aqui Há outras propriedades de
posição. Lembre-se de abaixo da transformação ou abaixo dessa transformação, mas vamos definir a expressão de posição
aqui logo abaixo
da aqui logo abaixo Para fazer essa opção,
clicarei no cronômetro
e, em seguida, definirei
uma variável para x. Depois, com o captador, basta
pegar o tamanho x E então semicon, então eu
vou colocar colchetes para definir x e y, então vai ser x. E então lembre-se de que
essa posição em zero, zero está no
centro da Se eu apenas colocar x, x é definido como o tamanho x, então ele empurrará a forma
por toda a largura
da forma. Como eu só quero empurrar a forma para mais da metade da
largura da forma, para que ela
mude de tamanho a partir da esquerda, preciso colocar
x dividido por dois. Então, para y, posso simplesmente fazer a
mesma coisa que fiz aqui, basta pegar o
valor y, que é zero, que funciona. Colchetes de valor um Isso é novamente, mova a caixa para o outro lado. Agora, se eu mover a caixa manualmente, você pode ver que ela se encaixa
perfeitamente no meu texto
e, se eu digitar um texto mais longo, ela também continua funcionando Mas isso não
parece meu design original. O que eu preciso fazer
é voltar a expressão na
propriedade de tamanho e apenas adicionar alguns pixels à largura do texto que eu tenha o preenchimento
que eu tinha originalmente Vamos entrar e ficar ao
lado da largura do texto. Vou apenas adicionar
mais e vamos tentar 150. Então, novamente, preciso colocar
isso de volta no lugar. Então, vamos tentar tornar essa palavra mais longa e
ver se funciona. Parece bom. Além disso, se o reduzirmos, isso também funcionará. Vamos verificar se
a animação está funcionando. Perfeito. Agora, o que
precisamos fazer é aplicar as mesmas expressões
na caixa inferior. Para fazer isso um pouco mais rápido, você pode copiar e
colar a expressão, então vou copiá-la, vá
até a caixa inferior encontre a propriedade de tamanho. Então eu vou colar.
Mas essa primeira linha define a camada de texto para
a qual ela está recebendo o tamanho. Em vez dessa camada,
preciso ter certeza que é a
camada certa, então esta aqui. Vou apenas destacar
isso e depois escolher o chicote para reescrever isso, e agora está Então, vamos pegar a expressão de
posição. E depois cole isso aqui. Então, precisaremos colocar
isso de volta em seu lugar. Isso parece bom, e vamos
tentar prolongar. Parece muito bom,
e vamos ver se
funciona por menos tempo. Parece bom. Quando eu configurei os
retângulos para serem redimensionados, os pontos de ancoragem dessas camadas foram
empurrados um pouco
demais
para empurrados um pouco
demais Vou apenas usar
a ferramenta pan behind, que é y no teclado,
para movê-la de volta ao lugar porque o posicionamento
do ponto de ancoragem afeta a animação em escala que
temos nesta caixa Então, para a caixa superior, lembre-se o ponto de ancoragem da camada realmente
não
faz diferença, mas o do
retângulo Vamos pegar aquele e
colocá-lo de volta no lugar. Agora, dessa forma, a animação ainda
deve ser a mesma. Vamos colocar
uma palavra mais curta e outra mais longa e tentar garantir que a animação
ainda esteja boa. Legal. Acho que
ainda parece bom. Vou desfazer só porque lembre-se de que
qualquer texto que você tenha aqui será
o valor padrão
em seu modelo A última coisa que quero fazer é adicionar as cores
ao painel gráfico essencial para que elas possam ser personalizadas
no modelo. Para abrir rapidamente
as propriedades das cores, vou digitar a cor
na barra s e na linha do tempo A caixa inferior tem uma
cor de preenchimento, então vou trazê-la. Na verdade, a cor do
tapete não
importa porque o tapete não
está aparecendo. Em seguida, a caixa superior,
a cor do traço, é o que importa,
então vou dar um nome a isso. Observe que uma propriedade de cor não apareceu para
a camada de texto, então
precisamos adicioná-la. No texto inferior,
vou ativar essa opção. Vá até o botão animar, escolha a cor de preenchimento e depois RGB, e então arrastarei essa propriedade para
cima e nomearei essa cor de subtexto Vamos recolorir isso para preto e depois fazer a mesma
coisa no texto superior Anime a cor de preenchimento
RGB. Traga isso aqui. nome à cor do texto e vamos alterá-la para branco. Eu também quero organizar
isso um pouco. Vou adicionar
formatação e adicionar um
grupo e vamos
ficar no topo e
trazê-lo para o topo Então, vamos colocar o texto
superior lá. A cor da caixa superior e
a cor do texto superior. Em seguida, vamos adicionar a formatação de
um grupo na parte inferior. Em seguida, adicione o subtexto, a cor da caixa inferior
e a cor do subtexto Para esse terço inferior em particular, não
vou
editar propriedades e depois habilitar nenhuma
dessas opções, pois
isso
tornará a função de redimensionamento
um pouco mais complicada É definitivamente possível,
mas vou guardar isso para um tutorial mais
avançado. Há mais uma
coisa opcional que você pode configurar. Este terço inferior é animado e depois espera na tela por um tempo e depois
sai Mas e se quisermos que ele
espere na tela por um
período maior ou menor em nosso projeto real? Não sabemos essa quantidade
de tempo no momento, mas digamos que precisamos ajustar essa quantidade
de tempo. O que podemos fazer é ir até o início da linha do tempo
e, primeiro, vou tocar no teclado para
abrir todo o quadro-chave para que eu possa ver exatamente quanto tempo leva a animação
inicial Parece que termina
em 1 segundo e 25 quadros. Vou até o início da linha
do tempo e faço o Controle oito para criar um marcador Você também pode arrastar os
marcadores a partir daqui. Depois de ter esse marcador no
início da linha do tempo, basta
clicar duas vezes nele e inserir a duração
da animação inicial Isso vai ser 1
segundo e 25 quadros. Em seguida, abaixo do design
responsivo, hora, verifique a região
protegida
e clique Isso deve dar a você essa área
sombreada em azul na linha do tempo Isso será
chamado de região protegida, o que significa que podemos redimensionar o comprimento dessa composição,
mas essa região não
será afetada porque redimensionar o comprimento da composição na verdade
a
estica ou a encolhe,
e essa região não
será afetada por isso e essa região não
será O momento permanecerá o mesmo. Então, vamos também fazer a mesma coisa no final
da linha do tempo De 5 segundos a 6 segundos, farei o controle oito para criar esse marcador e, para isso, a duração será de 1 segundo, e então será uma
região protegida e clique em OK Agora eu tenho essas duas regiões azuis protegidas
na composição. Vou pegar essa
composição e arrastá-la para o novo botão de composição só para mostrar como isso funciona. Você pode ver aqui essas
regiões azuis na composição. Se eu for até o final
dessa camada, certifique-se de ver as setas
duplas arrastar para
encurtar essa composição Se eu
reproduzir isso, a animação no início
ainda parece a mesma e a animação no
final parece a mesma, mas ela permanece na
tela por menos tempo. Você pode fazer a mesma coisa
se quiser estender
a composição. Podemos
fazer a mesma coisa, torná-la mais longa, e então ela ficará na tela por muito
tempo antes de ser animada Vou
voltar à composição original e
salvá-la como um modelo de animação
gráfica. Aperte esse botão. Eu precisarei
salvar o projeto primeiro. Em seguida,
certifique-se de salvar esse modelo no mesmo local em que mostrei no vídeo do modelo
de cartão de título. Para mim, isso vai estar
aqui e depois clicar. Então, no Premiere, se você seguir
as etapas do vídeo do modelo de
cartão de título, deverá ver esse novo modelo importado
automaticamente se você o
salvou na mesma pasta Você pode arrastar esse
terço inferior para a linha do tempo. Depois, você pode personalizar qualquer uma
dessas propriedades
que configuramos. Embora você não consiga ver
essas regiões azuis, o
tempo de design responsivo ainda está funcionando Você pode esticar ou reduzir isso, e isso atualizará a quantidade de tempo que o
terço inferior permanece na tela Ele é animado para dentro, permanece na tela um pouco mais curto
e depois é animado para fora.
8. Anime o indicador de tempo de flor: Neste exemplo, além das gorduras
vegetais e do indicador do
polinizador, forneci Podemos começar a
animá-los imediatamente. Primeiro, vamos fazer a curva do
texto em um círculo. Começando com o texto do período de
floração, vou me
certificar de que o texto esteja selecionado e, em seguida, subirei
e pegarei a ferramenta de elipse, que está abaixo Basta clicar e segurar
para acessar esse menu. Em seguida, certifique-se de que o ícone do mouse se pareça com o meu. Isso significa que ele
vai desenhar uma máscara. Vou clicar
e arrastar mantendo
pressionada a tecla Shift para criar um círculo. Depois, vou voltar para minha ferramenta de seleção normal e colocá-la no lugar certo. Em seguida, na linha do tempo,
alterne para baixo
ao lado do texto e depois das opções de caminho
e, em seguida, ao lado do caminho, escolha a máscara que você Eu quero que isso esteja do
outro lado do círculo, então vou inverter o caminho, e então você pode usar
a primeira margem para alinhá-la onde quiser Se o seu círculo não
tiver o tamanho certo, você sempre pode
clicar duas vezes nele para obter essa caixa delimitadora e, em
seguida, redimensioná-la
e também reposicioná-la e também reposicioná-la Em seguida, faça exatamente a mesma
coisa com o texto inferior. Desta vez, você não
precisa inverter o caminho porque fica
melhor por dentro, então vou redimensioná-lo um pouco e ajustar
o posicionamento Agora vamos animar
esse gráfico. Primeiro, vou
pegar todas as camadas,
exceto a forma do plano de
fundo
, e depois pegar uma
das picaretas e arrastá-la para a forma do
plano de fundo O que isso faz é unir todas essas camadas à forma do
plano de fundo. Agora, quaisquer que sejam os ajustes que eu
fizer na forma
do plano de fundo, o resto das camadas
continuarão com ela. Vou animar a forma
do plano de fundo
a partir desse canto pontiagudo Primeiro, preciso ter certeza de
que o ponto de ancoragem está
nesse canto para que ele se
escale a partir desse canto Você pode ver que o ponto de ancoragem
está no centro agora. Vou pegar a panela atrás da ferramenta e depois
arrastá-la até o canto. Se você segurar o comando, ele se encaixará Depois, basta voltar para
a ferramenta de seleção com V no teclado. Vou animar a escala da
forma do plano de fundo. Vou pressionar
S no teclado
para abrir a propriedade de escala
e, em seguida, ir para 1 segundo e
definir a escala para 100%, e depois voltar para zero
e definir isso como 0%. Vamos adicionar um pouco de animação de
overshoot. Em 20 quadros, vou
definir isso em 105%. Dessa forma, ele vai de 0 a 105 e depois volta para 100 para
criar uma animação de overshoot Vamos adicionar facilidade a
esses quadros-chave selecionando-os
e fazendo F nove. Isso parece muito
bom, mas você pode selecioná-los e
acessar o editor gráfico e personalizar essa curva de
movimento para torná-la ainda
mais interessante. Este é o gráfico sueco. Talvez eu torne isso um
pouco mais exagerado, para que seja um pouco mais Depois de atingir 105, vamos
acelerar um pouco mais e depois esse valor final um pouco mais.
Talvez algo parecido com isso. Para sair do editor gráfico, basta clicar nesse botão novamente. Vamos também animar a expansão da
flor. Na verdade, posso simplesmente copiar esses quadros-chave clicando
e arrastando para selecioná-los Comande C para copiar
e, em seguida, vou até o ícone da flor,
vou para o início da linha do
tempo ,
pressiono S no teclado
e, em seguida, pressiono o comando V para
colar esses quadros-chave Vamos também escalonar
essa animação, então talvez essa camada deva
aparecer em dez quadros Também poderíamos tornar isso um
pouco mais interessante adicionando um pouco de
rotação à flor. Vou pressionar shift R no teclado para abrir
a propriedade de rotação e manter
os quadros-chave de escala visíveis
e, em seguida, definirei um
quadro-chave de rotação para zero Então, de volta ao início, vamos animar isso
para menos 30 Então, vou
facilitar esses quadros-chave. Para animar esse círculo, vou usar caminhos de corte, que são uma boa maneira de
animar linhas Vamos fechar
as outras camadas, abrir a camada circular
e, em seguida,
clicar no botão Adicionar e escolher caminhos de corte Ok, então vamos abrir isso. Vou esconder essa linha indicadora do tempo de
floração, que é a linha mais escura
que está no topo, só para que eu possa ver completamente o que estou
fazendo com esse círculo Primeiro, vamos para 1 segundo na linha
do tempo e definamos o valor
final como 100% Isso será quando o círculo
estiver totalmente desenhado. Depois, voltarei a zero e definirei o valor
final em 0%. Vamos também escalonar essa camada
para que talvez ela não apareça até cerca
de 15 quadros No momento, o círculo
começa a ser desenhado
a partir da parte inferior e depois dá
a volta completa. Mas acho que será
mais interessante se o ponto inicial da
linha também estiver se movendo. Para fazer isso, podemos
animar o valor do deslocamento. Vou apenas
mover meu indicador de reprodução
aqui para que eu possa ver o
início da linha Vou apenas deslizar
esse valor de deslocamento e acho que ficaria
melhor se começasse mais em 90 graus e eu definiria um quadro-chave a dessa
camada em 90 graus Então, ao chegar ao fim, vamos fazer com que o
ponto inicial da linha se mova talvez muito. Em seguida, toque nesses quadros-chave
e veja como ficam. Para animar o texto,
vou usar animadores de texto. Vamos começar com o texto do
Bloom Time. Primeiro, vou movê-lo
para começar com 15 quadros. Dessa forma, essa forma
é quase toda ampliada, então será mais fácil
ver o que estou fazendo Vou
abrir a camada e, em seguida,
ir até o botão animar
e escolher a Isso criará
um novo animador de texto com uma propriedade de posição nele Vou clicar nesse
botão de anúncio aqui e escolher a escala, depois clicar mais uma
vez e escolher opacidade Vou animar
todas
essas três propriedades para
animar o texto Se você usa animadores de texto. Você deseja definir as
propriedades aqui e , em seguida, ativá-las e desativá-las
com o seletor de intervalo Novamente, tenho uma
aula inteira sobre animadores de texto. Se você quiser uma
explicação mais aprofundada sobre como
usar animadores de texto, definitivamente dê uma olhada nessa aula Para isso, quero que as letras saiam do
interior do círculo. Ao mover a posição
para baixo, ficará assim. Talvez 30, e então eu
quero que a escala seja zero e a opacidade seja Em seguida, vou usar
o seletor de intervalo. Vou abrir isso também vou
entrar em avançado
e
configurá-lo de quadrado para ramp E, novamente, tudo isso é explicado com mais detalhes na
minha aula de animadores de texto Agora vou animar o valor
do deslocamento. Primeiro, preciso ter certeza de que nenhum texto meu está visível. Então, vou levar esse valor de
deslocamento
até menos 100 e, em
seguida, definir um quadro-chave Isso está no início
dessa camada. Em seguida, vamos avançar
1 segundo, até 115, e então aumentarei esse valor de
compensação até 100% Você pode ver como isso
anima o texto. Em vez de atenuar
os quadros-chave, para adicionar atenuação a
um animador de texto, você deseja ajustar a elasticidade alta
e a Vou definir ambos para 50%. Vamos animar o texto primavera-verão outono de forma semelhante O que vou
fazer para economizar tempo é selecionar onde
está escrito Animator one no texto do Bloom Time e
pressionar o comando C para copiar isso Podemos fechar essa camada
e, em seguida, na camada
primavera-verão outono, pressionarei o
comando V para colá-la. Mas primeiro, preciso ter certeza
de que meu quadro-chave está onde
eu quero que seja colado Então, se eu abrir essa camada, você pode ver que foi adicionado aquele animador com os quadros-chave Vou arrastar
essa camada para cima. Talvez
comecemos em 1 segundo, só para que todas as coisas
diferentes que chegam não cheguem
todas ao mesmo tempo. Eles estão todos cambaleados.
Agora, em vez de ter isso
vindo de fora para dentro, eu quero que venha
de dentro para fora. O que vou fazer
para mudar isso é apenas definir a
posição como negativa. Isso não move muito. Talvez vamos fazer um
pouco mais, como menos 40. Além disso, em vez de
ter cada letra animada como acontece
com o texto Bloom, são muitos textos Em vez de animar
cada letra, vou
animá-las palavra por palavra Para fazer isso,
abaixo do setor de alcance avançado, vou mudar isso
de caracteres para palavras Agora, ele será animado em
uma palavra por vez. Vou tocar
no seu teclado duas vezes para fechar
todos os quadros-chave Aqui está o que temos até agora. Agora vamos animar
esse gráfico. Vou
passar para 7 segundos e vamos ver os quadros-chave
na forma do plano de fundo
e, na verdade,
vamos invertê-los. Vou copiá-los primeiro,
copiar e colar. Então, com esses três
quadros-chave ainda selecionados, vou
clicar com o botão direito do mouse em um deles,
acessar o assistente de quadros-chave e inverter os quadros-chave
. Agora,
isso reproduzirá a animação que tínhamos no início,
apenas ao contrário. Também vamos eliminar todas
as outras camadas só porque eu não gosto quando
elas ficam muito pequenas e são difíceis de ler O que vou fazer é
selecionar todas essas camadas,
pressionar t no teclado para
abrir a propriedade de opacidade
e, em seguida, clicar no
cronômetro para definir todos os quadros-chave
para cada camada de uma vez, e então vamos mover
mais de dez quadros e definir todos esses
valores para 0% Agora, ele simplesmente desaparecerá
à medida que for diminuindo.
9. Indicador de tempo de flor do modelo: Para o
componente personalizável deste modelo, quero que essa linha
indicadora de tempo de floração possa ser
personalizada para que o usuário possa marcar se a flor
floresce na primavera,
verão, outono ou Vamos configurar essa parte.
Primeiro, vou abrir gráficos
essenciais
clicando com o botão direito do mouse em uma área vazia e vou abrir os gráficos
essenciais. Vamos dar um nome a isso. Também vamos definir a hora do pôster. Desta vez, a
linha do tempo parece boa, então vou apertar este botão Em seguida, vamos abrir a linha
indicadora do tempo de
floração , clicar no botão Adicionar
e escolher caminhos de corte Agora, assim como você viu
no círculo que está
atrás dessa linha, essa é uma forma de animar os
valores inicial e final da linha Se eu ajustar os valores finais
iniciais, isso pode mostrar que
essa flor floresce apenas na primavera ou o
que quer que precisemos mostrar Se eu simplesmente arrastar os
valores
inicial e final para o painel
gráfico essencial e
depois renomeá-los. Então, agora isso é
personalizável para o usuário. Mas todo o resto
vai se animar, e essa linha simplesmente
estará lá Precisamos de uma forma de
animar essa linha, mas usar os valores que o
usuário definiu no modelo Para fazer isso, podemos
usar uma expressão. Vou começar
com os valores finais, basta escolher ou
clicar no cronômetro
e, em seguida, vou
usar a expressão de facilidade Essa é uma função muito semelhante à função
linear, se você estiver familiarizado
com ela. Mas, basicamente, o que ele
faz é mapear um conjunto de valores em
outro conjunto de valores. Fará mais sentido
quando realmente
inserirmos algumas coisas nele
e depois eu explicarei mais. A primeira coisa que
ele está pedindo
nessa função é o que está
impulsionando essa expressão? Nesse caso, será a hora certa e depois colocará uma
vírgula Com o tempo, vou
mapear o valor final de zero para
o que o usuário definir, começando em um período mínimo de tempo até um período
máximo de tempo. É assim que podemos
fazer essa animação. A quantidade mínima de tempo é a próxima coisa que
a expressão deseja. Vamos definir isso para ser
onde a camada começa, e isso é chamado de
ponto final da camada Para fazer isso, basta colocar um
ponto e depois um coma, e então precisamos da quantidade
máxima de tempo. Se quisermos que essa
animação dure 15 quadros ou meio segundo, você pode simplesmente colocar o ponto mais 0,5,
depois uma vírgula e,
em seguida o valor mínimo
para o valor final, que será zero
e, em seguida, o que o usuário definir aqui Para pegar o valor
que o usuário definiu, basta inserir o valor e clicar fora
da expressão. Vou clicar
nessa camada e arrastá-la volta para, digamos, 125, e então vamos ver
como fica. O valor n está sendo animado, mas o valor inicial não É por isso que ele faz esse
pequeno chinelo aqui. Vamos apenas copiar
essa expressão e , em seguida, clicar no
cronômetro e colá-la Isso vai funcionar como está. Agora vamos ver o que temos. Agora, os valores inicial e n estão
animados de acordo com os valores
que definimos aqui Se eu mudar esses valores, dá para ver que a
animação ainda funciona. Uma coisa
um pouco complicada sobre esse
modelo é que, se você mover o indicador de reprodução antes que
a animação seja reproduzida, esses números serão
zerados porque é isso que a expressão
diz para ele fazer Mesmo que isso funcione,
não é o design mais
fácil de usar,
porque se você
passar isso para outra pessoa,
talvez ela não é o design mais
fácil de usar, porque se você
passar isso para outra pessoa, não saiba que você
precisa mover o indicador de reprodução após a animação acontecer para ajustar
esses números Há uma maneira melhor de
configurá-lo para torná-lo
mais fácil de usar. Vamos fazer isso. Vamos usar uma camada controladora,
que será nula Para criar um nulo, vá até a
camada, novo objeto nulo. Se você nunca usou um
nulo antes, basicamente, é apenas uma
camada invisível que você pode usar para criar outras camadas
ou controlar coisas Primeiro, vamos dar um nome a isso. Em seguida, precisamos adicionar um controle de
expressão a esse nulo. Um controle de expressão é
uma propriedade que você pode adicionar a uma camada que não
faz nada sozinha, mas você pode conectar
coisas a ela frequentemente com expressões para controlar
outras propriedades. Os controles de expressão podem
ser especialmente úteis para controlar várias camadas
ou propriedades ao mesmo tempo. Usaremos mais
controladores de expressão nos próximos vídeos. Neste exemplo, precisamos adicionar um controle deslizante a
essa camada nula Para fazer isso, clique com o botão direito do mouse, vá para efeito, controles de
expressão
e, em seguida, controle deslizante Em seguida, isso deve abrir
o painel de controles do efeito. Se você clicar duas vezes aqui, ele
abrirá isso automaticamente na linha do tempo, ou você também pode simplesmente
alternar para baixo até encontrá-lo Vou apenas
selecionar onde diz, controle
deslizante para retornar para renomear isso,
começar a florescer e, em seguida,
pressionar Enter novamente Então, vamos duplicar
isso e renomear essa extremidade. Vou escrever o final da floração
e depois vou abrir
um pouco a linha do tempo para que
possamos ver tudo A partir daqui, o que precisamos fazer
é entrar na expressão. Em vez de fazer com
que a expressão escolhesse o valor definido aqui, precisávamos escolher o
valor definido aqui. Vou entrar,
clicar duas vezes onde diz
valor e, em seguida, pegar o chicote e arrastá-lo até o valor inicial da floração E então podemos clicar
fora da expressão. Eu farei a mesma
coisa até o final. Pegue, pegue aquela
palheta e
arraste-a até o final da flor. Agora, no painel
gráfico essencial, podemos excluir as flores iniciais
e finais que eram esses valores do caminho de corte e, em seguida, inserir
os novos controles Agora posso definir
esses números, não importa onde esteja meu indicador de reprodução
, e eles permanecem A última coisa a fazer é simplesmente escalonar onde essa camada começa,
às 1:25, vamos fazer com que
essa Dessa forma, poderemos
ver a animação e pré-visualizá-la. Mais uma coisa a
fazer nessa camada eu tinha esses quadros-chave de opacidade
para animar Vou pressionar
T no teclado para ver esses
quadros-chave de opacidade. Eu posso ver que
os quadros-chave foram definidos porque o
cronômetro está ativado, mas os quadros-chave
foram empurrados para fora da camada quando eu
escalonei a camada Vou apenas
arrastar minha camada de volta. Pegue esses quadros-chave,
basta movê-los e trazer a camada de volta
para onde eu quiser Em seguida, vamos pressionar T
em outra camada, para que possamos alinhar
esses quadros-chave
com os outros quadros-chave com os outros quadros-chave Tudo bem. Agora
toda a nossa animação deve estar completa e
o modelo configurado. Se quiser, você pode
configurar controladores de cores para
os diferentes elementos
neste modelo e/ou tempo
de design responsivo Se você não se lembra de
como fazer isso, pode voltar ao vídeo modelo dos
terços inferiores partir daqui, podemos exportar o modelo de
animações e
salvá-lo na pasta
que configuramos no
início da aula. Não vou falar sobre
como usar esse modelo no Premier agora, pois
isso pode se tornar repetitivo Em vez disso, abordarei
a parte principal todos os exemplos no vídeo de montagem no final da aula.
10. Anime fatos sobre plantas: Começando com os gráficos
que eu forneci a você, vamos animar esse gráfico de fax
da planta Primeiro, vamos animar a caixa. Vou usar a
propriedade de tamanho para dimensionar essa caixa
e estou usando a propriedade de tamanho
porque, e estou usando a propriedade de tamanho se eu usar
a propriedade de escala, ela afetará a
espessura do traçado, e eu não quero fazer isso. Vou
definir um quadro-chave em 1 segundo para que o tamanho
seja desse tamanho. Então, vamos mudar
o tamanho vertical. Vou restringir as proporções
e
reduzir
o valor de y para zero E então eu
vou para o início da linha
do tempo e
simplesmente defino x como zero Também vou diminuir a que possamos nos
concentrar na caixa. Começará se
expandindo em uma linha horizontal e depois
se expandirá para a caixa Vamos adicionar Es fáceis
a esses quadros-chave. Então, vamos entrar no editor de
gráficos e tornar esses gráficos um
pouco mais exagerados Estou apenas puxando as alças
para tornar o gráfico mais íngreme, o fará com
que ele fique mais
lento e depois mais rápido
e depois mais lento de
forma mais dramática do que era antes Algo assim parece bom. Em seguida, vamos animar essas
duas linhas com caminhos de corte. Vou começar
com o primeiro. Abra-o e
clique no botão Adicionar e escolha caminhos de corte Vou até dez
quadros e
defino os valores inicial e final
como zero e 100. Quero que essa linha seja animada a
partir do centro. Vou definir o início
para 50 e o final para caber. Dessa forma, ele será animado
do meio para fora. Vou clicar e arrastar
para selecionar esses quadros-chave, adicionar facilmente e, em seguida, entrar
no editor gráfico e tornar isso um pouco mais dramático. Em seguida, vou selecionar
onde diz trim paths one. Comande C para copiar isso
e, em seguida, vá para a
linha inferior e certifique-se de que meu indicador de reprodução esteja no início da camada e, em seguida, pressione
o
comando V para colar Então, se você pressionar U
no teclado, verá que ele colou
os quadros-chave do trim path Agora vamos escalonar essas
camadas para que elas não entrem ao mesmo tempo
em que
a caixa está se abrindo Vamos trazê-lo de volta para talvez
começar em torno de 20 quadros. Acho que
vai ficar bem, e depois vou pedir para você
fechar todas essas camadas. Em seguida, vamos animar os sóis. Há três deles todos
em cima um do outro. Vamos fazer com que um
deles se concentre nisso, e depois farei a mesma
animação em todo o resto. Quero animar
essa escala, mas se eu usar apenas a propriedade de escala
normal,
isso afetará a espessura do traçado Em vez de fazer isso,
vou ativar
a camada e, em seguida em conteúdo sun transform sun, vou animar
essa propriedade de escala,
mas se eu fizer isso agora, mas se eu fizer isso agora, ainda afetará a espessura
do O que precisamos fazer para corrigir isso
é pegar o traçado e aplicá-lo após
a ocorrência da propriedade de escala. A maneira mais fácil de
fazer isso é arrastar o traçado
até onde diz o
conteúdo e isso o moverá
abaixo dos valores de transformação. Dessa forma, esse traço é
aplicado após as transformações. Agora, se eu definir um quadro-chave de escala para 100 e depois voltar para zero, agora a espessura do traçado não
será afetada porque o traçado está sendo aplicado
após a propriedade de escala, com base na ordem das camadas aqui. Outra coisa que podemos
acrescentar para tornar isso um pouco mais interessante é
animar a rotação Na verdade, não
importa se você anima essa rotação ou a rotação
em toda a camada Vou apenas definir um quadro-chave
para que seja zero e vamos girá-lo para
trás, talvez E então vou ligar para você para
ver esses dois quadros-chave,
selecioná-los e, em
seguida, aliviá-los facilmente. E depois a rotação, vamos
deixá-las à vontade, mas tornar a escala um pouco mais
dramática no início. Assim, ele se expandirá
mais rapidamente e, lentamente, atingirá seu valor final
de escala de 100%. Isso parece bom.
Agora vou fazer a mesma coisa nos
outros dois ícones do sol. Vamos escalonar essas camadas de sol
para que elas não entrem até talvez
começarem aqui em 25 quadros Agora vamos animar as gotículas
de água. Quero animar
essa escala, mas não quero
ajustar a espessura do traçado Então, vou fazer algo
muito parecido com os sóis, abrir
essa camada,
encontrar esse traçado e
colocá-lo abaixo das propriedades de
transformação,
e então animarei o valor
da escala abaixo da transformação Vamos fazer isso pegar
cerca de 15 quadros, definir um quadro-chave e depois
voltar ao início e definir
um quadro-chave para zero. Então, eu também quero que
isso seja dimensionado
a partir do ponto superior em vez
do centro. Para fazer isso, preciso
mover esse ponto de ancoragem, que é o
específico da forma É esse ponto de
ancoragem mais leve aqui. Vou pegar a panela atrás
da ferramenta e depois movê-la
até o ponto superior. E agora isso será
escalado a partir desse ponto. Em vez de aliviar esses valores agora,
vou salvá-los, animar todas as outras
águas da mesma forma e depois ajustar toda a atenuação ao mesmo tempo Então, vou repetir
esses mesmos passos nas outras gotículas de água Agora vou tocar em
você e no teclado para ver todos os quadros-chave
nas gotículas de água
e, em seguida, selecionar todos
eles de uma vez, aliviá-los facilmente
e, em seguida, entrar no editor
gráfico e tornar isso um pouco mais
dramático no início Ela se
expandirá mais rapidamente
no início e depois chegará à escala final de 100%. Agora vamos escalonar essas camadas. A primeira água talvez
pudesse começar em 20 quadros. Depois, farei com que
o segundo apareça em dois quadros depois e o terceiro 12
quadros depois disso. Algo parecido com isso. animar a escala do
ícone de tamanho,
mas novamente, sem ajustar a espessura
do traçado Vou abrir o ícone e, em seguida, pegar esse
traçado
e
colocá-lo abaixo do ícone de tamanho da
transformação
e, em seguida, animar
a propriedade de Vamos facilitar os quadros-chave e depois ajustá-los
no editor gráfico. Então, vamos escalonar essa
camada para que ela comece talvez em 1 segundo Para animar o texto
, vou usar
uma das predefinições padrão do Aftereffects Vou entrar em
efeitos e predefinições, e sei como se chama, então vou apenas
procurá-los É chamado de opacidade cintilante. Ele ficará em texto animado em opacidade, piscará
e, em seguida, certifique-se de mover reprodução para onde deseja
que
os quadros-chave comecem
e, em seguida, aplique a predefinição Vou mover
essa camada para trás, então ela começa talvez em 1 segundo. Então vamos ver como
é. Vou tocar em
você no teclado
para ver todos os quadros-chave e vou excluir o segundo conjunto de quadros-chave
aqui, onde ele pisca novamente Tudo isso e aquele. Então, vamos fazer exatamente a mesma
coisa com o tamanho do texto. Desta vez, vou
escaloná-lo, então talvez comece às Agora que tudo
está sendo animado, a última etapa é animá-lo
para Vou passar
para, digamos, 9 segundos e vamos começar a
animar isso. Vou animar as linhas
da mesma forma
que elas foram animadas Uma maneira fácil de fazer
isso é simplesmente
copiar e colar os quadros-chave Se copiar e colar quadros-chave em várias camadas
não funcionar para você, provavelmente
você está usando uma
versão mais antiga dos efeitos posteriores e só precisará copiar e colar uma camada por vez Então, a partir daqui, preciso
reverter esses quadros-chave. Com todos eles selecionados, vou clicar com o botão direito do mouse
em qualquer um deles. Em seguida, vá para o assistente de quadros-chave para
reverter os quadros-chave. Agora, isso será animado
da maneira oposta. Eu vou fazer basicamente a
mesma coisa com essa caixa. Vou tocar no seu teclado
para ver esses quadros-chave de tamanho, depois vou
copiá-los e colá-los. Clique com o botão direito do mouse,
assistente de quadros-chave para inverter os quadros-chave. Agora, a caixa vai
diminuir e depois formar uma
linha e depois sair. Em vez de animar
tudo individualmente, vou apenas
embelezá-los com esta caixa Mas como essa caixa
tem apenas um traçado e nenhum preenchimento, preciso duplicá-la Comando D. Vamos renomear esse Monte. Em seguida, vou
alternar para abrir essa camada. Já existe um preenchimento aqui, e vou
ligar o globo ocular para isso Se você
ainda não tiver um preenchimento, sempre
poderá
adicioná-lo acessando
o botão Adicionar e
escolhendo preencher. Vou bater em você para
fechar todas as camadas. Em seguida, vou
clicar nos modos de
barra do Toggle Switches para ver
as opções da trilha Mt, e vou
selecionar todas as camadas exceto a caixa
e as linhas, e vou criar o tapete da
trilha, essa Agora, à medida que essa caixa
está sendo animada, todas as outras
camadas ficarão ocultas quando não estiverem mais
dentro da caixa. Uma coisa um pouco exigente que eu
não gosto é como essa caixa fecha e há uma moldura que as linhas estão
fora da Vou entrar
nessas duas linhas e depois mover
esse quadro-chave, um quadro para a esquerda. No próximo vídeo, vamos
transformar isso em um modelo.
11. Fatos da planta de modelo: Para este modelo,
quero que o usuário
possa decidir se a
planta precisa de sol pleno, sombra
parcial ou sombra total. Isso deve atualizar o
ícone e o texto. Também quero que o
usuário possa
determinar a quantidade de
água que a planta precisa,
seja uma, uma gota,
duas gotículas ou três gotículas Então eu também vou deixar que eles atualizem este texto
para o tamanho da planta. Primeiro, vamos criar
um controlador para manter alguns dos
controles de expressão que precisaremos. Vou até layer, new,
null object, e vamos
renomear esse controlador Em seguida, vou clicar com o botão direito do mouse
no Controlador, acessar o efeito, os controles de
expressão e, em
seguida, o controle do menu suspenso. Vou usar isso para
o ícone e o texto do Sol. Vamos renomeá-lo como Sun. Em seguida, para atualizar os diferentes
itens na lista, clicarei em editar e, em seguida, você poderá clicar duas vezes nesses
itens para renomeá-los. Se você precisar adicionar
ou retirar opções, use esses botões de adição e
subtração aqui Então, quando você tiver as
opções de que precisa, clique em. Vou escrever
uma expressão sobre opacidade dos ícones do sol para ativá-los ou desativá-los com
base
no que está selecionado
nesse menu suspenso Antes de fazer isso,
vou clicar no ícone de cadeado aqui para
que ele permaneça no lugar, mesmo quando eu clicar fora
do controle. Em seguida, vou encontrar
a propriedade de opacidade no primeiro ícone e clicar Opção ou tudo para começar a
escrever a expressão Em seguida, vamos configurar uma variável
para esse menu suspenso. Vou simplesmente
chamar essa seleção. Em seguida, escolha chicote para este menu. Em seguida, ponto e vírgula, então
vamos usar uma declaração FL para
descobrir o que está selecionado Eu vou fazer se e depois
entre parênteses, seleção. Usando essa variável
que acabei de criar. Então, precisamos de dois
sinais iguais para verificar se isso é igual aos
itens desse menu. O item número um
será o número um. Basta digitar um aqui e, fora dos parênteses,
criar um Então, dentro dos colchetes, queremos definir a opacidade
se a seleção for Se a seleção estiver em pleno
sol nesse ícone de sol pleno, quero que a opacidade seja 100% Vou digitar 100
e depois ponto e vírgula. Depois do segundo colchete, precisamos definir o que acontece
se esse não for o caso Primeiro escreva e depois
outro conjunto de colchetes. Então, nesses colchetes, precisamos colocar qual será a
opacidade se
a seleção não for
uma, então será zero Essa camada não ficará visível. Em seguida, verifique se você
tem o outro colchete e, em seguida, clique
fora da expressão Vou apenas separar essa camada para que possamos testar se
está funcionando No momento, o menu está configurado para pleno sol, então isso está visível. Se eu mudar para sombra parcial, a opacidade
será zero, então essa camada desaparecerá Agora eu só preciso repetir
isso nos outros ícones do sol. Primeiro, vou
copiar essa expressão. Encontre a propriedade de opacidade
no segundo ícone e cole
na expressão Mas em vez da
seleção igual a um, eu quero que seja igual a dois. Então, a mesma coisa neste. Mas desta vez, a seleção
deve ser igual a três. Agora vamos verificar se
esse menu está funcionando. Neste momento, sol pleno, agora sombra parcial e sombra total. Em seguida, vamos fazer com que
esse texto seja atualizado automaticamente com base na seleção
do menu suspenso. Vou entrar na
camada de texto, encontrar o texto fonte e
escrever uma expressão. Primeiro, precisamos definir uma
variável para a seleção
e, em seguida, selecionar chicote
no menu Em seguida, ponto e vírgula, podemos usar
uma declaração IL novamente. Só precisaremos de um
extra se for o caso. Será a seleção se e depois parênteses.
Igual igual. A seleção é
igual ao número um. Então, entre colchetes,
precisamos definir qual é
o texto fonte Para fazer isso, será o texto fonte do texto
e, em seguida, será igual,
e então, entre aspas, podemos escrever o que
queremos que esse texto diga Vai ser sol pleno.
Em seguida, para chegar a uma nova linha, você deve fazer uma barra invertida Certifique-se de que é o
invertido, n, que chega a uma nova linha, e então podemos fazer mais de
seis horas Depois das aspas,
você precisa de um ponto e vírgula. Então, depois do suporte,
vou fazer outra coisa se. Estou definindo outra situação. Isso vai
estar entre parênteses,
seleção, igual Se a seleção for igual
a dois, ou seja, sombra
parcial, precisamos definir o que queremos que o
texto diga entre colchetes O texto de origem do texto
é igual a, e, em seguida, uma sombra
parcial e , em seguida, uma barra invertida em quatro a 6 horas.
Em seguida, ponto e vírgula Depois desse suporte,
vou fazer outra coisa. Como a seleção tem
apenas três opções, já definimos o que acontecerá se
for uma ou duas. Para este, podemos
simplesmente não colocar nada e assumir que essa
será a opção três. Vou colocar colchetes
e, em seguida, esse será o texto fonte do texto,
igual
a aspas, sombra total,
barra invertida e menos barra invertida e Em seguida, ponto-e-vírgula e
, em seguida, verifique se você tem o último colchete e
clique Agora, se eu alterar a seleção do
menu, ela também deverá atualizar o texto. Parece que eu
perdi o traço aqui, então deixe-me voltar e acrescentar isso Vamos trabalhar com as gotículas
de água. Se a planta não
precisar de muita água, eu só quero que uma
das gotículas tenha opacidade
total e as outras
duas sejam opacidade Então, se precisar de um
pouco mais de água, os dois
ficarão totalmente opacos, e o terceiro ficará
mais claro e assim por diante Para fazer isso, primeiro vou clicar com o botão
direito do mouse no Controller, acessar os controles de
expressão de efeitos e pegar um controle deslizante Vamos dar um nome a essa água. Vou
clicar com o botão direito do mouse onde diz zero e escolher editar valor. Por padrão, os controles deslizantes vão de 0 a 100, mas eu só quero de zero a três Vou mudar isso
para três e depois clicar. Isso só facilitará o trabalho com o
controle deslizante. Não precisamos
alterar a opacidade
da primeira gota de água
porque não tenho nenhuma planta que
não precise Depois, só precisamos entrar na segunda e terceira gotículas de
água Pressione T no teclado e comece a escrever
uma expressão. Primeiro, precisamos de uma variável
para esse controle deslizante. Em seguida, seleciono chicote
até o controle deslizante e, em seguida, ponto
e vírgula, então
podemos usar I e depois entre parênteses, a água é maior
ou igual Então eu quero que a opacidade da
segunda gota de água seja 100%.
E depois mais. Isso significaria que o
controle deslizante de água é menor que dois. Eu quero que isso tenha 20% de opacidade. Dessa forma, ele ainda está visível, mas não em uma opacidade total Veja como é a
expressão completa. Vamos copiar e
colar isso na terceira gota de água. Mas desta vez, quero colocar se água é maior
ou igual a três. Agora, se você ajustar o isqueiro, ele vai em casas decimais, mas assim que você ficar acima de
duas, mas menos de três
, você terá duas gotículas de
água
e, quando chegar até três ou
mais do que todas as três , haverá opacidade
total Você também pode simplesmente digitar números aqui, o que
pode facilitar. Agora vamos abrir o painel gráfico
essencial. Vamos dar um nome a isso. Vamos definir a hora do pôster. Então eu preciso trazer
esses controladores. Vou clicar duas vezes para
abri-los na linha do tempo para poder arrastá-los para o painel gráfico
essencial Então, para esse tamanho de texto, vou encontrar a propriedade
do texto fonte
e arrastá-la para dentro. Se quiser, você pode
configurar controladores de cores para
os diferentes elementos
neste modelo e/ou tempo
de design responsivo Se você não se lembra de
como fazer isso, pode voltar ao vídeo modelo dos
terços inferiores A última coisa a fazer é exportar o modelo de animações e salvá-lo na pasta
que configuramos
no início da aula. Abordarei como usar esse
modelo em primeira mão no
vídeo de montagem no final da aula.
12. Anime o ponteiro do polinizador: Começando com essa composição
que eu te forneci, vamos primeiro animar
tudo nela Em seguida, transformaremos isso em
um modelo personalizável em que o usuário poderá ajustar o texto e selecionar um
desses três ícones diferentes para Bs, borboletas ou E o usuário
também poderá mover
a posição desse ponto para atualizar a aparência
do ponteiro Vamos começar
animando no ponto. Vou pressionar
S no teclado para abrir a propriedade de escala. Vou até 15 quadros, defino a escala para 100%
e, no início da linha
do tempo, coloco isso em zero Vamos também animar a escala do
círculo. Mas se usarmos a propriedade de
escala, ela realmente
mudará o tamanho
da espessura do traçado, o que
eu não quero fazer. Em vez de fazer isso,
vou abrir a camada,
encontrar conteúdo, circular e, em
seguida, elipsar o caminho um,
e vamos
animar Dessa forma, você pode dimensioná-lo
para o tamanho que quiser, mas o peso do traçado
sempre permanecerá o mesmo. Vou usar 17
quadros porque essa camada começa em dois quadros e
dura 15 quadros, o mesmo que o ponto, e vou apenas animar
a propriedade de tamanho para ter esse valor e depois zero
no início da camada E então eu vou tocar em
você no teclado para mostrar esses quadros-chave Vamos selecioná-los, pressione F
nove para facilitar a leitura
e, em seguida, vá para o editor
gráfico e torne essas curvas de movimento um
pouco mais interessantes Quero que essa animação
seja mais rápida
no início e depois
mais lenta no final Para fazer isso,
vou clicar e
arrastar essas alças aqui
e arrastar essas alças aqui , em seguida, arrastá-las segurando a
tecla Shift para a esquerda. Essa será uma curva mais íngreme. Isso parece muito bom. Agora
vamos animar essa linha Há dois segmentos
dessa linha, essa parte e depois
a parte horizontal. A razão pela qual essas duas linhas
estão separadas é porque a linha horizontal precisará ser atualizada com base no
tamanho do texto. Para a conexão de linha,
vou abrir a camada,
clicar no botão Adicionar e escolher corte. Então
vamos abrir isso. Vou definir o valor final
como 100% em 20 quadros. Então, no início da camada, vou colocar isso de volta em zero. Agora, essa parte será animada. Vamos facilitar esses quadros-chave, acessar o editor de gráficos e criar um gráfico com
aparência semelhante ao que
fizemos em ponto Algo
parecido. Vou animar a linha
horizontal da mesma forma Um atalho para fazer isso é simplesmente
copiar o trim pass
dessa linha e
colá-lo nessa Então eu vou
abrir isso e apenas ajustar os quadros-chave. Vamos começar no
início dessa camada nos últimos 20 quadros. Aqui está
o que temos até agora. Vamos animar o texto com
animadores de texto. Para atrair texto, vou usar uma predefinição que é padrão
do After Effects Vou entrar no painel de
efeitos e predefinições. Ative as
predefinições de animação abertas, vá para as predefinições, depois para o texto
e depois para animar,
e
estou procurando uma oscilação de opacidade texto
e depois para animar,
e estou procurando Certifique-se de que seu indicador de reprodução esteja onde você deseja que os
quadros-chave sejam colados e, em seguida,
basta arrastar ou
clicar duas vezes nesse efeito para Vou tocar no
seu teclado para mostrar
esses quadros-chave, e vamos
ver como é Gosto de como isso se anima
e depois pisca, mas acho que não
preciso dessa mas acho que não
preciso dessa parte aqui.
Isso é um pouco demais. Vou
clicar e arrastar sobre todos esses quadros-chave
e excluí-los. Está parecendo bom e eu posso
simplesmente fechar essa camada. Em seguida, para o nome
do polinizador, vou abrir a camada,
clicar no botão animar e escolher a posição Em seguida, vou ajustar
a posição y para
que a camada fique abaixo dessa linha. Em seguida, vou animar
isso com o seletor de intervalo. Mas primeiro, vou
entrar em avançado
e, para a forma,
vou escolher ramp up Em seguida, vou animar
o valor do deslocamento. Começando no início
da linha do tempo, vou arrastar esse valor de
deslocamento até menos
100, dessa forma, todo o texto ficará
abaixo da Em seguida, definirei o
deslocamento de menos 100 quadros
e, em seguida, 20 quadros para Agora, cada letra
surgirá em uma cachoeira. Em vez de facilitar
esses quadros-chave, porque esse é um animador de texto, vou ajustar a
atenuação alta e a baixa, definindo cada uma delas Novamente, se você quiser mais detalhes sobre como os animadores de texto funcionam, tudo
isso é abordado na minha aula de animadores de
texto Mais uma coisa a fazer com
esse texto é criar um tapete
para que o texto não fique visível
quando estiver abaixo da linha. Para fazer isso, vou pegar
a ferramenta de forma,
a ferramenta de retângulo,
e depois vou
clicar e arrastar para criar um retângulo E vamos dar um nome a isso.
Em seguida, vou clicar no modo de barra do Toggle Switches para ver as opções do tapete de
pista Se clicar nas opções
e modos de alternância não
mostrar isso para você
, alterne esses ícones
até Em seguida, vou pegar
a picareta ao lado mapa
da trilha do texto
do polinizador e arrastá-la até o Agora, o texto só
ficará visível nessa área. Posteriormente,
precisaremos
voltar a esse encontro
para garantir que ele seja redimensionado adequadamente com
base no tamanho do texto Mas, por enquanto, vamos
trabalhar na animação. Agora vamos animar os ícones B,
borboleta e mariposa. Não se preocupe com o
fato de que todos
esses três ícones estão
sobrepostos no momento No modelo,
vamos fazer com que o usuário possa
selecionar um deles. Você só
verá um de cada vez. Vou fazer com que
essa animação ocupe cerca de 15 quadros, aqui mesmo, e então vou
selecionar todas
essas três camadas e pressionar P no
teclado para abrir
a propriedade de essas três camadas e pressionar P no
teclado para abrir posição
e clicar em um dos cronômetros para definir os
três quadros-chave de uma só vez, e então vou para o início da e então vou para o início da linha do tempo e
arrasto todos eles
para baixo para que fiquem abaixo
do linha. Não quero que esses ícones fiquem visíveis quando
não estão acima da linha. Vou acessar os modos de barra dos meus
interruptores para encontrar as opções de contraste da faixa
e, em seguida, arrastar uma
das opções até o texto mate. Dessa forma, elas não
ficarão Também vamos selecionar
esses quadros-chave, aliviá-los
facilmente e,
em seguida, acessar o editor gráfico e ajustar esse gráfico da mesma forma que animamos
o.in the circle Algo parecido. Você deve
ter notado que
nessa camada de texto, a predefinição que aplicamos, havia alguns quadros-chave de retenção
na propriedade de opacidade Isso só dá uma
pequena oscilação,
eu gosto da aparência,
e acho que pode ser um pouco um tema
aplicado a outras camadas Esses quadros-chave são chamados de quadros-chave de
retenção e
têm formato quadrado O que eles fazem é simplesmente pular de um valor para outro valor sem interpolação Nesse caso, basta
desligar e ligar a camada. Vou selecionar
esses quadros-chave, comande C para copiá-los. Em seguida, no ponto, vamos ver onde estão
os quadros-chave e
também no círculo. Depois que o ponto for animado, vou colar esses quadros-chave de
opacidade E então a mesma coisa
para o círculo. Isso fará com que
ambas as camadas pisquem um
pouco Agora vamos animar
tudo. Vou mover meu indicador de
reprodução para cerca de 4:20, depois selecionarei
o.in no círculo
e
pressionarei você no teclado
para mostrar esses quadros-chave Vou animá-los ao contrário da
forma como entraram Vou apenas definir um tamanho e
uma propriedade de escala e, em seguida, ir até o final das camadas
e reduzi-las a zero. E vamos escalonar esses para que terminem
no final da camada Então, logo antes de
serem animados, vamos ter a opacidade, fazer aquela coisa de cintilação Vou copiar e colar esses
quadros-chave. Algo parecido com isso. Vamos também animar
as linhas da mesma
forma que elas entraram Vou mostrar
esses quadros-chave
e, em seguida, definirei
outro quadro-chave para 100%
e, no
final da camada, voltarei a zero E a mesma coisa para
a conexão de linha, 100% abaixo de zero. Para esses ícones, vamos
animá-los novamente. Eu só vou bater no
seu teclado, então vamos passar para
cerca de quatro oh cinco. Vou apertar esse botão de
quadro-chave para definir um quadro-chave com o valor
exato Em seguida, vou até o final
da camada e, em seguida, copio esses primeiros quadros-chave e os
colo no
final da camada Se você estiver usando uma
versão mais antiga do After Effects e copiar e colar
duplicar as camadas, você só precisará copiar e esses quadros-chave
um por vez Vou tocar
no seu teclado para fechar tudo e vamos
animar o texto. Vou selecionar o texto do nome do
polinizador e pressionar você no teclado Então, vamos passar para
cerca de quatro
e cinco e
animar isso da maneira inversa Quero ter certeza de
que o texto está sendo
animado antes da linha Acho que preciso fazer isso acontecer um pouco mais rápido. Isso mudará quando fizermos com que a linha
responda ao tamanho do texto Mas, por enquanto, isso
vai ser bom. Então, para esse texto superior, vou abrir o seletor de intervalo e
animar
o Começando por aqui, vamos
definir o valor final 100% e, em seguida, seguir em frente
e definir isso como zero. Vamos também adicionar um pouco de
cintilação antes que isso aconteça. Vou apenas copiar e
colar esses quadros-chave. Talvez os
arraste um pouco. Então, algo parecido. Agora que temos essa
animação entrando e saindo, vamos
transformá-la em um
modelo personalizável no próximo vídeo
13. Ponteiro de polinizador de modelo: A primeira coisa a
fazer para
transformar isso em um modelo é
criar um controlador. Vou subir até a
camada, novo objeto nulo. E vamos renomear
esse controlador. Quero que o usuário deste
modelo possa selecionar
entre a borboleta B e a
mariposa. Vamos configurar isso. Vou selecionar
o controlador
e, em seguida, clicar com o botão direito do mouse e escolher os controles de
expressão do efeito
e, em seguida, o controle do menu suspenso. No painel Controles do efeito, você pode ver que isso
foi adicionado neste
menu suspenso , onde você pode selecionar itens
diferentes da lista. Eventualmente, vamos
incluir isso em gráficos
essenciais, mas, por enquanto, vamos configurá-lo para mostrar a borboleta e
a mariposa B
com base na seleção Vou apertar
o botão de edição. Você pode simplesmente
clicar duas vezes nesses itens para renomeá-los de
acordo com suas camadas Se precisar adicionar novas camadas, basta clicar no
botão adicionar
ou no botão de menos
para excluir camadas Então, uma vez que você tenha configurado
isso, clique em. Agora, neste menu suspenso, você tem suas opções
personalizáveis Precisamos conectar essas
opções a essas camadas. Para fazer isso,
vou usar
a propriedade opacidade para ativar
ou desativar a opacidade com
base na seleção que o
usuário No painel de controles do efeito, vou clicar nesse botão de
bloqueio aqui, que manterá o
controle visível mesmo se eu clicar em outra camada. Em seguida, vou clicar na
camada B e pressionar T no teclado para
abrir a propriedade de opacidade. Para ativar e desativar essa
camada, com base nesse menu suspenso, vamos usar
uma expressão Opção ou clicarei
no cronômetro
e, em seguida, configurarei uma variável
para esse menu suspenso Será V e então você pode
nomear isso como quiser. Vou apenas
chamá-la de seleção. E então é igual,
e então eu pego a picareta e a arrasto até
este menu Certifique-se de arrastar até
aqui onde diz menu. Em seguida, ele pegará o menu e, em seguida, o ponto e vírgula
no final da linha Então eu vou fazer “se”
e depois “parênteses”. Então, dentro dos parênteses, vou usar essa
seleção de variáveis E então dois sinais iguais. Isso vai verificar se a seleção é igual a alguma coisa. Para fazer isso, você precisa de
dois sinais iguais. Se for igual a um, que será a primeira coisa na seleção, o B, então vou sair
dos parênteses e colocar
um colchete e
dizer o que eu
quero que ele faça se a
seleção for igual a O que eu quero fazer é
definir a opacidade para 100%. Vou digitar 100
e depois um ponto e vírgula. E então eu vou descer
a seta, e então precisamos dizer
o que fazer se não for 100. Para fazer isso, coloque outra coisa
e, em seguida, um suporte. Então, se a seleção
não for igual a um,
em outras palavras, uma borboleta ou mariposa for
selecionada no menu suspenso, quero que a opacidade
dessa Vou digitar zero
e ponto e vírgula. Então, ele já deve
ter preenchido o último colchete, então
podemos simplesmente clicar. Então, só para que possamos
ver o que está acontecendo. Vou esconder a
borboleta e a mariposa. Você pode ver que, como
o menu suspenso está selecionando o
B, ele está visível Mas se eu selecionar a borboleta, o B não estará mais visível.
O mesmo para a mariposa. Isso está funcionando,
vou voltar a ligar a borboleta e
a mariposa Vamos aplicar essa expressão
a essas camadas. Para economizar tempo digitando, vou
copiar essa expressão e, em seguida, entrar na borboleta, pressionar t no teclado, Option, clicar no cronômetro e
colar essa Em seguida, vou voltar
para a expressão e alterar o número da
seleção para dois. Dessa forma, se a
seleção for duas, que é a borboleta,
essa camada ficará visível Então, vamos fazer a mesma
coisa com a mariposa. Desta vez, se essa seleção
for igual a três, essa camada ficará visível. Agora vamos testar para
ter certeza de que isso está funcionando. A seleção está em B
e está funcionando. Agora mostrando a borboleta, e agora mostrando a mariposa Agora vamos configurar isso no painel gráfico
essencial. Vou fechar
todas essas camadas pressionando você e
o teclado duas vezes, e depois
vou para uma área vazia e escolho gráficos abertos e
essenciais Vamos dar um nome a isso. Vamos
definir a hora do pôster. Também esqueci de nomear o controle do menu
suspenso. Vou clicar em
Enter e dar um nome a isso. Agora, precisamos arrastar esse menu o painel
gráfico essencial, mas você não pode realmente arrastar
coisas do painel de
controles de efeitos para o painel gráfico
central E. Precisamos abrir isso
na linha do tempo. Uma maneira fácil de fazer isso
é clicar duas vezes nele e
abri-lo na linha do tempo Em seguida, na linha do tempo, selecione ao lado de onde diz o menu Você pode arrastar isso para o painel gráfico
essencial e tudo
ainda deve estar funcionando. A seguir, vamos tornar o texto do
polinizador personalizável. Vou ativar a
camada,
descer até o texto
e, em seguida, arrastar o texto de origem para o painel gráfico
essencial e nomear esse
polinizador Agora vamos fazer com que essa linha
horizontal atualizada
automaticamente com
base no tamanho do texto. Vou fechar
a camada de texto
e, em seguida, vou usar esse
controlador para outro uso além de apenas adicionar esses controladores de
expressão Vou usar sua posição. Vamos posicioná-lo
no ponto dessa linha.
Ali mesmo. Dessa forma, podemos pegar
a posição esquerda da linha agarrando a
posição do controlador Então, podemos simplesmente adicionar o tamanho que precisarmos com
base no tamanho do texto. Tudo isso fará mais
sentido quando realmente
escrevermos a expressão.
Vamos fazer isso a seguir. Vou entrar
na linha horizontal, abrir até encontrar Então, também
precisaremos da posição
do controlador e da
posição dessa camada de texto. Vou apenas
abri-los na linha do tempo para poder vê-los. Também vou
aumentar minha linha do tempo
para que tenhamos um pouco
mais de espaço para trabalhar Em seguida, opcione ou eu clicarei
no cronômetro para começar a
escrever uma expressão Primeiro, precisamos
definir algumas variáveis. Precisamos saber
qual camada estamos examinando para obter o tamanho, então essa
será a camada de texto. Vou pegar o chicote
e arrastá-lo até essa camada de texto e, em seguida, ponto
e vírgula Então, precisamos saber a posição das camadas de
texto. Uma maneira fácil de obter essa posição é simplesmente pegar o chicote até a propriedade
da posição
aqui e, em seguida, ponto e vírgula Precisamos saber o tamanho da camada de
texto, para que o tamanho do texto faça sentido. Então, podemos usar essa camada de texto
variável. Em seguida, pontuar e, em seguida, usaremos a função source ect at time,
que usamos antes. Essa é uma função que obtém informações sobre o tamanho de uma camada. Fonte ect de cada vez, e então não precisamos colocar
nada entre parênteses
porque os padrões são
bons e, em seguida, setar sobre a ponto porque precisamos da
largura dessa camada Em seguida, outra variável para a posição mais à esquerda
dessa linha, que
será a
posição do controlador
e , em seguida, ponto e vírgula Em seguida, precisamos
criar dois pontos para o início e o
fim da nossa linha
e, em seguida, podemos
usar uma função para desenhar uma linha entre
esses dois pontos. Para fazer esses pontos,
eles são na verdade uma variável, então podemos simplesmente chamar isso de pontos. Essa será
uma lista de valores, então precisamos
defini-los entre colchetes. O primeiro ponto será o ponto mais à esquerda
onde o controle está, então vamos usar
apenas a
posição esquerda que já definimos. Em seguida, coloque uma vírgula
entre os pontos. Para o próximo ponto,
precisamos definir os valores de x e y separadamente. Para o ponto de posição à esquerda, isso inclui as coordenadas
x e y,
portanto, não precisamos especificar. Podemos simplesmente inserir
essa variável. Mas para este, precisamos
usar colchetes e depois
definir x e y com
uma vírgula no meio Primeiro, precisamos da posição do
texto. Essa variável de posição do texto
obtém os valores x e y. Precisamos especificar que
queremos apenas o valor x. Para fazer isso, você coloca colchetes
com um zero no meio. Um é para y, zero é para x. Então vamos adicionar a
isso o tamanho do texto. Essa será a
coordenada x e, em seguida, coloque uma vírgula e, em seguida,
vamos definir y. Podemos usar a coordenada y da
posição esquerda porque essa
será uma linha horizontal plana Vou apenas fazer a posição
esquerda e depois os colchetes e especificar
que queremos o valor y. Então eu vou
flechar em um ponto e vírgula. Em seguida, vamos usar uma função
chamada create path. Primeiro, essa função
quer saber quais são os pontos
para criar esse caminho, então usarei nossa variável de pontos. Em seguida, quero
saber as tangentes desses pontos diferentes, mas não precisamos de nenhuma tangente porque essa é
apenas uma linha reta Vamos
colocar apenas colchetes vazios para
as tangentes e há tangentes de
entrada e saída. Você precisa de dois conjuntos de colchetes. A última coisa que essa
função quer saber é se essa
é ou não uma forma fechada. Como isso é apenas uma linha, não
é uma forma fechada, então
vamos colocar false. Agora, se você clicar fora
da expressão agora, a linha não aparecerá
onde deveria estar. Se eu diminuir o zoom,
na verdade está aqui embaixo. A razão para isso é porque
eu pulo algo que é realmente importante para o
posicionamento dessa linha, mas é a parte mais
confusa, então eu queria deixá-la para o final Isso é que há dois espaços diferentes para
posicionamento no After Effects. Há o espaço de composição e
, em seguida, há o espaço de camada. Você pode pensar nisso em relação
à composição e
em relação à camada. Precisamos pegar a posição do
texto e a posição esquerda
e levá-la
do espaço de composição o espaço da camada para que essa linha
fique
no lugar certo Para fazer isso, clique novamente
na expressão. E depois, ao lado da posição do texto, vamos escrever a partir do comp. Então, isso
colocará dois parênteses, mas precisamos que todo esse texto
esteja Vou
deletar o segundo e movê-lo para o final aqui, e depois a mesma coisa para a posição esquerda
do comp, e depois mover os parênteses
para o final Agora, se você clicar para fora, a linha deve estar na posição
correta. Agora, se eu entrar e alterar o que o texto diz, para
torná-lo mais curto, a linha está sendo atualizada, ou se eu adicionar mais texto, a linha também será atualizada. Mas você pode ver que algumas
dessas letras que acabei de
adicionar estão sendo cortadas porque essa camada de tapete
não está sendo atualizada com base
no tamanho do texto. Vamos entrar e consertar isso.
Primeiro, vou copiar algumas variáveis
da expressão na linha. Vou apenas copiar essas três
primeiras variáveis para economizar um pouco de digitação Em seguida, vamos entrar no Monte e abrir até
encontrar a propriedade de tamanho Em seguida, na opção,
clicarei no cronômetro e colarei essas variáveis Então eu vou definir x. Essa será a posição
do texto. Mas essa
variável de posição do texto obtém as posições x e y. Precisamos especificar que precisamos
apenas da posição x,
então, entre colchetes, zero Então, vamos adicionar a
isso o tamanho do texto. Então, você vai querer um pouco
mais de preenchimento para que a caixa não termine
exatamente onde o texto termina, o que pode fazer com que algo
pareça um pouco cortado Vou
adicionar mais 20 apenas para um pouco
mais preenchimento.
Então vamos definir y. Para isso, podemos simplesmente escolher
chicote até o valor y e, em
seguida, semicon
e, entre colchetes, definir x e y. Isso é redimensionar a caixa, mas também bagunça Vou apenas arrastá-lo
de volta para onde estava,
mas ainda não está obtendo
o tamanho total do texto. Isso se deve à forma como os
retângulos mudam de tamanho. Se eu desabilitar essa expressão
e, em seguida, desrestringir, você pode ver que quando
eu redimensiono essa caixa, ela é dimensionada a partir do meio, não importa onde o
ponto de ancoragem esteja Para corrigir isso, você pode escrever uma expressão nessa propriedade de
posição, aquela que está logo abaixo tamanho que
compensará isso Opção: clico
no cronômetro
e, em seguida, vamos definir x, que
será apenas o tamanho x e depois y. E escolho até o tamanho y. Então, entre colchetes, eu
vou fazer x dividido por dois porque eu só
quero metade disso
para que ele
mude de tamanho do lado esquerdo, e então y vai ser menos y dividido por dois, porque eu quero que ele seja dimensionado a
partir do canto inferior esquerdo Isso vai mover a
posição da caixa novamente. Podemos simplesmente colocá-lo de
volta no lugar. Se você se incomoda com o fato de o ponto de
ancoragem estar aqui, você pode movê-lo de volta ao lugar e agora a caixa será redimensionada para caber no tamanho do texto Agora, se eu adicionar a este texto, a linha e o tapete
estão atualizando o tamanho. A mesma coisa se eu
diminuísse o texto. Quero que o usuário desse
modelo possa ajustar
a posição desse ponto para apontar
coisas diferentes no vídeo. Para fazer isso, vou encontrar
a propriedade de posição desse ponto e arrastá-la até o painel
gráfico essencial. Vamos apenas nomear
essa posição do ponto. Quero que esse círculo
siga o ponto, então vou direcionar o
círculo até o ponto. Agora, a posição dos pontos
pode ser ajustada, mas essa linha precisa permanecer conectada entre o ponto
e a linha horizontal Para fazer isso, podemos
escrever uma expressão na propriedade path dessa linha. Precisaremos
configurar algumas variáveis e uma
delas será a
posição do controlador
e a outra será a
posição do ponto. Vou entrar na conexão
de linha e encontrar a propriedade path. Então, vamos começar a
escrever a expressão e configurar algumas variáveis. posição esquerda, assim como usamos antes, será a
posição desse controlador. E então outra variável
para a posição do ponto, e isso vai ser
igual a essa posição dos pontos. Em seguida, precisamos criar uma
variável para os pontos
nessa linha e
defini-los entre colchetes porque
essa é uma lista de valores Será
a posição esquerda
e, em seguida, a posição do ponto. E então ponto e vírgula
após esses colchetes, e então podemos usar a função
create path novamente Primeiro, precisamos
definir os pontos. Então ele quer as tangentes, mas não temos
nenhuma porque é apenas uma linha reta, colchetes
vazios, dois conjuntos delas, e essa não
é uma forma fechada, então podemos colocar false para isso
e depois clicar para fora Agora estamos tendo o mesmo
problema que tínhamos antes a linha não está exatamente
onde você esperava que estivesse. Isso é por causa
dessa coisa de espaço de composição versus espaço de camada Precisamos voltar aqui, e isso vai ser do Cp e depois mover esse
parêntese para o final Então, novamente, de Cp, mova esse parêntese até o final e verifique se você tem o ponto e vírgula no
final da linha E agora essa linha está
na posição correta. Eu sei que o espaço de composição e o espaço
de camadas podem ser confusos. Se você não tiver certeza se
precisa mudar de um para o outro usando a função from
comp ou two comp O que você pode fazer é
exatamente o que eu
acabei de
fazer, é não fazer nada no começo, ver o que acontece e depois
voltar e tentar adicionar uma ou duas competições
e ver se isso ajuda Agora, mais uma
coisa não exigente que eu quero
fazer é que essa linha chegue até
o ponto,
mas no meu design, eu queria essa linha
alcançasse aquele círculo Corrigir isso em vez de tentar atualizar a expressão
ou algo parecido,
isso pode ser
bem complicado. Eu só vou
duplicar esse círculo. Abra-o abaixo do
conteúdo e, em seguida, circule. Eu posso ver que isso
só tem um derrame. Vou clicar no
botão Anúncio e adicionar um preenchimento. Provavelmente adicionará um preenchimento vermelho. Não importa a cor. Então eu vou
renomear esse Monte. Em seguida, vou clicar em
interruptores e modos e, em seguida, pegar a conexão de
linha e fazer do tapete esse círculo Isso fará com que
a linha seja visível apenas dentro do círculo e
eu quero o oposto. Vou clicar nesse
botão para inverter o tapete. Dessa forma, ele só será
visível fora do círculo. Vamos verificar se
isso ainda está funcionando. Podemos atualizar a posição dos pontos e tudo ficará bem Se quiser, você pode
configurar controladores de cores para
os diferentes elementos
neste modelo e/ou tempo
de design responsivo Se você não se lembra de
como fazer isso, pode voltar ao vídeo modelo dos
terços inferiores A última coisa a fazer é exportar o modelo de animação gráfica. Como sempre, certifique-se
de salvá-lo na pasta
que configuramos
no início da aula. Abordarei como usar esse
modelo na estreia
no vídeo de montagem no final da aula
14. Como juntar tudo: Agora que criamos cinco modelos de animação
diferentes, vamos usá-los em
um projeto de vídeo. Espero que você tenha salvado o ponto Mgart em uma pasta no seu computador e
configurado o premiere para
assistir a essa pasta e ver se há novos modelos adicionados Se você ainda não configurou
isso, volte ao vídeo
do modelo de cartão de título para saber como. Se você já fez tudo isso, todo o seu conteúdo
deve aparecer no painel
Modelos gráficos na estreia Vou continuar com
esse arquivo de projeto de estreia que iniciei no vídeo do modelo de cartão de
título Desde então, importei os vídeos de flores de que
vou precisar. Vou deletar
esses dois cartões de título e depois arrastar
meus vídeos de flores. Alguns deles foram
filmados em quatro K, então eu tenho um pouco
mais de espaço para trabalhar. Então, vou revisá-los e
redimensioná-los para obter a
aparência que eu gosto Agora vamos adicionar os modelos de
animações. Então, vou
arrastar o cartão de título. E eu quero que o cartão de título chegue, começando com preto. Então, eu não quero que o
vídeo esteja lá, então vou selecionar todos os vídeos e
arrastá-los de volta. Então, vou começar com
uma tela preta e depois jogar a carta de título e revelar o
vídeo por trás dela. Agora vamos arrastar
o terço inferior. Eu quero mudar
o que o texto diz, vou
até o
painel Propriedades e faço essas alterações. Vou deixar todo
o branco em branco, mas para a cor inferior do
texto aqui, quero tirar um
verde escuro do vídeo. Vou pegar o conta-gotas e depois tirar uma amostra
do vídeo Eu também quero mover
esse terço inferior, então não é realmente o terço inferior. É mais do que um terço superior nessa área porque esse é apenas um espaço melhor
onde
poderíamos ler o texto com um
pouco mais de facilidade. No
painel de propriedades ou também nos controles de
efeito, você
pode mover o modelo, apenas certifique-se de que
ele esteja selecionado
e, em seguida,
use
os controladores de posição para arrastá-lo para cima Então, está parecendo
bom. Em seguida, passando para o próximo videoclipe, vamos voltar aos modelos
gráficos e adicionar a sobreposição de tempo de
floração Vamos mover isso
para esse canto. Com ele selecionado,
vou até as propriedades e usarei esses controladores de posição
para movê-lo Depois, vou até o meio
do clipe para que ele já esteja
animado e
, em seguida, ajuste esses controles deslizantes para
ajustar os tempos de floração E depois,
vamos voltar ao Graphics TemplsPanel
e adicionar os fatos da planta Quero que as gorduras vegetais estejam
à direita e quero virar
o vídeo para que
essa área aberta aqui
fique à direita Então, para fazer isso, vou
entrar em efeitos. E então, basta pesquisar por flip, e então eu vou
arrastar esse efeito de
inversão horizontal para
este videoclipe, e então eu posso
reposicioná-lo um pouco, e então também selecionar o
modelo e movê-lo E então, com o
modelo selecionado, você pode ajustar
os parâmetros que você configurou no After Effects
nos controles de efeitos ou
no painel de propriedades. Então, isso vai ser sol pleno, e então uma
gota de água é boa, e então eu vou ajustar
o tamanho do E agora, para o último clipe, vamos adicionar o ponteiro do
polinizador Vou até as propriedades e você pode trocar
o polinizador Na verdade, é um B e
depois vou mudar o texto. Na verdade, não sei
se isso é correto, então vamos colocar
isso em prática. Agora vamos mover esse ponteiro. Eu configurei essa parte
após o efeito para poder usar esse controlador de posição
para mover o ponteiro Algo assim parece bom. Agora, se eu diminuir o zoom,
temos todos os clipes aqui e você pode ver
e talvez cortar alguns dos videoclipes
para que não sejam tão E então eu não quero esse áudio que acompanha o videoclipe,
então vou
selecionar todos os clipes, clicar
com o botão
direito do mouse e
depois ir para Desvincular, e então posso simplesmente
excluir o Se você configurar o tempo de design
responsivo em seus modelos no After effects, que é
a área azul no início e
no final da composição
que você vê aqui
, na estreia, você pode atualizar o tamanho
desse modelo e a animação será
atualizada automaticamente Então, se eu arrastar
isso para ficar mais curto, agora ele será animado
um pouco mais cedo Então, ele entra e sai um pouco
antes do final do clipe A mesma coisa funciona se você
quiser tornar o clipe mais longo. A partir daqui, sinta-se à vontade para adicionar o que
quiser, incluindo música. Se quiser compartilhar seu modelo de animação gráfica com outras pessoas, você precisa compartilhar
o ponto MogaTfle Você pode encontrar esse
MOGatfle onde quer que o tenha salvado quando estava
salvando do After Então, o meu está salvo no
Adobe Premiere Pro
e, em seguida, na versão mais recente, e eu o salvei
nesta Então, esses são os arquivos do MoGrat que eu preciso compartilhar
com outra pessoa Para que outra pessoa instale seus modelos de animação
, ela só precisa encontrar um local no computador para armazená-los. E então, na estreia,
eles precisariam
acessar o painel
Modelos gráficos Novamente, isso costumava ser
chamado de Essential Graphics caso eles estivessem em
uma versão mais antiga
e, em seguida,
precisariam pressionar o botão de adição para encontrar a pasta no computador onde salvaram o modelo e
clicar em Escolher.
15. O que vem a seguir?: S. Se você acompanhou
e chegou até aqui, você conquistou muitas coisas Espero que você se sinta muito
mais confortável After Effects
e esteja entusiasmado
em
trabalhar com mais eficiência criando modelos para todas as suas necessidades gráficas em
movimento. Eu adoraria ver o que
você inventou. Então, se você
criou algo único ou recriou meus
exemplos em sala de aula, publique um projeto de classe Se houver algo em particular sobre o
qual você queira feedback, inclua uma
nota para me informar. Para continuar aprendendo, confira as outras aulas
que estou ministrando. Se você gosta desta aula, talvez também goste delas. E certifique-se de
me seguir no Skillshare, Instagram, e inscreva-se no meu
boletim informativo por e-mail para saber quando eu tenho
uma nova aula para Muito obrigado por assistir e
contar para a próxima vez Happy Animating.