Gráficos de movimento reutilizáveis para vídeo: do Adobe After Effects ao Premiere | Megan Friesth | Skillshare

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Gráficos de movimento reutilizáveis para vídeo: do Adobe After Effects ao Premiere

teacher avatar Megan Friesth, Motion Designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Boas-vindas

      1:52

    • 2.

      O que esperar + projeto do curso

      1:26

    • 3.

      Tour do After Effects

      8:09

    • 4.

      Crie um cartão de título

      15:34

    • 5.

      Modelo de cartão de título

      11:42

    • 6.

      Crie o Lower Third

      14:04

    • 7.

      Modelo de animação de Lower Third (barra de identificação)

      13:33

    • 8.

      Anime o indicador de tempo de floração

      10:26

    • 9.

      Modelo de indicador de tempo de floração

      7:30

    • 10.

      Fatos de animação das plantas

      10:20

    • 11.

      Modelo de fatos sobre plantas

      8:51

    • 12.

      Anime o ponteiro de polinizador

      10:17

    • 13.

      Modelo de ponteiro polinizador

      16:44

    • 14.

      Como juntar tudo

      5:14

    • 15.

      O que vem a seguir?

      0:45

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

786

Estudantes

5

Projetos

Sobre este curso

Aprenda a animar modelos de animações reutilizáveis no Adobe After Effects para personalizar em seus projetos de vídeo no Premiere Pro.

Se você criar conteúdo de vídeo de qualquer tipo, é provável que seja necessário sobrepor gráficos ou texto às suas gravações. Fazer isso manualmente para várias versões pode ser tedioso e demorado, especialmente se você precisar ajustar a animação a cada vez.

Transformar esses gráficos animados em modelos de motion graphics (.mogrts) pode economizar inúmeras horas de trabalho.

Adicionar motion graphics personalizados aos seus vídeos não é apenas uma questão de estética, é uma maneira de fornecer informações extras e destacar seu conteúdo. Embora seja fácil comprar modelos pré-fabricados, criar o seu permite adicionar um toque pessoal ou alinhá-los com sua marca. Você pode até mesmo compartilhar ou vender seus modelos!

Neste curso, você vai aprender a criar 5 modelos de motion graphics:

Você vai aprender a:

  • Criar gráficos básicos com ferramentas de forma
  • Defina quadros-chave e anime propriedades de transformação como posição, escala, rotação e opacidade
  • Anime o texto com animadores de texto simples
  • Mantenha o peso do traçado de um gráfico quando a escala muda
  • Crie foscos para controlar onde uma camada fica visível
  • Use objetos nulos como controladores
  • Use o painel de gráficos essenciais no After Effects
  • Configure e conecte controladores de expressão
  • Criar texto que automaticamente se concentra quer tenha uma ou duas linhas
  • Usar expressões para criar uma caixa de texto e uma linha redimensionar automaticamente com base no conteúdo
  • Crie um modelo com ícones e texto selecionáveis
  • Crie um gráfico animado com um ponteiro móvel
  • Configurar modelos que podem ser reprogramados no Premiere Pro (Design responsivo - Tempo)
  • Personalizar modelos de animações no Premiere Pro
  • E muito mais!

Para quem é este curso:

Antes de fazer este curso, você precisa ter um conhecimento básico de como editar vídeos no Premiere Pro. Este curso foi projetado para editores de vídeo que desejam adicionar recursos gráficos personalizados a seus projetos, mesmo que você nunca tenha aberto o After Effects antes.

Enquanto exploramos tópicos avançados, como o painel Gráficos essenciais e expressões, vou guiar você em cada etapa para que você possa recriar os exemplos. Espere receber desafios, mas também orientações.

Você vai precisar da versão 14.2 do After Effects (lançada em 2017), ou mais recente, para criar .mogrts.

Saiba mais sobre como o After Effects e o Premiere Pro trabalham juntos neste vídeo:

Se gostou deste curso, também pode gostar destes:

Conheça seu professor

Teacher Profile Image

Megan Friesth

Motion Designer

Top Teacher

Hi! I'm Megan Friesth, a motion designer and illustrator from Boulder, Colorado. For my job I create explanimations-that is educational animations-and here I create education on how to animate! I have degrees in physiology and creative technology & design. By combining these two disciplines I create explanimations that help patients with chronic diseases understand complex medical information and take control of their health. When I'm not inside Adobe Illustrator or After Effects, I love traveling, running, skiing, yoga, and gardening.

Visualizar o perfil completo

Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

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.