Animação com luz | Jake Bartlett | Skillshare

Velocidade de reprodução


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

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

17 aulas (1 h 29 min)
    • 1. Trailer do curso

      0:56
    • 2. Preparando a obra de arte

      2:26
    • 3. 32 bits por canal

      5:01
    • 4. Construindo o letreiro

      2:13
    • 5. Gerenciamento de cores

      6:09
    • 6. Construindo o brilho

      15:43
    • 7. Usando efeitos incompatíveis

      2:11
    • 8. Fazendo ajustes

      3:38
    • 9. Pequenos detalhes

      11:43
    • 10. O que são Hold Keyframes?

      2:18
    • 11. Organizando-se

      2:51
    • 12. Trabalho de preparação final

      2:45
    • 13. Animação tradicional em neon

      4:04
    • 14. Levando mais longe a animação

      16:40
    • 15. Retocando

      6:44
    • 16. Exportando um vídeo

      3:09
    • 17. Obrigado!

      0:40
  • --
  • 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.

6.382

Estudantes

112

Projetos

Sobre este curso

kuWZMgF.gif

Neste curso, mostrarei meu próprio método para simular a luz no After Effects. Você aprenderá como transformar qualquer texto, gráfico ou animação em um letreiro em neon, criando efeitos de brilho completamente personalizados. Também veremos muitas dicas e truques para animar com camadas de forma, usando pré-composições para criar um efeito gerado seguindo um procedimento, um rigging de expressão simples para gerenciamento de cores e muito mais! Depois de entender como simular a luz, você poderá adicionar um nível extra de realismo a qualquer design ou animação.

Este curso foi desenvolvido para artistas que têm alguma experiência com o After Effects, mas não é obrigatório. Assim como em todos os meus cursos, você poderá acompanhar o passo a passo dos meus vídeos mesmo que nunca tenha usado o software antes. Mas se você quiser uma introdução para iniciantes ao After Effects primeiro, confira O Guia do Iniciante para Animar GIFs Personalizados, ou Lettering à mão na prática.

Conheça seu professor

Teacher Profile Image

Jake Bartlett

Motion Designer

Top Teacher

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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. Trailer do curso: Ei, eu sou Jake Bartlett e isso é animar com luz. Nesta aula eu vou te ensinar como simular luz e After Effects usando minhas próprias técnicas para fazer animações que parecem iluminar. Para o projeto da turma, você estará reimaginando o nome do seu restaurante fictício favorito na forma de um letreiro de néon. Vou mostrar-lhe passo a passo como criar um brilho completamente personalizado, sinal de néon animado tradicionalmente, e depois entrar em algumas técnicas de animação mais avançadas. Ao longo do caminho, vou cobrir como fazer um efeito gerado processualmente usando [inaudível], bem como um método simples para gerenciamento de cores que ajudará a aumentar sua eficiência em efeitos após. Esta aula é para quem está interessado em animações, é uma boa ideia estar familiarizado com o After Effects. Mas, como em todas as minhas aulas, eu vou orientá-los em cada etapa do processo para que você possa acompanhar mesmo que você seja novo no software. Vejo-te na aula. 2. Preparando a obra de arte: Antes de fazer qualquer trabalho de design, quero mostrar como construí minha própria animação. Este é o meu projeto final e eu estava realmente indo para um olhar de letreiro de néon tradicional. Então, não há muita animação acontecendo, apenas ativando e desativando camadas em sequência. Mas para ser capaz de animar dessa maneira, eu queria configurar minha obra de arte de uma maneira quando eu estava projetando, eles tornariam esse processo muito mais fácil em efeitos após. Se eu saltar para o Illustrator, esta é a arte que eu o projetei para trazer para efeitos posteriores. A espessura do traçado e as cores de cada linha não são tão importantes. Eu não estava preocupado com se estas seriam as cores finais, o que eu estava preocupado em fazer os objetos que seriam da mesma cor no final, a mesma cor dentro do Illustrator. Assim eu sabia tudo que seria vermelho, tudo que seria amarelo, e tudo que seria azul. Em seguida, eu tive que pensar sobre o que eu queria ser capaz ligar e desligar independentemente de tudo o resto. Por exemplo, eu quero que este contorno seja separado desta linha aqui, para que eu possa ligar e desligar cada um simplesmente alterando a opacidade da camada dentro dos efeitos após. Neste momento, ambos estão na mesma camada. O que eu preciso fazer é separá-los em duas camadas diferentes. Eu vou pegar esta linha mais esta linha aqui porque isso é parte da mesma camada, selecionar ambos, cortar pressionando Command X ou Control X em um PC, então eu vou fazer uma nova camada e pressionar Apple F ou Control F para cole exatamente onde já estava posicionado. Então eu vou renomear isso, inlines. Agora, esta camada logo acima tem três cores diferentes na mesma camada e eu sei que eu quero animar cada uma dessas cores separadamente. Eu vou adicionar a esta camada amarela, então eu vou pegar o vermelho da palavra, cortar, fazer uma nova camada, Apple ou Control F, renomear este “Bob's-red”, em seguida, fazer a mesma coisa para o azul. Agora, podemos ativar e desativar cada uma dessas camadas de forma independente. Como eles estão em camadas separadas no Illustrator, quando eu trazê-los depois de efeitos, eles serão camadas separadas lá, e eu terei muito menos organização para fazer quando formos animá-lo. Depois de terminar de criar seu design, certifique-se de que você configurou seu arquivo de forma tornar as coisas mais fáceis para você e após efeitos. Se dentro do Illustrator você pode ver como sua animação vai ser reproduzida apenas ativando e desativando camadas, isso é um bom sinal de que seu arquivo está configurado bem para o After Effects. 3. 32 bits por canal: Vamos voltar ao After Effects e reconstruir meu projeto de amostra. A base de todo esse efeito e meu método em geral para simular a luz no After Effects é baseado no uso de 32 bits por cor de canal, e eu vou rapidamente tentar demonstrar para vocês o que exatamente 32 bits por canal é. Por padrão, as composições do After Effects são definidas como oito bits por canal, e você pode ver isso aqui embaixo. O que isso significa é que para toda a geração de cores, a profundidade da cor é definida para oito bits. No caso desta bola branca, a cor de preenchimento é branco puro, que é composto de valores vermelho, verde e azul. Como é branco puro, todos os três canais de cores são definidos para o máximo de 255. Se eu trouxesse isso até o preto, os valores desceriam para zero. Se eu levar isso até o canto superior direito, azul e verde ainda estão em zero, mas vermelho está no máximo de 255. Isso é porque isso é vermelho puro, e à medida que eu mudo a tonalidade, você pode ver que seus valores de cor estão mudando. Qualquer cor que você faça dentro de oito bits por canal, é apenas uma combinação de valores vermelho, verde e azul entre zero e 255. Se eu quisesse fazer uma luz azul, eu não iria para o azul puro como este porque isso não parece muito brilhante, eu provavelmente mudaria isso, então seria uma versão mais brilhante do azul, e então talvez adicionar um brilho em cima dele e adicionar mais alguns efeitos para que pareça que é um pouco mais brilhante. Agora, se mudarmos nossa profundidade de cor de oito bits por canal para 32 bits, nossas cores vão se comportar um pouco diferente. Agora, dentro do After Effects, há algumas maneiras diferentes de alterar sua profundidade de cor. Um é clicar neste número aqui, e depois vir para o item do menu de profundidade dentro desta janela, e clicar em 32 bits por canal e, em seguida, pressionar ok. Outra maneira que você poderia fazê-lo, é segurando Option ou Alt em um PC e clicando neste botão, e que muda para 16 bits por canal, e, em seguida, mais uma vez irá trazê-lo para 32 bits por canal. Essa é realmente a maneira mais rápida de alternar, Opção ou Alt e, em seguida, clique nos números. Agora algo muito importante para tomar nota, é que esta é uma configuração ampla do projeto, não específica para uma única composição. Se você estiver trabalhando em um arquivo de projeto que tem várias composições, e você alternar a profundidade de cor, isso afetará tudo nesse projeto. A razão pela qual isso é importante é porque a profundidade da cor afeta como todas as suas cores se comportam e funcionam juntas. Além disso, alguns efeitos são compatíveis apenas com 8-bit. Se eu abrir a guia de correção de cores, você verá que no lado esquerdo de todos esses efeitos, há um pequeno ícone com um número dentro dele. Curvas, por exemplo, tem 32 nele, que significa que é compatível com 32 bits, Colorama é compatível com 16 bits, mas link de cor é compatível apenas com 8 bits. Se eu aplicasse isso a este círculo, e olhasse aqui na paleta de efeitos, você verá este pequeno ícone de aviso. Esse ícone está dizendo que esse efeito não é compatível com a profundidade de cor atual, e provavelmente não vai se comportar da maneira que você espera. Às vezes isso não é um problema e às vezes é, mas não devemos nos preocupar com isso agora. Eu vou ir em frente e excluir este efeito e mudar a cor desta camada novamente. Se eu colocá-lo em branco puro, você vai notar que agora, em vez de ter um valor máximo de 255, cada canal de cor tem um valor máximo de um, e o valor mínimo é zero. Qualquer cor é um intervalo entre zero e um. Mas se eu fizer este vermelho puro novamente, e eu mover esta janela para fora do caminho para que possamos ver a bola. Se eu clicar e arrastar no um, você pode ver que eu posso realmente aumentá-lo além do valor de um, e se eu fosse pegar este verde e aumentar isso também, isso vai além de um valor um, e talvez eu pegue o azul e aumentar isso também. Mesmo que estejamos vendo um branco puro, porque R, G e B estão todos definidos para valores acima de um, você pode ver que há dados de cores dentro desta janela. Agora, por que isso? Se eu bater bem, tudo o que vemos é branco puro. Mas se eu pegar esse borrão rápido e aplicá-lo minha camada e depois desfocar isso um pouco, você pode ver que isso está produzindo um brilho. O que normalmente seria branco puro, é realmente obter essa tonalidade amarela para ele, e por dentro, estamos recebendo essa queda, fazendo parecer que é uma luz brilhante. Se eu voltar para a cor e tirar um pouco do verde, você pode ver que a tonalidade está mudando para ser mais laranja e a cor está atualizando para ser assim também. Se eu aumentar o vermelho, teremos um brilho ainda mais intenso, e quanto mais alto você aumentar esses números, mais brilhante sua fonte de luz aparece. Se eu desligar isso, e voltar a ligar, você pode ver o quanto de uma diferença isso fez, e se eu mudar de volta para a profundidade de 8 bits, você pode ver que agora nós temos apenas um círculo desfocado. Se voltarmos para 32 bits, nosso brilho voltará. Isto é o que torna a profundidade de cor de 32 bits tão poderosa. Outra coisa muito legal, é que se eu duplicar esta bola e movê-la, você pode ver que enquanto eu estou movendo isso, os dois objetos estão se deformando um no outro, mudando de volta para oito bits, você pode ver que a interação realmente não acontece entre esses dois objetos. Mas porque estes são valores de luz que estão florescendo da fonte, à medida que eles se aproximam, eles se misturam. Espero que isso lhe dê um pouco de uma compreensão do que é a profundidade de 32 bits. 4. Construindo o letreiro: Agora podemos começar a construir nosso letreiro de néon. Começarei importando meu trabalho artístico e certificando-se de que o tipo de importação está definido como composição. As dimensões da gravação são o tamanho da camada, não o tamanho dos documentos. Vou pressionar Ok. Isso me dará uma composição com minha arte. Tamanho para o que meu documento foi definido dentro do Illustrator. Eu projetei isso em 4 por 3, mas eu realmente quero torná-lo 16 por 9. Vou em frente e torná-lo HD enquanto estamos nisso. Vou para Composição, Configurações de composição, digite 1920 por 1080. Taxa de quadros, eu só vou definir para 24, e a duração de 10 deve ser longa o suficiente, mas nós sempre podemos fazer isso mais longo, se precisarmos. Então eu vou pressionar Ok, e agora minha obra de arte não está preenchendo minha composição. Como todas as camadas têm pontos de ancoragem diferentes, eu não posso simplesmente pegar todas as camadas e aumentá-las. Então, com todas as minhas camadas selecionadas, eu vou escolher o chicote, a camada de fundo para que tudo seja dimensionado nesse ponto, e então eu vou pressionar Option Command Shift G ou Control Alt Shift G em um PC, e o que que faz é escalar a altura das camadas até a altura da sua composição. Agora este fundo era apenas para referência dentro do Illustrator. Não preciso dele dentro do After Effects. Vou apagar, vou me dar mais espaço e colocar essa composição na janela. Como você pode ver, todas as minhas camadas estão separadas, assim como eu as tinha dentro do Illustrator. Agora é uma boa hora para salvar. Agora, neste ponto, eu quero converter todo o meu trabalho artístico em camadas de Forma dentro do After Effects para que eu tenha um pouco mais de controle. Me perguntam muito, por que não deixar minhas camadas como arquivos do Illustrator? Isso porque, como camadas do Illustrator, eu não tenho acesso a coisas como a largura do traçado e a cor, e as maneiras pelas quais posso animá-las, são muito limitadas em comparação às camadas de forma. Vou em frente e selecionar todas as minhas camadas pressionando Command ou Control A em um PC, clique com o botão direito do mouse sobre elas e role para baixo para criar formas a partir da camada vetorial. Isso requer CS6 ou superior. Isso converte todas as minhas camadas em camadas de forma exatamente como estavam dentro do Illustrator, mas agora tenho controle total sobre o estilo dos caminhos. Posso mudar a largura do traçado e a cor para o que eu quiser. 5. Gerenciamento de cores: A primeira coisa que eu quero fazer é configurar alguns controles para minhas cores. Isso não é necessário em tudo, mas é um pouco de um reforço de eficiência. Desde que eu tenho várias camadas que eu quero ser da mesma cor, ajustar todas elas de uma só vez poderia ser um pouco demorado. Em vez de selecionar tudo o que é vermelho um por um esperando que eu não clique acidentalmente em algo que não é vermelho, eu vou fazer um controle para a cor vermelha e vincular tudo o que eu quero ser vermelho a ele. Eu vou subir para Layer, New, Null Object. Agora Nulo Object não faz nada por conta própria. Ele não renderiza, não afeta mais nada, é apenas um objeto que você pode usar para controlar outras coisas. Vou movê-lo para fora da tela e, em seguida, eu vou subir para os meus efeitos e descer para Controles de Expressão, e adicionar Controle de Cores. Isso abre os controles de efeitos e me dá um pequeno seletor de cores. Vou renomear isso clicando nele, pressionando Enter e digitando em vermelho. Então eu vou duplicar isso pressionando Command D ou Control D em um PC e renomear este azul, e, em seguida, duplicá-lo mais uma vez e renomear este amarelo. Agora vou pegar algo amarelo, copiar esse valor de cor e colá-lo no valor do seletor de cores amarelas. Então eu vou fazer a mesma coisa para o azul e a mesma coisa para o vermelho. Agora eu tenho esses três valores de cor que são idênticos aos valores de cor que eu tenho para minha arte artística. O que eu quero fazer é vincular a cor vermelha de cada uma dessas camadas à cor vermelha desse seletor de cores. Vou começar com esta camada superior. Vou soltá-lo e ampliar e, em seguida, abrir o Conteúdo da Camada. Como você pode ver, nós temos um monte de diferentes grupos dentro desta única camada e isso é porque ele colocou cada um desses caminhos em seu próprio grupo e dando a cada grupo seu próprio golpe. Como cada caminho tem o mesmo estilo com a mesma largura de traçado e a mesma cor, eu não preciso de todos esses grupos diferentes. O que eu quero fazer é mesclar todos esses caminhos em um grupo. Para fazer isso, mudo para a ferramenta de caneta, seleciono um desses caminhos e, em seguida, mantenha pressionada a tecla Command ou Control em um PC para alternar temporariamente para a ferramenta de seleção e clique e arraste uma seleção em torno de todos os caminhos, recortada por pressionando Command X ou Control X em um PC, selecionando o primeiro grupo e colando pressionando Command V ou Control V em um PC. Agora, todos os meus caminhos estão nesse único grupo, mas eles estão sob esse traço, então nenhum dos caminhos está recebendo esse estilo de traço. Na verdade, vou levar isso para fora do Grupo e direto para o Conteúdo. Agora que é aplicado a todos os nossos caminhos, vou recolher esse primeiro grupo, e excluir todos os outros grupos. Agora, se eu ajustar a largura do traçado de um único traçado, todos os caminhos serão atualizados e eu tenho um único valor de cor para toda a camada. Agora, se eu chegar ao meu nulo e trazer os efeitos pressionando E no teclado, podemos ver meus efeitos vermelhos, azuis e amarelos. Vou abrir o vermelho e voltar para o valor de cor neste traçado e, em seguida, manter a opção ou Alt em um PC e clicar no cronômetro que irá adicionar uma expressão a esse valor. Então eu vou pegar a expressão pick chicote e arrastá-lo até o valor de cor do efeito vermelho naquele nulo e eu vou soltar. Um After Effects preenche automaticamente o código que ele precisa para fazer referência a esse valor. Então eu vou clicar fora dessa expressão, e agora esses dois valores estão vinculados. Se eu alterar o valor dessa cor, nada realmente acontece porque ele está fazendo referência ao valor dessa cor. Se eu chegar a essa cor e mudar o valor, agora que a cor se atualiza. Vou desfazer e derrubar esta camada, e depois vou soltá-la. Agora vamos fazer o mesmo processo para tudo o que é vermelho dentro da minha composição. Começando movendo todos os caminhos para um único grupo e, em seguida, ligando a cor do traçado para a cor do traçado apropriada neste controle nulo e para tornar as coisas ainda um pouco mais fáceis, já que a expressão é já escrito no traçado desta primeira camada, eu vou apenas copiá-lo e, em seguida, colá-lo no conteúdo dessa camada e essa expressão no valor da cor é preservada. Vou continuar fazendo isso por todas as minhas outras camadas vermelhas. Agora, no caso destas chamas, acidentalmente deixei o amarelo e o vermelho juntos dentro do ilustrador. Preciso dividir isso em duas partes separadas. Começarei duplicando a camada, renomeando a primeira Flames 1 Red, e a segunda Chamas 1 Amarelo. Então eu dessolo o segundo. Estou apenas olhando para a primeira cópia, abrir o Conteúdo, e excluir o grupo amarelo. Então vou para a camada amarela e deletarei o grupo vermelho. Agora eu tenho duas camadas individuais para essa chama. Terei que fazer a mesma coisa para a segunda chama também. Acho que tenho tudo o que é vermelho. Para testá-lo, vou mudar a cor para algo completamente diferente, como verde, pressionar Ok, e com certeza, tudo o que era vermelho agora é verde. Eu posso desfazer para voltar para a minha cor vermelha, e então eu vou fazer o mesmo processo para as outras duas cores, mas eu não vou fazer você passar por isso. Agora todas as minhas cores estão configuradas com base neste nulo. Vou mudar o nome deste nulo, Controle de Cores. Como você pode ver, se eu ajustar as cores de qualquer um desses valores, todas as camadas apropriadas mudam com ele. Agora, novamente, este não é de todo um passo obrigatório, mas na minha opinião, torna este tipo de projeto muito mais simples de ajustar , mas se o seu design não é tão complicado como o meu, ou se você não se importa de ter que selecionar tudo para ajustá-lo, então, por todos os meios, esquecer esse processo. Mas agora você tem um pouco de conhecimento sobre uma maneira de descolorir gerenciar seus projetos. Agora é uma boa hora para escolher o seu restaurante. Depois de decidir qual deles você quer ir com, vá em frente e crie um projeto na galeria do projeto, e deixe-me saber qual é a sua escolha. Você pode começar a desenhar e descobrir você quer que seu design se pareça, mas eu recomendo que você assista todos os vídeos da próxima unidade antes de realmente fazer o seu design. A maneira como isso afeta se comporta pode mudar a maneira como você aborda seu design, mas se você tem uma idéia em sua cabeça e você realmente quer ir com ela, não há nada de errado em começar. 6. Construindo o brilho: Agora que configuramos tudo para que possamos animá-lo e abordar facilmente as cores. Podemos realmente seguir em frente para construir o visual de néon. Primeiro de tudo, eu quero decompor todas essas camadas, de modo que tudo esteja contido em uma única camada. Selecionarei tudo pressionando Comando A ou Controle A em um PC. Em seguida, precomponha pressionando Command Shift C ou Control Shift C em um PC e renomeie essa fonte de néon. Tudo o resto está bem. Vou pressionar OK. Agora temos toda essa arte contida em uma única camada. Se eu clicar duas vezes sobre isso, estamos de volta onde estávamos. Eu ainda tenho o controle de cada camada. Enquanto estivermos aqui, vou desligar algumas das camadas sobrepostas duplicadas. Já que isso não é realmente como eu vou ver meu sinal, eu quero ter certeza de que eu desenhei o brilho de néon em cima de algo que realmente representaria. Posso desligar as duas cópias deste hambúrguer e isso é solteiro. Uma das duas chamas. Vou construir meu brilho com isso. Agora, se eu voltar para esta competição, primeira coisa que eu quero fazer é fazer um fundo, porque agora o brilho estaria se misturando em cima do preto. Eu quero saber o que vai parecer misturando em cima da cor real de fundo. Vou clicar duas vezes na ferramenta de retângulo, que fará com que o tamanho de um retângulo seja a minha composição. Vou movê-lo para trás e mudar o nome de Fundo. Em seguida, alterarei o tipo de preenchimento para gradiente. Pressione OK e clique na cor para ajustar o gradiente e altere a primeira cor para um azul escuro, a segunda cor para um azul ligeiramente mais claro. Na verdade, quero que estejam na ordem oposta, então vou reverter as duas posições. Preciso disto um pouco mais azul. Pressione OK. Em seguida, clique e arraste nesta pequena alça para ajustar o tamanho do meu gradiente. Agora isso é mais brilhante do que eu quero que seja então eu vou voltar e ajustar essas cores um pouco mais. Isso provavelmente vai funcionar muito bem. Vou ampliar um pouco para ver o que estou fazendo um pouco melhor. Então eu vou trancar este fundo para que eu não possa movê-lo acidentalmente. Em seguida, precisamos mudar nossa profundidade de cor de oito bits por canal para 32 bits por canal. Vou manter pressionada a tecla Option ou Alt em um PC e clicar duas vezes. Agora podemos começar a construir o brilho. Começarei selecionando minha camada de origem e duplicando-a pressionando Command D ou Control D em um PC e, em seguida, quero alterar o modo de mesclagem. Se você não vir esta coluna aqui, certifique-se de que você tem o segundo botão aqui expandido para que seus controles de transferência fiquem visíveis. Vou mudar isto de Normal para Adicionar. Imediatamente você pode ver que torna tudo um pouco mais brilhante. Quase parece um pouco brilhante, mas não parece muito agradável. Quero adicionar um efeito Desfoque rápido a esta camada duplicada. Você notará que esse efeito funciona com cores de 32 bits. Agora, se eu aumentar a desfocagem, isso adiciona um brilho ao meu trabalho artístico. Se meu modo foi definido como Normal, ele ainda parece um pouco como um brilho, mas não há nenhuma mistura real acontecendo. Definir esse modo de mesclagem como Adicionar torna tudo abaixo dessa camada mais brilhante, modo que ele gera um brilho mais realista. Vou renomear esta camada Glow 1. Então vou duplicar de novo. Você vê agora tudo está ficando muito mais brilhante. Vou aumentar a desfocagem, por isso temos um brilho um pouco mais suave. Então farei isso mais uma vez. Você vai notar que isso incrementa automaticamente o nome para mim, e então eu vou fazer esse brilho superior ainda maior. Agora isso é um pouco brilhante demais, tudo é um pouco macio demais e não parece muito natural. O que eu quero fazer é diminuir a opacidade de cada uma dessas camadas. Com todos os três selecionados, pressionarei T no teclado para exibir a opacidade. Então eu vou ajustar a opacidade da camada superior primeiro, para que seja apenas um brilho fraco. Então eu vou apenas a opacidade da segunda camada, e, finalmente, a primeira camada. Isso só faz recuar um pouco a intensidade. Foi com isso que começamos, e é isso que as três camadas de brilho adicionam. No momento, isso não parece muito brilhante para mim, mas podemos melhorar esse visual adicionando outro efeito em nossas camadas de desfoque. Vou chegar aos meus efeitos e predefinições e digitar a exposição. Em correção de cor, você verá o efeito de exposição suportado de 32 bits. Então eu vou aplicá-lo ao primeiro brilho, e desligar os outros dois brilhos apenas por agora. Então eu quero trazer a exposição acima do desfoque rápido na pilha de efeitos e dar uma olhada nesses controles. O efeito de exposição me permite aumentar o valor de exposição para essa camada, bem como o Gama. Como estamos trabalhando em 32 bits por canal, estamos ajustando o valor de luminância para essa camada em vez de apenas o valor de brilho. Se eu clicar e arrastar essa exposição para cima, você pode ver que não só está ficando mais brilhante, mas que as cores também estão ficando um pouco mais lavadas. Se eu aumentar o Gama um pouco também, você pode realmente dizer que ele está começando a ficar branco. Vou redefinir isso, aumentar a exposição um pouco, diminuir o Gama um pouco até que ele esteja olhando para o jeito que eu quero. Vou abaixar o borrão só um pouquinho. Talvez diminuir a opacidade. Em seguida, aumente a exposição um pouco mais. Construir esse efeito é completamente ao seu próprio gosto. Há muito para trás e para frente com jogar com essas configurações diferentes. O que eu realmente gosto sobre o processo é que eu consigo projetar exatamente como esse brilho parece. Meu brilho pode parecer um pouco diferente do que o seu acaba parecendo. Agora eu posso dizer que isso ainda é um pouco brilhante demais, então eu vou abaixar a opacidade, bem ali. Então eu vou ligar o brilho para a segunda camada. Vou copiar a exposição e colá-la no brilho. Novamente, eu vou trazê-lo acima do borrão rápido, diminuir a exposição um pouco, ajustar o Gamma de volta para um, e então talvez abaixar a opacidade um pouco. Você sabe que esse borrão pode ser um pouco grande demais também, então eu vou ajustar isso. Tudo ainda está parecendo um pouco mole demais para mim. Eu acho que a razão é porque minhas linhas podem ser um pouco grossas demais, então eu vou voltar para qualquer uma dessas pré-comps. Selecione todo o meu trabalho artístico e altere o valor do traçado de dois para um. Agora, todas as minhas linhas diminuíram, dividiram pela metade em espessura. Se eu voltar para fora, agora esse brilho é muito menos intenso. Eu acho que uma largura de curso de um vai funcionar muito melhor para este design. Agora vou ligar o meu terceiro brilho. É muito sutil. Se eu transformar essa opacidade em 100%, você pode ver o que ela está fazendo. É uma versão muito desfocada na obra de arte. Está produzindo um brilho muito suave. Gosto do jeito que isso parece, mas acho que vou tentar torná-lo um pouco mais brilhante. Mais uma vez, vou copiar a exposição e colá-la nesta camada. Agora isso é demais, então eu vou reiniciá-lo, aumentar a exposição, e então talvez diminuir o Gamma um pouco. Acho que é um pouco melhor. Então vou diminuir a opacidade um pouco. Isso é muito legal. Até agora, tudo bem. Agora só de olhar para isto, acho que ainda não está a parecer suficientemente brilhante. Olhando para os sinais de néon no Google, você notará que há muitas luzes de néon de aparência diferente. Realmente cabe a você, como você quer que seu design pareça. Pessoalmente, quero que o interior das minhas linhas seja mais brilhante. Para fazer isso, vou duplicar minha camada de origem mais uma vez e solá-la. Então eu vou adicionar um efeito de preenchimento a esta camada. Você verá que isso é compatível com 32 bits. Clique duas vezes no efeito e altere a cor para branco puro. Não preciso aumentar esse valor além do branco puro. Está tudo bem do jeito que está. Vou apertar OK, renomear este núcleo de camada e, em seguida, un-solo ele. Vou configurá-lo para Adicionar. Sinto que isso faz tudo parecer um pouco mais brilhante. Mas porque é do mesmo tamanho da minha arte original, está cobrindo tudo. Eu só quero que ele apareça no interior dessa linha, então eu vou adicionar outro efeito chamado Gargantilha Simples. O que isso vai fazer se eu solo esta camada novamente, é permitir que eu aumente ou diminua o tamanho da camada com base no canal Alpha. Se eu aumentar isso um pouco, você verá que minhas linhas ficam um pouco mais finas. Tendo em mente que esta é uma pré-composição da minha obra de arte original. O valor de traçado de um pixel não foi alterado, isso é apenas um efeito aplicado sobre essa pré-composição. Então posso me desfazer do solo e ver como isso afeta meu visual geral. Acho que posso aumentar esse estrangulamento um pouco mais. Eu realmente quero que esta camada seja sutil. Isso parece muito bom. O que eu poderia fazer é chegar ao meu primeiro brilho e diminuir a desfocagem um pouco mais, então é muito mais perto do bob real. Se eu recuar um pouco, acho que está muito bonito. A coisa toda pode ser um pouco brilhante demais, então eu vou apenas diminuir a opacidade desse acorde apenas para ser cerca de, digamos 50%. Eu acho que essa camada só dá um pouco de estouro para vender este olhar neon bob. Agora, se eu duplicar meu brilho mais uma vez, sobre o topo e redefinir o borrão, eu vou mudar as dimensões de desfoque de horizontal e vertical para apenas horizontal. Agora, se eu voltar a minha opacidade para cima e aumentar a desfocagem, vocês notarão que este borrão está agora a ser produzido horizontalmente, e produz um borrão muito fixe. Se eu mudasse isso para vertical, então ele iria para cima e para baixo. Como tudo está sendo baseado em um PreComp, você pode aplicar qualquer número de efeitos para ajustar a aparência deste brilho, e desde que ele está definido para adicionar, ele irá misturar em cima e fazer algumas coisas realmente legais, porque nós estão misturando tudo isso em 32 bits por canal. Eu poderia aumentar a exposição para tornar tudo mais brilhante. Talvez ajustar a gama um pouco e, em seguida, baixar a opacidade. Agora eu vou colocar isso de volta na horizontal. Agora eu acho que essas linhas são um pouco nítidas demais, então eu estou realmente indo para duplicar esta camada. Volte para o primeiro, aperte o reset para que ele volte para horizontal e vertical e, em seguida, desfoque a camada apenas um pouco para que esta camada seja suavizada um pouco antes de ficar desfocada horizontalmente. Dessa forma, o brilho desta camada é um pouco mais suave. Eu não estou tendo controle suficiente apenas clicando e deslizando este valor, então um bom truque ao ajustar um valor deslizante, é se você pressionar Command enquanto clica e arrasta, ele vai diminuir a velocidade que você está alterando o valor . Eu quero colocar isso em torno de 1.7 e eu estou muito feliz com isso. Mas isso é um pouco intenso de brilho e eu não acho que baixar a opacidade vai fazer o suficiente. Vou adicionar outro efeito, que são curvas. Em vez de RGB, vou mudar isto para alfa. Agora estamos trabalhando no canal alfa. Se eu clicar e arrastar isso, você vê que fica mais brilhante. Se eu clicar e arrastar isso, ficará mais escuro. O que eu quero fazer é apenas ajustar esta curva para que os valores mais brilhantes sejam um pouco mais visíveis e que os valores mais escuros desapareçam muito mais rápido. Isso é antes e depois. Dessa forma, esse efeito é um pouco mais sutil. Agora, novamente, eu acho que isso é um pouco intenso demais então eu vou abaixar isso um pouco e talvez aumentar a borragem antes do borrão horizontal. Então eu vou trazer de volta um pouco desse brilho na extremidade inferior, mas não muito. Acho que isso parece muito bom. Vou renomear essa camada de brilho horizontal. Então eu vou duplicar essa camada e renomeá-la de brilho vertical, e eu vou mudar esse segundo desfoque rápido de horizontal para vertical. Este eu quero fazer muito menos perceptível, então eu vou diminuir a opacidade e aumentar essas curvas no canal alfa um pouco. Mas então eu poderia ligar a exposição, talvez aumentar a opacidade um pouco mais, e então diminuir a quantidade naquele borrão vertical. Como você pode ver, tudo está ficando super brilhante e isso é porque eu continuo empilhando mais e mais camadas em cima um do outro. Só tens de continuar a ajustar as coisas à medida que avançares. Acho que posso baixar esse brilho três só um pouquinho. Talvez o brilho dois seja um pouco intenso demais também e o brilho um, isso provavelmente é bom. O núcleo está indo bem. E se eu quisesse fazer um brilho que não fosse apenas reto, esquerdo e direito ou para cima e para baixo? Bem, vamos duplicar esse brilho vertical novamente, e eu vou me livrar dos desfoques rápidos e das curvas. Então eu vou adicionar um efeito chamado desfoque direcional, que também é suportado por 32 bits. Se eu aumentar esse borrão, você pode ver que ele está fazendo um tipo similar de borrão ao nosso borrão rápido, mas isso me dá um controle de direção. Eu poderia mudar isso para algo como 55, e agora nosso borrão está indo em um ângulo. Vou renomear esta camada de brilho diagonal. Reduza a opacidade, aumente a exposição um pouco, diminua a gama e adicione uma camada de curvas. Novamente, vamos mudar para o canal alfa, e apenas derrubar a intensidade deste brilho um pouco. Novamente, eu acho que é um pouco áspero, então eu vou adicionar um borrão rápido, e eu vou colocá-lo antes do borrão direcional para que tudo fique um pouco mais suave antes que esse borrão direcional seja aplicado. Mas não muito, porque quero que este pareça um pouco mais esculpido. Acho que isso é bom. Talvez ajustar a opacidade um pouco, e estou gostando do jeito que isso parece. Agora eu quero adicionar mais um borrão horizontal. Vou duplicar essa camada, movê-la para o topo. Vou renomear esse brilho largo. Desta vez eu vou pegar o primeiro borrão e aumentar o valor muito mais. Vou redefinir a camada de curvas e ajustar isso em um minuto. Então eu vou aumentar a opacidade apenas para que eu possa ver uma boa representação do que esta camada está fazendo. Então eu vou mudar o valor do borrão horizontal para ser muito mais intenso, então é super largo indo até a borda da minha composição. Então eu vou baixar a correção gama um pouco e talvez aumentar a exposição. Agora vou baixar a opacidade e mudar para alfa na minha camada de curvas, e diminuir a intensidade disso um pouco também. Agora você tem esse brilho super amplo que faz todo o sinal parecer um pouco mais vibrante. Acabei de notar que eu tenho uma camada ligada dentro do meu PreComp que eu não deveria. Vou voltar àquela PreComp, encontrar essa camada e desligá-la. Eu volto no meu PreComp e ele vai atualizar e isso está parecendo muito legal. A partir daqui, você só faz ajustes como achar melhor. Você pode usar qualquer número de efeitos para criar seu próprio brilho personalizado e, em seguida fazer ajustes nesses brilhos até criar algo completamente personalizado. Mas apenas como um lembrete, este é o lugar onde começamos e foi aqui que acabamos, e todo o efeito é baseado naquele único PreComp. Tudo o que fizermos para alterar a nossa arte será atualizado automaticamente com o nosso brilho. Agora, se dermos uma olhada em alguns sinais de néon no Google, você pode ver que, obviamente, meu design é altamente estilizado. Minhas linhas são muito finas, esses brilhos não são muito realistas, mas esse é o olhar que eu estava procurando. Como este, por exemplo, tem um bob que é muito mais grosso que o meu. Se eu quisesse replicar esse visual, eu precisaria voltar ao meu PreComp e então mudar a espessura do traço de toda minha arte. Eu escolheria toda a minha arte e aumentaria um pouco o golpe. Agora você já pode dizer que eu não criei esse design para trabalhar com uma linha tão grossa, mas eu quero mostrar o que acontece com o meu brilho se eu realmente aumentar o curso tanto. Ele desfoca completamente e isso é porque o brilho que eu projetei foi baseado em um traço de largura de um pixel e eu aumentei o traçado para quatro. As linhas são quatro vezes mais espessas, que significa que há quatro vezes mais conteúdo emitindo luz nesta composição. É por isso que você quer ter certeza de que você sabe exatamente a espessura que você quer que suas linhas sejam antes de construir seu brilho. Porque se eu realmente queria que fosse assim, eu vou ter que voltar e ajustar todas as opacidades e intensidades de todos os efeitos que já passamos o tempo ajustando especificamente para um traço de largura de um pixel. 7. Usando efeitos incompatíveis: Vou mostrar rapidamente o que acontece se você usar um efeito que não é compatível com 32 bits e como contornar isso. Vou desligar todos os meus brilhos, exceto o primeiro, e vou me livrar do borrão rápido e da exposição. Então eu vou entrar no Borrão e Afiar, e adicionar Desfoque Rápida Radial. Você notará que apenas 16 bits compatível. Clique duas vezes nisso para aplicá-lo. Recebemos um pequeno ícone de aviso. Se eu aumentar isso e mudar o zoom de padrão para mais brilhante para que você possa realmente ver o que ele está fazendo, eu vou ampliar aqui. Você notará que não estamos recebendo a mesma mistura brilhante acontecendo mesmo que nossa camada esteja definida como Adicionar. Se eu mudar isso de volta ao normal, não há muita diferença. Vou desfazer uma vez para voltar ao modo de mesclagem de Adicionar. Este efeito estraga a nossa mistura. Mas se eu adicionar um preenchimento que é compatível com 32 bits após esse efeito, então eu poderia mudar a cor para ser mais brilhante em 32 bits. Agora você vê que temos o brilho de volta novamente. Para fazer isso parecer um pouco melhor, eu poderia adicionar um desfoque rápido antes do desfoque rápido radial apenas para suavizá-lo um pouco. Talvez abaixe a quantia. O brilho pode até ser capaz de ser alterado de volta para o padrão, por isso é um pouco menos intenso. Agora temos estes raios de luz a disparar por trás do nosso sinal. Agora, obviamente, porque estamos usando um efeito de preenchimento, ele não está preservando as cores originais do sinal. Infelizmente, não há uma maneira fácil de contornar isso. Mas se você combiná-lo com todos os outros brilhos que já temos, não parece tão ruim. Talvez nesta versão não usaríamos os desfoques angulados que os outros desfoques não permitiam. Agora existem outros efeitos que são compatíveis com 32 bits que poderiam ter produzido um resultado semelhante, como o desfoque radial CC e o desfoque radial padrão. Mas eu só uso isso como um exemplo. O importante a lembrar é que, se você adicionar um efeito compatível de 32 bits após o efeito incompatível, poderá trazê-lo de volta ao espaço de mesclagem correto para corresponder ao restante do seu trabalho artístico. Agora que você tem uma melhor compreensão de como esse efeito vai funcionar, você pode terminar seu design se você ainda não fez isso, então vá em frente e divirta-se fazendo seus próprios brilhos personalizados. Publique qualquer coisa que você gostaria de mostrar ou receba feedback na página do seu projeto e, em seguida, passe para o próximo vídeo. 8. Fazendo ajustes: Agora, eu quero ajustar minhas cores um pouco. Acho que o vermelho e o amarelo estão um pouco pálidos. Eu quero empurrar este vermelho para ser um pouco mais laranja, que o fogo se pareça um pouco mais com fogo. O amarelo é um pouco pálido demais, então eu quero aumentar a saturação disso. Voltarei ao meu código fonte, clique no botão “Controle de cores” e irei até os controles de efeitos. Então eu vou abrir o vermelho e empurrá-lo para ficar um pouco laranja. Isso foi um ajuste muito sutil, mas vamos ver o impacto que tem na nossa composição principal. Lá vai você. Você pode ver que fez uma grande diferença. Se eu tirar uma foto do meu design pressionando este botão aqui, e depois desfazer. Agora voltamos à cor vermelha. Agora que tirei um instantâneo, posso clicar e segurar no botão “Mostrar instantâneo” para ver a diferença. Quando eu solto, ele volta para a minha visão atual. Esta é uma ótima maneira de comparar ajustes. Acho que fui um pouco laranja demais, e ainda está um pouco pálido. Deixe-me refazer pressionando Command Shift Z ou Control Shift Z em um PC. Volte para a minha fonte e aumente a saturação clicando e arrastando o controle deslizante de saturação. Vou apertar “OK” e voltar e ver o que faz. É mais perto do que eu quero. Outra coisa que eu posso fazer em vez de alternar para frente e para trás entre essas composições para ajustar as cores, é vir aqui para este pequeno ícone de cadeado no controle efeitos. Se eu clicar nisso, isso vai ficar em foco, independentemente do que comp eu entrar. Eu posso continuar editando essas cores da minha composição fonte, mesmo que eu esteja na minha composição principal. Vou voltar ao meu vermelho, aumentar a saturação um pouco mais e talvez torná-la um pouco mais escura. Vou pressionar “OK”. Agora eu gosto da cor do vermelho, mas não é bem brilhante o suficiente. Não parece que está emitindo luz como o azul ou o amarelo. Vou voltar para o meu vermelho, e o que eu preciso fazer é aumentar o brilho dos canais vermelho, verde e azul igualmente. O que eu vou fazer é pegar o primeiro ponto decimal de cada um desses valores e adicionar um a ele. Vou mudar o vermelho de 0,88 para 0,98, o verde para 0,2 e o azul para 0,1. Dessa forma, aumentei cada um em um valor de 0,1. Vamos clicar em “OK” e ver como ele se atualiza. Você pode ver que é um pouco mais brilhante, mas ainda não é bem brilhante o suficiente, então vamos voltar e adicionar dois desta vez. Isso será 1.1, isso será 0,4, e isso será 0,3. Isso parece muito mais brilhante. Agora porque eu tenho tantas camadas de brilho diferentes afetando o brilho, aumentando isso fez uma grande diferença. Agora está um pouco pálido de novo. É realmente um processo para trás e para frente de brincar com o brilho e o valor da cor até que você obtenha o que deseja. Se eu apenas aumentar a saturação disso, eu poderia levá-lo de volta para onde eu quero. Sim, acho que parece melhor. Provavelmente poderia ser um pouco mais brilhante, mas eu vou passar para o amarelo. Vamos pegar esse amarelo e aumentar a saturação. Isso está parecendo um pouco verde para mim, então eu vou trazer a tonalidade para baixo um pouco e pressionar “OK”. Parece melhor, mas acho que pode ser um pouco menos verde. Sim, gosto da forma como essas cores se parecem. É assim que você pode brincar com as cores para fazê-lo parecer do jeito que você quer. Lembre-se que se uma de suas cores não estiver tão brilhante quanto as outras, empurrar os valores vermelho, verde e azul para além de uma é o que vai fazer com que pareça realmente iluminador. Eu poderia empurrar isso ainda mais brilhante para ter um olhar mais dramático. Obviamente, isso foi demais, mas é assim que você pode controlar a intensidade de suas cores sem ter que ajustar as exposições individuais e curvas que definimos para cada uma das camadas de brilho. 9. Pequenos detalhes: Neste ponto, meu design está feito, meu brilho está construído. Mas antes de passarmos para a animação, quero adicionar alguns pequenos detalhes que farão com que este design seja um pouco mais único. O primeiro detalhe que quero acrescentar é provavelmente o mais óbvio. Quando você pensa em sinais de néon, maioria das vezes você pensa em uma cintilação. Isso ajudará a dar vida a este design antes mesmo de fazermos qualquer animação. Então, para adicionar uma cintilação, eu vou voltar para a minha fonte de néon, e eu vou fazer uma nova camada de ajuste indo para “Camada”, “Nova”, “Camada de Ajuste”. Em seguida, eu vou certificar-me de que ele está no topo da minha pilha de camadas, e eu vou passar para os efeitos e predefinições e digitar em exposição, adicionar a exposição à Camada de Ajuste e renomear esta camada como “Flicker”. Agora vamos adicionar algumas expressões para este efeito. Então pressione “E” para mostrar os efeitos, girar para baixo Exposição, girar para baixo Mestre, e adicionaremos uma expressão ao valor de exposição. Vou fazer isso mantendo pressionada a tecla “Option” ou “Alt” no PC e clicando no cronômetro. Isso nos permitirá digitar uma expressão, e eu vou digitar parênteses, 3, 10, parênteses. Então eu vou clicar em “Off”. Agora o nosso trabalho desapareceu. Por que é isso? É porque esta expressão está dizendo, aleatorize este valor três vezes por segundo por um valor de 10. Se eu RAM visualizar o primeiro segundo disso, você pode ver o que está acontecendo. A exposição está sendo aleatorizada três vezes neste segundo por um valor de 10. Agora, um valor de 10 é enorme para a propriedade de exposição. O que eu preciso fazer é derrubar isso para algo como um. Deixe-me ajustar essa expressão, e agora você pode ver que cintilação é muito mais sutil, mas está acontecendo muito mais lento do que eu quero. Vou aumentar o primeiro valor, que é o número de vezes que esta propriedade é ajustada por segundo de 3-15. Agora que cintilação é muito mais a velocidade que eu estou procurando, mas eu acho que o valor está sendo ajustado por é muito. Vou mudar isso de 1-0.5 e ver o que isso faz. É melhor, mas acho que ainda é um pouco dramático demais. Vou baixar isso para 0,25. Pode até ser um pouco difícil para você ver neste momento, mas queremos que esse efeito seja realmente sutil, e quando voltarmos para nossa composição principal, será muito mais aparente. Vamos voltar àquela composição e ver o que parece aqui. Agora você pode ver que isso está demorando muito mais para processar, e isso é porque ele tem que renderizar cada uma dessas camadas brilhantes umas sobre as outras para cada quadro porque esse valor de exposição no Flicker A camada de ajuste está mudando tudo em cada quadro. Vai demorar um pouco mais para visualizar, mas o resultado final deve ficar muito bom. Lá vai você. Temos um sinal cintilante. Ainda pode ser um pouco mais do que eu preciso, mas essa é uma decisão que você pode tomar. Mesmo agora eu posso dizer que esse brilho largo é um pouco intenso demais, então eu vou derrubar isso para 25% de opacidade. Acho que está funcionando um pouco melhor. Agora que temos nossa cintilação, vamos adicionar um pouco de textura usando grãos. Vou fazer uma nova camada de ajuste indo para “Camada”, “Nova”, “Camada de ajuste” e renomeando esse “Grão”. Agora, uma maneira de fazer isso é adicionando ruído, que é compatível com 32 bits. Vou clicar duas vezes sobre isso e, em seguida, aumentar o ruído até que seja sobre o tamanho que eu quero que ele pareça. Se eu ampliar aqui, você pode ver como isso está afetando o design. Vou ligar e desligar. Eu só adiciono um pouco de textura para fazer o design parecer um pouco mais orgânico. Eu posso desligar a parte colorida do ruído, então não está afetando nenhuma das cores, e eu posso aumentar o ruído, mas isso é tudo que eu posso fazer com esse efeito. Não há nada de errado com este filtro de ruído, mas há uma ótima predefinição do video copilot.net chamada fast film grain. Vou colocar um link para baixar esta predefinição gratuita nas notas deste vídeo. Vou apagar o ruído que acabei de adicionar e, em seguida, clicar duas vezes em grão de filme rápido. Agora, por padrão, é assim que o grão se parece, então eu preciso mudar o modo de mesclagem de normal para sobreposição. Agora isso é misturar o grão em cima do design. Agora, qualquer um dos efeitos dessa predefinição que começam com fx precisa permanecer do jeito que estão, que você possa ignorá-los. Vou colapsar qualquer um dos efeitos que tenham efeitos na frente dele, e ficamos com esses controles. Isso está usando o efeito de ruído como antes. Provavelmente abaixe isso um pouco, e então há uma quantidade de borrão, que controla o quão macio é o grão. Provavelmente vou baixar para 0,15. É um pouco mais corajoso. Todos esses efeitos trabalhando juntos produzem algum grão de filme mais natural. Estou muito feliz com o jeito que isso parece. Agora, se visualizarmos isso, você pode ver que há textura em cada quadro. Pode ser um pouco difícil ver através desta gravação, mas se você der uma olhada na página do meu projeto, você verá que ela está lá. Agora, se eu recuar, porque meu fundo é um gradiente, eu já tenho uma vinheta natural acontecendo, então é mais escuro em torno do exterior do que no interior. Mas só para que eu possa mostrar a vocês como fazer uma vinheta, eu vou seguir em frente e definir o fundo para ser uma cor sólida. Farei com que azul escuro e púrpura de novo. Agora eu vou fazer outra camada de ajuste, “Camada”, “Nova”, “Camada de ajuste”, e na parte superior eu vou renomear essa “Vinheta”. Então vou adicionar uma exposição. Reduza a exposição, talvez diminua a gama. Vou mover esta camada abaixo do grão, modo que o grão esteja afetando tudo, e porque esta vinheta está afetando todo o design, preciso adicionar uma máscara, de modo que ela esteja afetando apenas o exterior. Eu vou até minhas “Ferramentas de máscara” e ir para a “Ferramenta de elipse”, em seguida, clique no centro da composição e arraste. Então eu vou segurar Shift para torná-lo um círculo perfeito e Command ou Control em um PC para dimensioná-lo do centro. Farei deste tamanho. Na camada de vinheta, você pode ver que a máscara 1 já foi aberta. Vou mudar Adicionar para Subtrair, modo que inverta a máscara. Então eu vou pressionar “F” no teclado para trazer a pena de máscara, e então aumentar isso para tornar a máscara muito mais suave. Então eu vou clicar neste pequeno ícone para desligar a visibilidade da máscara. Em seguida, vou recolher esta máscara e abri-la, para que eu possa ver todos os controles e alterar a Expansão da Máscara para empurrar o ajuste para os cantos da composição. É assim que se pode fazer uma vinheta. A partir daqui, você pode ajustar a exposição ao seu gosto. Vou em frente e trancar estas duas camadas, para não as ajustar acidentalmente. Agora, todas as minhas luzes estão acesas, mas quando chegarmos à animação, as luzes vão ligar e desligar. Se eu entrasse na minha fonte e depois desligasse algumas camadas e voltasse para a minha composição principal, essas lâmpadas desapareceriam completamente. Mas não quero que desapareçam. Quero que pareça que há uma lâmpada de néon lá que não está sendo iluminada. O que eu preciso fazer é duplicar minha camada de origem. Vou descer até ele e pressionar “Command D” ou “Control D” em um PC e renomear essa “Bulbo”. Vou movê-lo abaixo da fonte, e vou solá-lo nas camadas de fundo. Agora quero que pareça que estas lâmpadas estão desligadas. Vou adicionar um efeito de exposição a esta camada. Vou diminuir a exposição, e então vou aumentar a gama, o que irá dessaturar a camada. Continue abaixando isso até lá. É aí que começamos a perder toda a iluminação da lâmpada. Ainda está um pouco saturado, então vou aumentar a gama um pouco. Acho que parece muito bom. Agora isso pode ser extremamente difícil para você ver. Na verdade, vou adicionar uma nova camada sólida que é apenas uma cor cinza, para que possamos ver o que está acontecendo. Se eu desligar essa exposição, verá que recuperamos nossa cor. Isso é o que o ajuste de exposição está fazendo. Eu vou ampliar aqui ainda mais, e o que eu quero fazer é realmente aumentar a espessura dessas linhas apenas um pouco. Mas eu não posso fazer isso indo para a fonte e aumentando o tamanho do traçado, porque isso afetará todas as camadas de brilho também. Em vez disso, vou chegar aos meus efeitos e digitar estrangulamento. Então eu vou adicionar o efeito Gargantilha Simples. Se eu trazê-lo para um valor negativo, ele realmente fica um pouco mais grosso. Agora, eu não quero muito fazer isso. Quase lá provavelmente está bem. Isso torna as lâmpadas um pouco mais grossas, que nos permitirá adicionar um pouco de profundidade a ele. Na camada de lâmpada, vá para “Estilos de Camada” e desça para “Bisel e Emboss”. Você pode ver que isso adicionou algum sombreamento ao meu projeto. Agora, em seu padrão, ele não está configurado da maneira que eu quero. Eu preciso descer para os meus estilos de camada, girar para baixo Bisel e Emboss, e a primeira coisa que eu quero fazer é mudar o ângulo. Neste momento, a luz está vindo um pouco da esquerda, mas eu quero que ela venha de cima e de baixo. Vou mudar o valor do ângulo para 90 graus. Agora que o destaque está diretamente em cima do nosso design, então podemos mudar a altitude para que pareça que a fonte de luz está mais longe das lâmpadas. Então eu vou diminuir o tamanho um pouco. Para ajustá-lo em pequena quantidade, mantenho a tecla Command ou Control pressionada em um PC enquanto clica e arrasta. Então eu vou rolar um pouco mais para baixo, e virar a opacidade de destaque para baixo. Não quero que isto seja um efeito dramático. Eu quero que seja muito sutil adicionar apenas um pouco de profundidade para quando as luzes estão apagadas. Mas eu não quero que isso distraia o resto do projeto. Acho que a sombra está muito boa. Se eu desligar isso e ligar novamente, você pode ver que estamos apenas adicionando um destaque, mas isso é exatamente o que eu queria. Vou diminuir o zoom, recolher esta camada, apagar o sólido cinzento, e agora você pode ver o que isso está fazendo. Olhando para isso com o fundo escuro, acho que o destaque ainda é um pouco forte demais. Eu vou voltar para a lâmpada, rolar para baixo até a opacidade de destaque, e desligá-lo ainda mais. Lá vamos nós. Se eu ligar e desligar isso, você pode ver que é muito sutil, mas acrescenta muita profundidade. Outra coisa que eu poderia fazer é realmente adicionar uma sombra para esta camada de lâmpada. Vou digitar sombra, mudar a direção de 135-180, então está vindo diretamente para baixo. Se eu chegar a este pequeno controle aqui no final, eu posso aumentar temporariamente a exposição do espectador sem afetar nada na fonte. Tudo o que tenho a fazer é clicar neste botão para desligá-lo ou voltar a ativá-lo. Isso é muito útil para quando você precisa ver as coisas melhor. A sombra é um pouco afiada demais. Eu quero aumentar a suavidade apenas um pouco. Vire a opacidade para baixo, porque eu quero que este efeito seja tão sutil quanto. Então eu vou diminuir a distância para talvez três. Desligando e ligando isso, você pode ver como isso se parece. Reinicie a exposição. Acho que parece muito bom. Posso remover estas duas camadas. Obviamente, agora não vemos a lâmpada, porque todas as luzes estão ligadas. Mas uma vez que entramos em animação, essa camada vai ser muito útil para vender esse efeito. Outra coisa importante a tomar nota é que eu tenho trabalhado em resolução total esse tempo todo, e geralmente trabalhando de perto. Isso porque a maneira que toda essa luz está misturando parece diferente em diferentes resoluções. Se você estiver renderizando em resolução total, verá uma representação exata de como isso vai ser exportado. Mas se você está trabalhando ao meio, você pode ver que a luz está misturando um pouco diferente, o grão parece muito maior, e se você fosse voltar para o quarto, ele nem se parece com o mesmo brilho. Eu recomendo que você trabalhe em resolução total porque mesmo que leve mais tempo para visualizar, você realmente não será capaz de ver uma representação exata da final em qualquer outra resolução. Lembre-se de ampliar em 100 por cento, bem como porque às vezes olhando para algo de longe, também não lhe dá uma representação muito boa de como ele vai parecer no final. Neste ponto, você pode projetar seu próprio brilho, experimentar efeitos diferentes, brincar com coisas, e apenas se divertir construindo seu próprio brilho de sinal de néon personalizado. Publique alguns exemplos do que você criou na página do projeto e, em seguida, vá para a próxima unidade onde começaremos a animar o design. 10. O que são Hold Keyframes?: Então, a maneira que eu quero animar meu sinal é ligando e desligando as lâmpadas, e a maneira que eu vou fazer isso é usando keyframes hold. Eu criei uma pequena demonstração para explicar exatamente o que é um quadro-chave de espera, caso você nunca tenha se deparado com ele antes. Aqui eu tenho três círculos diferentes, todos eles têm quadros-chave com valores iguais de posição x que se movem através da tela e para trás. Mas cada camada tem seu próprio tipo de quadro-chave, que determina como os efeitos secundários interpola a animação entre os quadros-chave. Deixe-me tocar isso de volta para que você possa ver do que estou falando. Todos esses quadros-chave têm exatamente os mesmos valores, mas como o tipo de quadro-chave é diferente, eles são animados de forma diferente. Então esta primeira camada tem quadros-chave lineares. Isso significa que não há nenhuma flexibilização. É apenas para frente e para trás, interpolação igual entre cada quadro-chave, e isso torna essa animação muito chata. O próximo tipo de quadro-chave é um quadro-chave facilitado. Você pode ver que isso torna o movimento muito mais suave. Agora, se você verificar minha classe animando com facilidade, eu ensinarei tudo sobre como aliviar seus quadros-chave usando o editor de gráficos, mas eu não vou entrar nisso agora. Então, finalmente, temos hold keyframes que será parecido com este. Neste terceiro círculo você pode ver que não há movimento acontecendo entre os quadros-chave. É só aqui e depois ali, e depois volta. Não há animação intermédia. Se eu parar a reprodução e ir para o primeiro quadro. Você pode ver que todos os círculos se alinham na exposição. Se eu for para o segundo quadro-chave, todos os círculos se alinham nesse lado da tela. Em seguida, indo para o terceiro quadro-chave, eles estão de volta deste lado novamente, todos com o mesmo valor de posição. A única diferença é o que está acontecendo entre os quadros-chave. Então, se eu tirar os quadros-chave de espera deste círculo na posição x e pressionar T para abrir a opacidade, e então definir um quadro-chave em 100 por cento, vá para a segunda posição do quadro-chave pressionando K no botão para saltar para o próximo quadro-chave, altere o valor para zero e, em seguida, vá para o terceiro quadro-chave e altere-o novamente para 100. Agora tenho três quadros-chave de opacidade. Se eu visualizar isso, o círculo desaparece e volta para dentro. Mas se eu fosse converter esses quadros-chave de linear para segurar quadros-chave clicando com o botão direito do mouse no quadro-chave e indo para alternar segurar quadro-chave, então visualizar, você pode ver que não há valores entre um 100 por cento e zero por cento. Ele só liga e se afasta. É assim que vamos animar as lâmpadas ligando e desligando para o nosso letreiro de néon. 11. Organizando-se: Se eu voltar ao meu Neon-Source e criar um pouco mais de espaço na linha do tempo para animar, eu vou reposicionar esta obra de arte para que eu possa ver a maior parte dela. Vou começar bloqueando a camada Flicker para não clicar acidentalmente e agarrá-la. Em seguida, vou rolar para baixo, pegar a camada inferior do trabalho artístico, pressionar T para abrir a opacidade, definir um quadro-chave e, em seguida, clicar com o botão direito do mouse e ir para Alternar quadro-chave de bloqueio. Ou a maneira mais curta de alternar o quadro de teclas é mantendo a tecla Option and Command em um Mac ou ALT e Control em um PC e, em seguida clicando no quadro-chave e isso o converte em um quadro-chave inteiro. Em seguida, vou copiar este quadro-chave, selecionar todas as outras camadas de arte e colar. Dessa forma, todos eles têm os quadros-chave definidos em 100%. Então, se eu fosse dizer, um segundo e mudar a opacidade de qualquer um deles para zero um segundo quadro-chave de espera é automaticamente adicionado. Então desfaça isso, e isso me dá um ponto de partida. Agora, eu quero fazer um pouco de limpeza. Eu não quero mais ver minha arte do Illustrator, mas eu quero mantê-lo lá apenas para o caso de eu precisar voltar para ele como referência ou para recriar meus contornos. Vou selecionar todos eles e clicar no ícone da camada tímida. Então eu vou esconder as camadas shied clicando neste ícone aqui mesmo. Agora, você pode ver que eles desaparecem de vista. Eles ainda estão lá, mas não está mais atrapalhando minhas camadas. Só para uma boa medida, vou em frente e bloquear o controle de cores. Então eu só quero fazer um pouco de limpeza de camada. Alguns dos nomes de camadas não são descritivos o suficiente, então eu vou ir em frente e renomear alguns deles. Então, uma vez que cada uma dessas camadas é sua própria cor, eu vou seguir em frente e codificar as camadas na minha linha do tempo apenas para que seja visualmente fácil dizer quais camadas são de que cor. Vou começar com contornos, eles são vermelhos, então vou mudar a cor de azul para vermelho. Inlines também são vermelho, vermelho. A espátula é azul, então acho que vou fazer um ciano. Algumas das Chamas são amarelas. Os textos dos Burgers são azuis, azuis, amarelos, amarelos. Agora, podemos facilmente escolher as cores diferentes na minha linha do tempo. Agora, eu quero agrupar todas as cores. Vou clicar neste vermelho e dizer “Selecionar Grupo de Rótulos” e isso irá selecionar todas as camadas que têm a cor do rótulo vermelho e em seguida, eu vou arrastá-los aqui para baixo para que eles sejam todos agrupados juntos. Farei a mesma coisa pelas outras cores. Assim, eu tenho todas as minhas camadas agradáveis e organizadas, nomeadas corretamente, e fáceis de gerenciar. 12. Trabalho de preparação final: Eu quero começar minha animação com apenas a linha vermelha de Bob a espátula e o hambúrguer ligado, tudo o resto pode ser desligado. Vá para o primeiro quadro e vá para a primeira camada que eu quero desativar, e eu não quero esquecer as camadas que eu desativei. Eles devem ter o quadro chave que eu colei em todo o resto, então isso é bom. Eu realmente quero deixar o primeiro quadro chave de todas essas camadas para 100 por cento, e eu vou voltar para o porquê em apenas um pouco. Para evitar que eu mude qualquer um desses quadros de 100 por cento, vou avançar 10 quadros mantendo pressionada a tecla “Shift” e pressionando “Page Down” no teclado para avançar 10 quadros. Então vou mudar a opacidade desta primeira camada de solteiro de 100 para 0, e podemos ver que isso efetivamente desligou a camada. Então eu vou copiar o quadro chave e colar em tudo o resto que eu quero desligar, que para o primeiro quadro será tudo menos o hambúrguer, a primeira espátula, e o vermelho na linha do texto para Bob. Vou selecionar tudo o resto que eu puder, colar, fazer isso aqui em cima também, certificando-se de não ter essa espátula selecionada. Algumas dessas coisas eu só tenho que selecionar na paleta Camadas e, em seguida, colar. Não quero esquecer estes, eu vou colar lá também, e isso é o que nos resta. Se voltarmos ao nosso comp principal, você pode ver que é assim que o design se parece. Agora você notará que nossa camada de bulbo não está aparecendo, e isso é porque ela é baseada exatamente na mesma composição que todas as outras camadas. Porque eles estão desligados aqui, a camada de lâmpada também não tem nada aparecendo. Agora é por isso que deixamos os valores de opacidade de 100 por cento no primeiro quadro chave desta composição. Se eu voltar para o primeiro quadro, tudo está ligado. Se eu clicar com o botão direito do mouse nessa camada de lâmpada, vá para Tempo e, em seguida, Congelar Quadro, isso habilitará o remapeamento de tempo e definirá um quadro-chave inteiro para o quadro no qual estou selecionado, que é o primeiro quadro da composição. Agora, se eu solo esta camada e desligar o fundo para que você possa vê-lo, não importa onde eu esteja na composição, essa camada sempre exibirá o primeiro quadro da composição, e isso impedirá que a camada de bulbo se desligue, mesmo que a luz do comp principal esteja ligando e desligando. Se eu avançar 10 quadros novamente, então voltamos para o outro valor, agora podemos ver a camada de lâmpada para as partes do sinal que estão desligadas. Agora que eu posso ver, eu acho que é um pouco dramático demais. Então eu estou realmente indo para diminuir a opacidade dessa camada. Eu vou derrubar isso até que seja muito mais sutil, não muito sutil, o suficiente para que você possa dizer que ele está lá, mas não tanto que está tirando do seu design. Acho que isso parece muito bom. Ótima. Agora podemos voltar para a fonte e continuar nossa animação. 13. Animação tradicional em neon: Agora, a maneira como você liga e desliga suas lâmpadas é inteiramente sua escolha. A animação é o seu próprio design. Então eu vou te explicar como eu animei meu signo, mas você deve se sentir livre para ser tão criativo quanto quiser com o seu próprio. Agora, eu sei que eu quero que o tempo entre as lâmpadas ligando e desligando seja igual. Então, apenas para simplificar as coisas, eu vou espaçar cada mudança na luz por 10 quadros e se essa animação acabar sendo muito lenta, eu posso ajustar tudo mais tarde, mas esta é uma maneira fácil de obter o tempo uniformemente espaçado. Então, vou segurar Shift e pressionar Page Down para avançar 10 quadros. Então eu quero ligar o azul na linha do texto. Então abra a opacidade pressionando T no teclado e altere o valor de zero para 100, e eu vou saltar 10 quadros para frente novamente, e ligar o contorno amarelo para esse texto, alterá-lo para 100 por cento, e, em seguida, visualize essa animação até agora. Então você pode ver muito facilmente com esses quadros-chave de espera, podemos simular um sinal de néon ligando e desligando. É realmente assim tão simples. Agora eu quero pular para baixo para a palavra hambúrgueres e fazer algo um pouco diferente com aquele. Em vez de o ter em linha reta, quero fazer duas coisas. Primeiro, eu quero dividir a palavra em duas metades e então eu quero fazer parecer que o sinal está tendo um pouco de dificuldade em ligar. Cada metade pisca separadamente. Então, para começar, vou para o primeiro quadro-chave para que eu possa realmente ver o texto. Então eu vou renomear este hambúrgueres 1 e depois duplicá-lo. Em seguida, eu vou solo a primeira camada, mudar para a minha ferramenta Caneta pressionando G no teclado, clique em um dos pontos na segunda metade da palavra e, em seguida, desenhe uma caixa em torno dela. Pressione Delete, apague mais uma vez e isso se livra de tudo no segundo semestre. Então eu vou un-solo essa camada e solo a segunda camada e, em seguida, selecionar a primeira metade da palavra. Apague, apague mais uma vez e eu fico com apenas a segunda metade. Então, juntos, ela inventa a palavra inteira, mas agora eu tenho controle sobre as duas metades. Eu vou un-solo aqueles e eu quero que a primeira metade da palavra venha ao mesmo tempo que o azul inline da palavra BOB'S. Então eu vou pegar essa camada naquele momento no tempo e mudar a opacidade para 100 por cento. Então eu vou 10 quadros para a frente e é aí que eu quero que a segunda metade do sinal para ligar. Então eu vou para a opacidade e mudar isso para 100 por cento. Se eu visualizar esta animação, agora temos o momento certo, mas eu quero que cada metade do sinal pisque, e eu realmente vou fazer isso à mão. É bem simples de fazer. Vou para a primeira camada, começar com 100 por cento de opacidade. Então, no próximo quadro, deixe-o cair para algo muito fraco, como 15%, assim você dificilmente pode vê-lo. Então eu vou para a frente mais um quadro, virar a opacidade para cima, mas não todo o caminho para 100, algo em torno de lá, então eu vou um quadro para a frente novamente, soltá-lo, mas não tanto quanto da primeira vez e, em seguida, ir para a frente e configurá-lo para 100 por cento. Agora, se visualizarmos isso, você verá que ele pisca. Farei a mesma coisa com a segunda camada. Comece em 100 por cento e vá para frente um quadro, solte-o para algo realmente fraco, vá para frente um quadro, aumente-o, avance novamente, escureça e encaminhe mais um quadro, 100%. Agora esse sinal pisca em vez de apenas ligar perfeitamente, e se eu quisesse tornar isso um pouco mais aleatório, eu poderia espalhar esses quadros-chave um pouco, adicionar um pouco mais de cintilação, ajustar os valores. Ser completamente aleatório geralmente produz resultados perfeitamente bons, e se voltarmos para a nossa comp principal e pré-visualizar ao mesmo tempo, você pode ver que temos uma cintilação bastante convincente. Agora eu não vou fazer você sentar aqui e me ver animar o resto do meu letreiro. Não fica mais complicado do que isso. Eu usei keyframes como este para toda a minha animação, e se você quiser ver a animação como um todo, basta ir para o meu projeto de amostra onde você pode ver a peça final. Isso é tudo o que há para este método para animar um sinal de néon tradicionalmente. Então, se essa é a rota que você vai seguir, vá em frente e anime seu design e publique-o na página do seu projeto. Agora, se você está interessado em animar as coisas um pouco mais criativamente, confira o próximo vídeo, onde eu vou entrar em algumas técnicas de animação neon não tradicionais. 14. Levando mais longe a animação: Só porque temos este olhar de letreiro de néon construído, isso não significa que temos que manter uma animação tradicional de néon. Criei minha arte com camadas de forma e traços finos, que no After Effects me permite fazer algumas animações bem legais. Por exemplo, eu poderia fazer este texto escrever em vez de piscar. Mesmo que um sinal de néon não se comportasse assim, não estamos vinculados por nenhuma regra dentro do After Effects. Eu mesclei este texto de volta a uma camada, e me livrei de todos os meus antigos quadros-chave sobre a transparência. Deixe-me girar esta camada aberta e ir para Adicionar, Cortar caminhos. Agora, se você quiser aprender tudo sobre operadores de forma e camadas de forma em geral, vá conferir minha classe, The Ultimate Guide to Shape layers no After Effects, onde eu cubro tudo o que você poderia querer saber sobre camadas de forma e como animar com elas. Se você gostaria de um olhar mais aprofundado sobre como fazer write-ons, confira minha outra classe, A Técnica Certa, onde eu mostrei um monte de maneiras sobre como fazer este tipo de animação. Para este exemplo, eu vou mantê-lo muito simples e apenas fazer uma simples linha fina write-on. Com o meu caminho de corte adicionado, eu vou abri-lo, em vez de terminar quadro-chave, movê-lo para frente 10 quadros mantendo a tecla Option+Shift seta para a direita ou Alt-Shift seta para a direita em um PC e, em seguida, alterar o valor de 100 para 0. Vou pré-visualizar essa animação, e você pode ver o que está acontecendo. Eu vou empurrar esta segunda tecla para um pouco para a frente e visualizá-lo novamente. Agora todos os meus caminhos estão sendo aparados ao mesmo tempo entre esses dois quadros-chave lineares, eu quero que ele apare os caminhos para que ele simule ser escrito à mão. A primeira coisa que eu quero mudar é cortar várias formas simultaneamente para individualmente. Imediatamente, você pode ver que isso corta um caminho de cada vez, mas não está fazendo isso em ordem e algumas das letras estão sendo escritas ao contrário. O operador de caminhos de corte funciona com qualquer ordem em que os caminhos estão empilhados. Está começando com o Caminho 2, que é o u e o r. Se eu desligar a visibilidade do caminho, você pode ver que ele está escrevendo aquele ao contrário, mas se eu chegar a este ícone aqui, eu posso reverter a propriedade direção, agora ele está escrevendo na direção correta. Em seguida, ele se move para o segundo caminho, que é esta parte do B, e depois a longa linha. Agora, esses dois vão na ordem certa, mas eles precisam acontecer antes do u e do r. Vou selecionar Caminhos 4 e 5, ligar minha visibilidade de caminho de volta e você pode ver que esses são os dois caminhos que selecionei agora, então mova-os para o topo. Agora temos o B seguido pelo u e o r, e então Caminho 6 é esta linha. Agora eu quero que isso aconteça de segundo a último, pouco antes desta linha, então eu vou movê-lo para a segunda a última posição. Agora vamos para o Caminho 1, que faz parte do g, o e, r e s. O próximo caminho depois é a primeira parte do g. Eu vou mover essa posição para cima na pilha. Agora temos o B, u, r, g, segunda parte do g, e, r, s, seguido pelas duas linhas. Agora, se eu pressionar u nessa camada para ver os dois quadros-chave e executar a visualização novamente, agora meu texto está sendo escrito na ordem correta. Mas essa animação entre dois quadros-chave lineares é um pouco chata. Vou selecionar estes dois quadros-chave, ir para o editor de gráficos. Neste momento, estou editando o gráfico de valores. Vou selecionar ambos os quadros-chave e pressionar F9 no teclado para adicionar facilidade fácil, e então eu vou clicar e segurar Shift e arrastar esta alça para fora um pouco e esta para fora também. Isso só aumenta a intensidade da flexibilização entre as duas teclas. Novamente, se você quiser saber mais sobre o editor de gráficos e como fazer a flexibilização, verifique a animação da minha classe com facilidade no After Effects. Mas você pode ver o que isso fez com a animação e minha direita em, isso torna a animação muito mais dinâmica e apenas um pouco mais agradável de olhar. Estou feliz com o jeito que isso parece. Vamos passar para a palavra Bob. Na verdade, vou mudar todas as minhas camadas para serem camadas 3D, que eu possa animá-las na posição Z e adicionar muito mais profundidade a este design. Selecione todo o meu trabalho artístico e clique na caixa de seleção da camada 3D e, enquanto estiver nele, vou ativar o desfoque de movimento também. Então eu vou selecionar as camadas do Bob e soltá-las, e então eu vou definir um quadro-chave de posição segurando Option ou Alt em um PC e pressionando o P no teclado que irá definir um quadro-chave de posição no momento atual em cada um dos camadas selecionadas, então eu irei para o início da animação pressionando Home no teclado, diminuindo o zoom pressionando a tecla Vírgula e clicando e arrastando o valor da posição Z enquanto mantém Shift pressionado para aumentar o valor muito mais rápido, e eu vou apenas recuar todas essas três camadas até que elas estejam completamente fora de vista. Em seguida, selecionarei o segundo quadro-chave de cada uma dessas camadas. Vá para o editor de gráficos e, em seguida, acionar completamente a influência dessa alça de velocidade para a esquerda. Executar pré-visualização que, e agora você pode ver que o texto voa por trás da câmera. Agora eu vou compensar as três camadas no tempo apenas um pouco para que elas não entrem todas de uma vez. Mantenha a tecla Command ou Control pressionada em um PC e clique na primeira camada para desmarcá-la e, em seguida, mova a segunda para avançar um pouco no tempo. Em seguida, clique em Command ou Control na camada vermelha e mova a camada amarela para a frente. Agora, se eu executar a visualização, cada uma dessas camadas vem em uma de cada vez. Vou ligar o desfoque de movimento, e isso é apenas adiciona um pouco mais realista movimento olhando. Vamos ao nosso comp principal e ver o que se parece com todos os efeitos aplicados. Muito legal, isso adiciona um monte de profundidade a este projeto. Estou tendo uma vibração dos anos 80 sobre isso e eu realmente gosto disso. Se eu parar neste quadro aqui e ampliar, se você olhar para esta parte da camada de texto amarela, até mesmo o desfoque de movimento em 32 bits por canal ajuda a misturar a luz, e isso faz com que as partes sobrepostas de as três cores diferentes muito mais brilhantes do que se fosse por conta própria, como é aqui fora. Novamente, se eu mudasse isso de 32 bits por canal para 8 bits por canal, isso é o que parece, completamente diferente. Vamos continuar, vou dessolo estas camadas e a camada azul também. Temos a palavra Bob está voando e a palavra Burgers montando, que a palavra Burgers vai animar um pouco mais tarde. Vamos avançar com o tempo. Provavelmente vai animar por último, mas podemos nos preocupar com o tempo assim que tivermos tudo animado. Em seguida, eu acho que eu quero passar para esta linha interna dos contornos vermelhos aqui, eu vou descer para aquela camada, que está em linhas, que está em linhas, e eu vou para esse traço e eu vou pressionar o sinal de mais ao lado de traços. Essa linha agora está tracejada e eu vou pressionar a mais uma vez para adicionar uma lacuna. Vou virar o tamanho do intervalo para talvez dois e o traço para dois também, talvez três, e então talvez aumentar para três também. Na verdade, eu quero dobrar a largura do espaço. Lá vamos nós, então se eu animar o valor de deslocamento, você vê que isso faz com que os traços se movam, eu vou para o Quadro 1, e digo o quadro-chave no deslocamento, reiniciá-lo de volta para zero, e então avançar talvez um segundo. Vou solo esta camada, só para não me distrair, e depois mudar o deslocamento. Se eu executar pré-visualização isso, você pode ver como ele se parece. Em seguida, adicionarei caminhos de corte a esta camada, defino um quadro-chave final e voltarei ao início, defino como zero. Agora, esta camada tem dois caminhos, mas eu quero que eles sejam aparados ao mesmo tempo. Vou deixar isto em simultâneo. Se eu correr a pré-visualização, você pode ver como isso se parece. Novamente, eu estou indo para aumentar as alças de influência no gráfico de velocidade para o valor n. Fácil, fácil estes pressionando F9 no teclado e, em seguida, aumentar a influência. Então eu vou definir um quadro-chave para o valor de deslocamento em zero e voltar para o primeiro quadro e mudar isso em uma direção negativa e ver como isso se parece. Na verdade, só para ficar perfeitamente claro o que está acontecendo, vou tirar os traços e vamos adicioná-los de volta em um minuto. O valor de deslocamento está mudando onde essas duas linhas estão sendo aparadas com base nos caminhos de corte. Se eu animar o valor Final e o Deslocamento ao mesmo tempo, ele só adiciona um pouco mais de interesse visual. Acho que não precisa mais dos traços, estou muito feliz com a aparência. Mas só por diversão, vou tentar alterar o valor final para começar em 50% e, em seguida, definir um quadro de chave inicial, colocá-lo em 50%, e, em seguida, colocá-lo de volta para zero na segunda posição. Em seguida, selecionarei os valores de Início e Fim, voltarei ao editor de gráficos, facilitarei todos eles e ajustarei as alças de velocidade novamente. Se eu corri a pré-visualização, veja como isso se parece. Eu não estou tão feliz com o jeito que isso parece. Se eu fosse tirar o valor de deslocamento, ele provavelmente ficaria um pouco melhor, mas eu gosto da maneira como ele estava funcionando antes de adicionar a animação inicial, então eu vou apenas desfazer até que eu esteja de volta para onde eu era e isso é apenas parte do design de movimento, brincar com algo para ver como seria e descobrir o que você gosta. Tudo bem, eu vou des-solo essa camada, e isso está parecendo muito bom. Eu vou desligar o borrão de movimento apenas para que anterior um pouco mais rápido por enquanto. Em seguida, vamos fazer o contorno dessa camada vermelha. Na verdade, eu vou apenas copiar as almofadas de acabamento da camada inline. Veja o que isso parece, talvez solte essas duas camadas. Talvez eu faça esta animação um pouco mais, já que tem mais para animar. Sim, isso é muito legal, assim estamos apenas adicionando um pouco mais de movimento. Solte essas camadas, veja como tudo está funcionando. Sim, gosto de como tudo isso se resolve de uma vez. Em seguida, vamos fazer as linhas amarelas, suba até essa camada, solte-a, adicione outras almofadas de acabamento a esta. Desta vez, vou definir um valor inicial e final em um segundo, voltar para o primeiro quadro e, em seguida, alterá-los ambos para 50%, e agora eles são todos aparados do centro para fora. Eu vou para o editor de gráficos e facilitar esses quadros chave e, em seguida, aumentar os valores de influência, você pode un-solo essa camada, ver como ela se parece juntos. Isso definitivamente precisa de um pouco mais de tempo, provavelmente quer entrar bem ali. Pré-visualize isso, legal. O próximo é o hambúrguer, a espátula e as chamas. Eu vou continuar com este tema Trim Paths, ele está funcionando bem para este trabalho artístico, então eu vou apenas ficar com ele, movê-lo para a frente 0-100 fácil facilitar os quadros-chave, aumentar os valores de influência. Estou bem com ele aparando todas as almofadas de uma só vez, talvez eu faça este de 50-100 e 50-0, então ele vai do centro para fora como antes com as linhas amarelas. Claro, sim, eu gosto do jeito que parece, eu gosto de como ele vem do centro para fora na ponta da espátula lá. Talvez eu queira que o hambúrguer se torne ao mesmo tempo, então eu vou pegar aquele Trim Paths, copiá-lo, ir até o hambúrguer, que seria o primeiro, e colar as almofadas de acabamento no conteúdo. Pré-visualize isso, eu acho que desta vez eu não quero que ele vá do centro para fora, então pressione “U” para abrir os quadros-chave, tirar os quadros-chave Iniciar e deixar esse conjunto como zero, e depois mudar o Fim para zero e ver o que parece Gostei. Sabe, acho que posso mudar isso de animá-lo simultaneamente para individualmente nos caminhos. Mas eu preciso reordená-los porque eles não estão indo na ordem que eu gosto, então eu ligo esses caminhos visibilidade, sim, os dois últimos caminhos são os dois primeiros que eu quero ser cortado. Vou movê-los para o topo do grupo, e agora começa com o contorno do hambúrguer e adiciona os detalhes. Talvez eu abaixe as alças de influência só um pouco, é um pouco rápido. Sim, eu acho que parece um pouco melhor e eu não quero que ele venha exatamente ao mesmo tempo que uma espátula, então eu vou movê-lo para a frente apenas alguns quadros. Dessa forma, eu só estou colocando em camadas minha animação um pouco, então tudo o que resta são as chamas, então eu vou selecionar essas duas camadas, soltá-las e novamente, vamos adicionar um Trim Paths. Defina o primeiro quadro-chave como 50 nos valores Iniciar e Fim, vá em frente talvez 20 quadros, defina o Start como zero e o End como 100. Agora está aparando de cima para baixo, mas eu gostaria que fosse na direção oposta. Tudo que eu tenho que fazer é mudar o valor de deslocamento de zero para 180, então vamos digitar 180 e agora os caminhos estão sendo aparados na direção oposta. Desta vez eu só vou pegar os dois segundos quadros-chave e facilitar os dois. Aumente a influência para que a animação aconteça muito rapidamente, e eu vou aumentar isso ainda mais. Aqui vamos nós, e eu gosto da maneira que isso funcionou então eu vou apenas copiar e colar que Trim Caminhos do amarelo para o vermelho. Mova o vermelho para a frente um pouco e veja onde foi o início do amarelo, é aí que eu vou colocar o início do vermelho. Quero que a chama vermelha se encontre bem na ponta deste ponto. A razão pela qual isso não está acontecendo é porque o ponto central desse caminho não está exatamente nessa ponta. Vou entrar no meu Trim Caminhos e mudar o deslocamento um pouco para que ele termine exatamente onde eu quero. Perfeito, eu vou empurrar a camada amarela para a frente no tempo apenas um pouco para que ela não apareça exatamente na mesma hora que o vermelho, sim, eu gosto disso. Agora, eu vou fazer algo um pouco diferente e eu vou adicionar outro operador chamado Wiggle Paths bem aqui. Agora é um pouco dramático demais, então eu vou entrar em Wiggle Caminhos, diminuir o tamanho, o ponto para suave e o detalhe para baixo. Vou transformar os Wiggles por segundo para algo em torno de talvez 10, Correlação deve ser bastante alta, talvez em torno de 80 e, em seguida, visualizar. Você pode ver o que isso está fazendo com a chama. Agora, eu acho que o detalhe ainda é um pouco alto demais, então eu vou manter a Apple ou o Control pressionado em um PC e baixá-lo, e então talvez aumentar o Wiggles por segundo para 12. Torna um pouco mais nervoso, talvez eu pudesse diminuir a Correlação um pouco, legal. Agora vou copiar esse Wiggle Caminhos para a chama amarela e agora tenho uma pequena chama nervosa. Vou soltar essas duas camadas e visualizar a animação. Na verdade, a chama está chegando muito cedo, então eu vou pegar a chama amarela, a chama vermelha, e empurrá-la para a frente no tempo até depois que os hambúrgueres já começaram a desenhar, e então o texto dos hambúrgueres provavelmente pode vir direito sobre lá, então eu vou mover essa camada para trás, visualizar a animação. Na verdade, eu acho que pode acontecer ainda mais cedo, eu gosto de tudo resolver ao mesmo tempo, então realmente eu quero que termine bem ali. Vou apoiar esta camada e visualizar isso novamente. Incrível, estou muito feliz com a maneira que parece, vamos ver o que parece na comp principal. Vou ligar meu desfoque de movimento, voltar aqui, ver se o desfoque de movimento está ativado. Reduza o zoom para que eu possa ver toda a animação e, em seguida, visualizar. Acho que isso parece incrível. 15. Retocando: Agora, eu quero apenas adicionar um pouco de movimento da câmera 3D e deslocar as camadas no espaço 3D apenas um pouco, para dar ainda mais profundidade. Vou voltar para a minha fonte de néon. A primeira coisa que vou fazer é tirar um instantâneo para que eu possa referência a isso quando estou movendo coisas no espaço 3D. Vou tirar uma foto e depois mudar da minha câmera ativa para a exibição personalizada 1, que é uma visão de três quartos da minha arte. Agora, eu quero pegar essa camada de hambúrgueres e trazê-la para a frente apenas um pouco no espaço de Z, não muito, só um pouco. Se eu pressionar o P no teclado, isso traz a posição, e parece que a trouxemos para frente cerca de 27 pixels. Eu só vou arredondar isso para 30. Então vamos pegar a camada azul inline da palavra Bob. Agora, já animamos o valor da posição desta camada. Se eu pressionar P para abrir a posição, há os dois quadros-chave. Agora, se eu fosse apenas pegar a alça do eixo Z e mover isso para a frente, ver que adiciona um terceiro quadro-chave e isso afeta minha animação. Quero ter certeza de que estou no segundo quadro-chave, antes de movê-lo para que eu esteja editando o valor de repouso da posição. Eu realmente não vou clicar e arrastar porque eu sei que eu queria ser a mesma distância para a frente que a palavra hambúrgueres. Vou clicar na posição Z para essa camada e digitar 30 negativos. Agora, isso termina 30 pixels mais perto da câmera. Em seguida, vamos pegar a camada vermelha da palavra Bob, pressione P para abrir os quadros de teclas de posição, ir para o segundo quadro-chave e digitar 15 negativo para a posição Z. Está a meio caminho entre o azul e o amarelo. Se eu fosse mudar para a ferramenta da câmera pressionando C no teclado e, em seguida, clicando e arrastando, eu posso orbitar em torno deste texto e você pode ver que há alguma paralaxe acontecendo entre essas três camadas. Vou desfazer, para voltar à minha vista de três quartos. Então eu quero pegar a linha interna deste contorno vermelho e movê-lo para a frente 30 pixels. Então eu vou pegar a segunda linha, o contorno, e movê-lo para a frente 15, então eu vou empurrar para trás a espátula e o hambúrguer em 15 pixels. Agora, desta vez eu não posso simplesmente clicar e digitar o número, você vê que eu reposiciono ambas as camadas exatamente na mesma posição, em vez de afetar apenas a posição Z, ele copiou o valor desta primeira camada e colou na segunda camada. Desfaça isso e, desta vez, clique e arraste até que esteja em 15. Quando você clica e arrasta, isso afeta apenas o valor selecionado. Agora, o hambúrguer e a espátula, estão um pouco atrasados. Então eu vou pegar a parte amarela da chama e movê-la para a frente, talvez apenas cinco pixels, então eu vou pegar a parte vermelha da chama e movê-la para trás, talvez apenas 10 pixels. Agora, se eu mudar para a minha ferramenta Câmera novamente pressionando C e girar ao redor. Nós temos todas essas camadas diferentes para o letreiro. Acho que quero reverter a espátula e o hambúrguer. Agora parece que os hambúrgueres atrás da espátula e deve dar o contrário. Vou selecionar minha espátula, pressionar P, empurrá-la 15 pixels para trás, depois pegar o hambúrguer e voltar a zero. Isso parece melhor. Em seguida, mudarei da minha visualização personalizada para a minha câmera ativa. Se eu clicar e segurar o meu instantâneo do show, você pode ver que tudo é deslocado um pouco, mas honestamente, não é o suficiente para mim me importar. Vou tirar proveito dos valores de posição de deslocamento no Comp principal, então eu nem estou preocupado com isso. Agora, eu preciso de uma câmera 3D para adicionar um pouco mais de movimento a este Comp. Vou subir para Camada, Nova, Câmera, vou me certificar de que a câmera de 2 nós está selecionada e a predefinição de 35 milímetros está bem. Certifique-se de que ativado para cima o campo está desligado e eu vou pressionar Ok. Em seguida, vou mudar para a ferramenta Câmera pressionando C no teclado, em seguida, clique e arraste para a direita, que eu possa posicionar a câmera para baixo um pouco para a esquerda da arte, e eu vou empurrá-la mais para cima para que pareça que nós está olhando para cima em direção a este sinal, e eu vou definir um quadro-chave de posição pressionando a opção P ou alt P em um PC, em seguida, movê-lo de volta para o primeiro quadro da camada pressionando shift para que ele se encaixe no primeiro quadro, então eu vou clicar e arrastar com a ferramenta Câmera novamente para ir para o lado oposto e visualizar a aparência. Isso é muito legal. Eu acho que ele pode se mover um pouco longe demais, então eu vou recuar isso um pouco no segundo quadro-chave, e eu também vou facilitar entre esses dois pontos e, em seguida, mover esses quadros-chave para a frente, modo que leva um pouco antes que a câmera decola e, em seguida, gira para o outro lado. Eu também quero empurrar um sinal um pouco, então eu vou percorrer as ferramentas da câmera pressionando C mais algumas vezes até chegar à ferramenta Camera Z trilha, então eu vou clicar e arrastar para empurrar a câmera para frente. Agora, não só a câmera desliza de um lado para o outro, como também empurra para dentro. Na verdade, eu vou puxá-lo para trás apenas um pouco no primeiro quadro-chave. Isso deve parecer bom, vamos pré-visualizar isso. Sim, estou feliz com essa moção. Talvez eu tenha que começar um pouco mais cedo e uma coisa que eu notei é que as três camadas para a palavra Bob está realmente vindo na ordem inversa que eu gosto que eles façam. Eu só quero trocar as posições de tempo dessas duas camadas. Vou mover a camada amarela para o primeiro quadro e mover a camada azul para o quadro atual pressionando o suporte esquerdo no teclado. Agora, as três camadas devem vir na ordem certa. Isso é ótimo. Agora, eu acho que eu só quero que a espátula, o hambúrguer e as chamas comecem um pouco mais a tempo. Eles vêm logo no início e eu acho que eles devem vir um pouco mais tarde. Vou pegar minhas chamas, minha espátula, e o hambúrguer, e depois arrastá-los para a frente até aqui. Pré-visualize isso. Ótima. Agora, eu acho que vou diminuir o movimento da câmera em cerca de um segundo, então leva um pouco mais para chegar ao ponto final, e acho que estamos acabados. Tudo bem. Sim, isso parece ótimo. Vamos dar uma olhada no que parece com todo o brilho construído. Aí está você. Estou muito feliz com a forma como isso parece, considerando a rapidez com que fui capaz de juntá-la. Espero que isso faça seus sucos criativos fluírem para que você possa ver as possibilidades às quais você tem acesso. Você pode aplicar este olhar de sinal de néon para toneladas de diferentes tipos de animações. Porque você o construiu para ser completamente personalizado, é totalmente exclusivo para você e um 100 por cento aberto ao seu próprio design. 16. Exportando um vídeo: A última coisa que precisamos fazer é exportar este vídeo do After Effects para um arquivo de vídeo que possamos carregar no Vimeo ou YouTube para que possamos compartilhá-lo. Vou estender minha área de trabalho de composições até cinco segundos pressionando Enter no teclado para ajustar o ponto externo da área de trabalho à hora atual. Então eu vou até Composição, Adicionar à Fila de renderização, clicar no texto do Módulo de Saída que diz, “Sem perdas”, entrar nas Opções de Formato, mudar o codec de vídeo para H.264, deixar a qualidade em 100%. Quadro chave, a cada 24 quadros. Reordenação de quadros, deixarei desmarcada e limitarei a taxa de dados a 10.000 kilobytes por segundo, e então pressionarei “Ok”. Vou desligar a saída de áudio e pressionar “Ok”. Então eu vou clicar no “Saída para Texto” e escolher onde eu quero colocá-lo que para mim eu vou colocá-lo na área de trabalho, então eu vou clicar em “Render”. Em seguida, o After Effects irá renderizar cada quadro e compilá-lo em um arquivo de filme que podemos enviar para o YouTube ou Vimeo. Este processo vai demorar um pouco porque construir esse brilho em 32 bits por cor é muito intensivo em gráficos, então não se surpreenda se levar um pouco de tempo para exportar até mesmo apenas um clipe curto. Agora, se eu for para a minha área de trabalho, haverá um arquivo de filme. Clique duas vezes sobre isso, reproduza de volta. Parece muito bom. Isso está pronto para upload. Se não estiver satisfeito com a qualidade do seu vídeo, sinta-se à vontade para aumentar a taxa de bits. Se eu voltar para aqui e ir para minhas opções de formato, você pode aumentar essa taxa de dados de 10.000-15.000 ou até 20.000. Em clipes de vídeo mais curtos, ele não aumentará muito o tamanho do arquivo. Este tem apenas 6,8 megabytes, o que é ótimo para um vídeo 10 ADP. Estou muito feliz com a forma como isso parece, então eu vou para o Vimeo, e eu vou para Upload seu vídeo. Vou escolher um arquivo. Enquanto isso for enviado, vou renomear isso e clicar em “Salvar” e ir para Vídeo. Então, mesmo antes do processamento do arquivo, eu posso clicar neste botão “Compartilhar” aqui e clicar neste botão que diz “Mostrar Opções”. Então eu vou descer até os Controles e certificar-me de que loop este vídeo está marcado, modo que o vídeo continuamente loops automaticamente. Eu também vou configurá-lo para Reprodução Automática e eu vou tirar esses créditos só porque eu realmente não preciso deles para aparecer no meu projeto de compartilhamento de habilidades. Vou certificar-me de que a largura do vídeo é 580 porque essa é a largura de um projeto no Skillshare. Em seguida, eu vou rolar de volta para o código Incorporar, clicar em qualquer lugar dentro dele, copiar, em seguida, entrar no meu projeto de amostra e, em seguida, clicar neste botão aqui que diz Incorporar mídia. Posso colar esse código de incorporação nesta janela e pressionar “Enviar” e aí está. Minha animação é reprodução automática e loop automático dentro da página do projeto do Skillshare, e uma vez que a versão HD é processada, ela será atualizada e a qualidade será ainda melhor. 17. Obrigado!: É isso. Muito obrigado por fazer esta aula. Espero que tenha gostado e que aprendido algo que não sabia antes. Se você tiver alguma dúvida, sinta-se à vontade para perguntá-las no tópico Pergunte a mim qualquer coisa na página da Comunidade. Se você quiser feedback sobre o seu projeto, faça perguntas diretamente na página do seu projeto. Eu adoraria se você me deixasse uma crítica para esta aula. Estou sempre tentando fazer minha próxima aula melhor que a última, então seu feedback realmente me ajuda. Se você postar qualquer um de seus trabalhos nas mídias sociais, certifique-se de me marcar @jakeinmotion porque eu amo mostrar o trabalho dos meus alunos. Obrigado novamente por fazer essa aula e te vejo na próxima vez.