Lettering animado no Adobe After Effects

1. Boas-vindas: Bem-vindo às letras animadas no After Effects. Lettering é uma forma tão expressiva de arte e adicionar animação pode realmente levá-la para o próximo nível. Oi. Sou Megan Friesth, designer de movimento e ilustradora de Boulder, Colorado. letras animadas não são apenas para letras de mão. Há tantos usos para textos animados de vídeos explicativos, vídeos tipografia cinética, vídeos de música lírica, logotipos, terços inferiores, sequências de títulos, cartões digitais, sites e, claro, para fazer suas letras se destacam nas mídias sociais. Não só o texto animado é uma técnica super útil, mas também é uma ótima maneira de aprender animação no After Effects. É por isso que criei este curso para iniciantes. Você nem precisa ser uma carta de mão. Mostrarei como usar o Adobe Illustrator para rastrear ou desenhar uma letra e um design. Também usaremos o Photoshop para adicionar uma textura ao nosso letreiro. Então vamos saltar para o After Effects para animá-lo. Se você nunca usou o After Effects, a interface pode parecer intimidante. Não se preocupe. Você precisará saber uma fração do que é possível neste poderoso software para criar uma incrível peça de animação de letras. Está tudo incluído aqui neste curso. Depois de terminar este curso, você estará pronto para enfrentar cursos de animação mais avançados. Se você está pronto para fazer um movimento de letras, vamos começar. 2. Inspiração: A técnica de escrita que vou mostrar nesta aula é uma maneira super útil de animar todos os diferentes estilos de letras. Aqui estão alguns exemplos. Observe como em todos esses exemplos a espessura da linha das letras é consistente em toda parte. Isso é chamado de letras monolinas ou um baile de monolina. A técnica de gravação que vou mostrar nesta classe funciona melhor com letras que têm espessura de linha consistente. Claro, isso não significa que você não pode animar letras com uma espessura variável, mas isso é um tópico para outra classe. Você pode encontrar toneladas de inspiração no Pinterest. Você vai descobrir que a técnica de escrita é fundamental para um monte de tipo cinético. Vou colocar um link para o meu quadro do Pinterest de textos animados em uma nota neste vídeo. 3. Projeto do curso: Para o projeto da classe, escolha um verbo, isso é algo que você gostaria de fazer, e um substantivo, esse é o lugar onde você gostaria de fazer essa coisa. Por exemplo, explore o Colorado ou esquie o Winter Park ou surfe na Costa Rica ou na Netflix no meu sofá. Você pode colocar sua animação de letras em cima de uma fotografia ou adicionar ilustrações ou acentos também, se quiser. Se você tem outra coisa em mente que você quer animar, mas não se encaixa no tema, isso é totalmente bom também. Não se esqueça de postar suas letras animadas finais no projeto da turma. Sinta-se à vontade para postar seu trabalho ao longo do caminho se quiser qualquer feedback. Você sempre pode entrar em contato na página da comunidade se tiver alguma dúvida. Vou mostrar dois fluxos de trabalho diferentes para animar suas letras com a técnica de gravação. Para a primeira técnica, usaremos o Illustrator para desenhar o design ou traçar uma fotografia de sua letra manual. Você pode até usar uma fonte se letras à mão não é a sua praia. A segunda técnica, usaremos o Photoshop para adicionar uma textura ao design. Ambas as técnicas, estaremos animando no After Effects. 4. Primeiros passos no Illustrator: Primeiro quero mostrar-lhe como criar suas letras no ilustrador. Vou começar um novo arquivo. Arquivo, novo. Vou definir meu quadro de arte para 1920 por 1080 pixels. Mas você pode fazer um tamanho diferente se quiser, apenas certifique-se de que é um tamanho decente. Então eu também quero ter certeza de que meu modo de cor está definido como RGB porque isso vai ser digital. Não pretendo imprimi-lo. Você pode encontrar essas opções nas opções de cores avançadas se você não quiser que já esteja definido. Em seguida, basta ir em frente e clicar em criar. Tenho um novo quadro de arte. Há algumas maneiras diferentes de você fazer isso. O objetivo final é que você queira ter uma linha desenhada para cada letra, ou se suas letras estiverem conectadas, pode ser apenas uma linha que você pode animar em efeitos secundários. Basicamente queremos apenas uma linha de nossas cartas que não tem nenhum preenchimento. É apenas uma linha com uma única espessura. Usaremos isso para animar os efeitos secundários. Há algumas maneiras de começar. Se você é uma carta de mão, talvez você tenha desenhado isso no papel primeiro. Você pode tirar uma foto ou digitalizar em suas letras de mão e, em seguida, arrastar a foto para o ilustrador. Eu não sou muito de uma carta de mão, mas eu apenas fiz isso muito rapidamente para mostrar o que eu quero dizer. Arrastei esta foto e você pode redimensioná-la, certifique-se de manter a tecla shift pressionada quando estiver redimensionando para restringir as proporções. Então o que você vai querer fazer é tê-lo em sua própria camada. Se você não vir o painel de camadas ou qualquer um desses painéis que eu uso aqui. Você pode encontrar qualquer um deles sob a janela e você vai vê-los aqui. Tenho esta camada com a minha foto. Eu só vou apertar o ícone de cadeado bem aqui ao lado do globo ocular. Isso vai garantir que eu não posso mover minha foto de letras acidentalmente. Em seguida, vou clicar neste botão criar nova camada na parte inferior do meu painel de camadas para criar uma nova camada. Então posso começar a traçar com esta nova camada. Uma dica quando você está tirando uma foto de suas letras é que realmente ajuda ter alguma grade, como esses pontos aqui, que você possa ter certeza de que você está segurando sua câmera ou seu telefone até suas letras. Não em um ângulo estranho. Se você não tem uma fotografia, tudo bem. Vou deletar isso. Na verdade, não vou usar esta foto porque não é tão boa assim. Outra maneira de fazer isso é desenhar suas letras com o mouse, se você é realmente bom com o mouse, ou talvez você tenha uma mesa digitalizadora wacom. Você pode usar esta ferramenta de lápis aqui para apenas desenhar suas letras. Isso vai fazer uma linha com um golpe e sem preenchimento. Se não funcionar, você sempre pode entrar e ajustá-lo aqui. Esta linha cortada significa que não há preenchimento. Então aqui eu tenho um traço preto e você pode ajustar a espessura do traço aqui. Obviamente, mude as cores se quiser. A última maneira de fazer isso, se você não quiser desenhar suas letras de forma livre no computador ou à mão, é que você pode realmente usar uma fonte. Eu só vou para cima para a ferramenta de texto aqui e clique para começar a digitar. Então eu vou digitar o que eu quero. Em seguida, eu vou clicar na ferramenta de seleção novamente para que minha letra seja selecionada. Então eu só vou segurar o turno e fazer isso maior. Você também pode ajustar o tamanho da fonte aqui. Vou usar a fonte Montebello. Então eu vou me certificar de que isso está centrado no meu quadro de arte. Vou até estas ferramentas alinhadas. Se você não vê-los aqui em cima, eles também estão sob o painel de alinhamento, que você pode encontrar sob a janela. Vou alinhar-me ao meu quadro de arte. Com este ícone, você pode escolher o que você está alinhando. Tão estranhas, alinhadas com a nossa placa e então eu vou apenas centrar horizontalmente e verticalmente. Então eu vou bloquear esta camada e começar uma nova camada. Vou apertar o botão de bloqueio ao lado desta camada, apertar o ícone de nova camada na parte inferior. Agora eu tenho uma nova camada onde eu posso começar a traçar essas letras para criar um traçado que eu possa animar. 5. Traçando letras: Primeiro de tudo, eu vou definir minhas cores para ter um traço, e eu vou mudar a cor de preto para que eu possa realmente ver o que eu estou fazendo. Agora, para rastrear, acho que é mais fácil usar a ferramenta Caneta. A ferramenta Caneta tem um pouco de uma curva de aprendizagem se você nunca a usou. Mas eu recomendo praticar isso porque pode ser uma ferramenta tão poderosa. Entre na sua ferramenta Caneta aqui em cima ou pressione “P” no teclado. Em seguida, para criar uma linha com a ferramenta Caneta, você vai clicar para marcar um ponto e, em seguida, manter o mouse pressionado, você vai arrastar para fora para ver essas alças. Agora essas alças serão tangentais à linha que você está desenhando. Isso vai fazer mais sentido quando você entrar e tentar. Vou clicar, segurar, arrastar as alças, depois soltar e repetir isso, então clique e arraste. Você pode ver quando eu arrasto essas alças, seu ajuste onde minha curva cai na minha página. Quando estou feliz com a curva, posso largar e continuar. Você não tem que fazer esta curva perfeita. Você não precisa tê-lo exatamente alinhado com suas cartas agora porque é muito fácil voltar atrás e mudar as coisas. Vou continuar clicando, arrastando para fora e movê-lo para lá. Está tudo bem, podemos voltar e consertar as coisas. Certifique-se de que você está rastreando suas cartas da maneira que deseja que elas sejam animadas. Quero que estas cartas se animem como se as estivesses a escrever no papel com um lápis. Quando eu chegar a este e, eu quero ter certeza que eu vou dar a volta por aqui primeiro e depois até este e. Eu vou ter que fazer esta curva assim. Quando eu chegar ao topo deste T, eu quero apenas me virar e voltar para o caminho que eu vim. Se você notar, eu tenho um sinal de mais ao lado da minha ferramenta Caneta. Isso significa que vou adicionar um ponto na minha linha e não é isso que eu quero fazer. Eu preciso apenas ir um pouco mais longe da minha linha para que eu possa fazer um novo ponto. Se você não quer curvas como no topo deste t, tudo que você tem que fazer é clicar e você não arrastar. Então você não tem essas alças, então só faz um ponto de viragem afiado. Você pode ver neste são r eu queria a curva aqui, mas eu não quero que ele tenha uma curva no topo aqui. O que posso fazer é clicar no meu ponto de novo e isso vai tirar essa alça. Eu vou fazer a mesma coisa novamente no g onde eu clicar no ponto e depois voltar para o caminho que eu vim porque é assim que você iria desenhar em um g. Eu não vou ser capaz de obter isso exatamente na primeira vez, mas tudo bem eu posso voltar e Ajuste os pontos. Em seguida, para terminar sua linha, você pode apenas pressionar “Return” no seu teclado. Se suas cartas forem mais parecidas com isso, você também vai querer rastreá-las, mas há algumas dicas que irão ajudá-lo. Eu vou usar a ferramenta Caneta e, em seguida, eu vou ir e apenas clique para fazer pontos. Eu não tenho que clicar e segurar porque eu não quero que estas sejam linhas curvas. Agora, quando eu chegar ao fundo deste A, eu sei que eu quero que este ponto se alinhe com este outro ponto do outro lado do A. É útil saber exatamente onde eu deveria colocar esse ponto. Uma coisa que você pode fazer, eu vou apenas apagar esta linha, é ir até “Ver” e “Guias Inteligentes” ou clicar em “Command U”. Então, quando eu fizer esse caminho, ele vai me dar uma pequena linha de indicador que é rosa, que me mostra que eu estou alinhado com o outro ponto, então isso pode ser super útil. Então eu vou dizer “Enter” para terminar a linha. Então, para linhas retas, você pode simplesmente segurar “Shift”, então segure “Shift” para fazer uma linha reta. Então eu não poderia colocar este ponto direito neste caminho porque o Illustrator pensaria que eu gostaria de adicionar um ponto a este caminho. Eu só fiz um pouco mais curto e então eu vou apenas pegar a ferramenta Seleção Direta e segurando “Shift” Eu vou estender essa linha, certificando-se de que é reta pressionando “Shift”. Então você pode continuar isso com todo o resto de suas camadas. Se você tiver letras duplicadas, você pode simplesmente copiá-las e colá-las. Vou clicar e arrastar para selecionar tudo nesta área. Então eu vou manter pressionada a tecla “Option” enquanto arrasto isso e também mantenha pressionada a tecla “Shift” para que eu a mantenha na linha. Então eu vou liberar e eu tenho um A duplicado, eu não tive que redesenhá-lo. Agora, se você quiser adicionar a uma linha existente, se você apenas passar o mouse sobre um ponto com sua ferramenta Caneta, você verá uma pequena linha de barra e isso significa que você vai adicionar a um ponto existente. Outra técnica que você pode usar se você tem letras que têm porções arredondadas agradáveis, é que você pode usar a ferramenta Retângulo. Eu vou demonstrar neste D. Com a ferramenta Retângulo, eu vou apenas desenhar um retângulo aproximadamente a forma do meu D. Então você pode entrar e arredondar os cantos com a ferramenta Seleção Direta. Se eu rodar todos os cantos, posso fazer uma forma de O. Mas se eu só quiser em torno de alguns cantos, selecione o canto e, em seguida, pressione “Shift” e selecione o outro canto que você quer e então você pode simplesmente arrastar esses cantos para dentro. Então isso é sobre a forma do meu D, mas eu sempre posso entrar e ajustar essas alças. 6. Ajustando seu caminho: Para ajustar o caminho que você acabou de desenhar, vá para a ferramenta de seleção direta, que é a tecla de seta branca ou o atalho é A. Então você pode se mover em torno de qualquer um dos seus pontos para ajustá-los, e você pode realmente ampliar pressionando Command e a tecla Plus para chegar mais perto de suas cartas. Agora, antes de entrar e abordar a minha linha, eu vou realmente torná-la mais espessa, então mais alinhada com a minha fonte. Eu só vou entrar no painel Traçado e aumentar a espessura, até que ele se alinhe mais de perto. Vamos com 30, um bom número par. Agora, a primeira coisa que você vai notar é que as extremidades da minha linha são uma ponta afiada, enquanto a fonte tem uma extremidade curva agradável. O que posso fazer é mudar a tampa aqui sob acidente vascular cerebral, de tampa para tampa redonda. Então também no t, onde eu tenho uma reviravolta afiada, eu tenho uma linha reta e eu quero que ela seja curvada como a fonte. Sob Corner eu só vou bater do canto duro para o canto redondo. Agora, outra coisa que eu posso fazer para tornar minha vida um pouco mais fácil aqui quando eu estou ajustando as letras é tornar essa linha que eu desenhei um pouco transparente, que eu possa ver o texto por baixo. Vou apenas selecioná-lo com a minha ferramenta Seleção e, em seguida, aqui onde você vê Opacidade, você apenas muda isso para 50%. Agora eu posso ver através dele em parte. Agora, eu vou entrar com a minha ferramenta Seleção direta ou/e o teclado e apenas ajustar os pontos para que minhas letras fiquem um pouco mais alinhadas com o texto. Você pode ter liberdade criativa aqui se você quiser ir um pouco fora de como seu texto é, digamos neste L, eu quero fazer isso um loop maior aqui em baixo, porque eu acho que pode ser legal animar. Posso fazer isso se quiser. Você pode gastar tanto ou tão pouco tempo quanto quiser ajustando seu caminho, perfeito que seu caminho seja, é totalmente com você, mas seu caminho é o que você verá animado. Você não verá nenhuma camada de texto. Agora, você vai notar que às vezes você quer colocar um ponto em um lugar realmente preciso, mas você está recebendo o estalo, e torna difícil chegar exatamente onde você quer. Se você for em Exibir, talvez seja necessário encaixar no pixel ou encaixar no ponto. Às vezes, snap to point pode ser útil se você quiser encaixar dois desses pontos juntos, mas às vezes não é. Se não for útil para você, você pode desativá-lo. Eu geralmente não gosto de encaixar para pixel on porque eu quero ser um pouco mais preciso do que isso. Vou desligar essa por enquanto. Se achar que precisa adicionar um ponto à sua linha, você pode pressionar a tecla Plus no teclado ou ir até a ferramenta Caneta, clicar e segurar e, em seguida, encontrar a ferramenta Adicionar ponto de ancoragem. Isso só permite que você adicione um ponto ao seu caminho, e então você pode pressionar A e ir e ajustar esse ponto. Agora, digamos que você adicionou um ponto que você realmente não deseja, você pode pressionar a tecla de subtração ou também encontrar a ferramenta Excluir ponto de ancoragem sob a ferramenta Caneta, e então você pode simplesmente entrar e excluir esse ponto. Uma vez que você tem suas letras rastreadas e ajustadas, volte e certifique-se de que você não perca nenhum dos pequenos traços nos ts ou pontos no i e coisas assim. Para o ponto no i, vou apenas entrar na ferramenta Elipse. Em seguida, segurando Shift, eu vou desenhar um círculo perfeito apenas clicando e arrastando. Agora, isso fez um círculo com um traço e sem preenchimento, mas eu realmente vou querer o contrário, e eu vou animar isso de forma diferente no After Effects. Algo assim. Então, para os ts, estes têm apenas duas cruzes retas, mas desde que eu tenho dois ts juntos, eu acho que seria legal ter uma cruz conectada nesses ts. Vou voltar para a minha ferramenta Caneta e desenhar algo. Preciso ter certeza de que isso não tem campo, mas tem um derrame. O que eu posso realmente fazer é apertar i no teclado ou usar a ferramenta Conta-gotas, e então basta selecionar as letras que eu rastreei e que copia o estilo que eu tenho nesse caminho que eu acabei de desenhar. Parece um pouco engraçado porque estes ts são um pouco curtos. Só vou torná-los mais altos. Vou selecionar ambos os pontos mantendo a tecla Shift pressionada e clicando no segundo, e então eu vou apenas arrastá-los para cima. Mas vou tentar manter o mesmo ângulo em que estão. Então talvez eu mova isso só um pouquinho. Isso parece bom. Você sempre pode ocultar sua camada de textos para que você possa ver como suas letras se parecem sem o texto. Você pode descobrir que tem alguns pequenos problemas como esta linha é uma curva estranha bem aqui. Vou voltar e ajustar isso. Eu vou voltar para a minha camada de letras e mudar isso de volta para uma opacidade 100%. Vou esconder minha camada de referência de novo. Então eu vou adicionar um fundo. Eu vou apenas ir para a minha ferramenta Elipse, clique e segure, e você verá a ferramenta de retângulo. Você também pode apenas pressionar M no teclado. Então eu vou apenas clicar em qualquer lugar do meu quadro de arte, e ele vai trazer esta pequena caixa, e você pode digitar as dimensões que você quer e clicar em “Ok”. Você também pode apenas clicar e arrastar para desenhar uma caixa, mas desta forma eu sei que vai ser exatamente o mesmo tamanho do meu quadro de arte. Então eu posso centralizá-lo, e então mudá-lo para que em vez de um traço ele tenha um preenchimento, então nós entramos e mudamos essa cor. Agora meu retângulo está em cima da minha camada de letras, então eu vou apenas fazer uma nova camada, arrastar minhas letras para ela clicando neste pequeno quadrado aqui e arrastando-o para cima, e então eu vou arrastar esta camada para o fundo. Então eu posso clicar duas vezes e apenas nomear este plano de fundo. Em seguida, esta camada que tem o meu lettering, eu vou mudar a cor da letra para branco. Em seguida, mude este ponto no i para branco também. Eu entrei e ajustei meu caminho das camadas de bloco. Agora, você verá algumas coisas aqui. Neste n, estou um pouco fora. Primeiro eu vou apenas corrigir isso selecionando ambos os pontos âncora segurando Shift entre clicar neles e, em seguida, pressionando as teclas de seta no teclado para apenas empurrar esses pontos um pouco mais. Verá que mudei os cantos para um canto chanfrado. Você também pode ter um canto pontiagudo como este, mas então ele se estende muito além da letra, ou você pode ter ao virar da esquina. Eu realmente não estou gostando dos cantos chanfrados, então eu estou realmente indo para mudar o meu para cantos redondos. Mas o que você vai notar é que os cantos redondos se estendem além das letras. Primeiro, deixe-me mudar tudo para um canto redondo e um boné redondo. Parece que algumas das minhas letras são um pouco mais curtas A e A mais curtas. Eu vou entrar e fazer um pouco mais de ajuste. Uma coisa que realmente ajuda quando você está tentando colocar as coisas alinhadas é usar guias. Vou apertar o Comando R no meu teclado para trazer as réguas. Você vai ver isso em torno do meu quadro de arte. Em seguida, a partir da régua, se você clicar e arrastar, você pode derrubar uma diretriz. Vou trazer esta diretriz para o fundo do meu texto. Em seguida, se você colocar o guia para baixo, ele pode estar bloqueado e você não pode movê-lo, e se você decidir que deseja movê-lo, você pode entrar e fazer o Guide e, em seguida, Desbloquear Guias. Agora você pode ajustá-lo. Vou colocá-lo na parte inferior do meu E e D, e então eu vou pegar todos esses pontos de ancoragem e movê-los para cima para que a borda da curva se alinhe com a diretriz. Talvez eu mude todo o meu A para cima. Em seguida, no topo, eu só vou mover aquele A para cima para que ele alinhe com o T Você vai ver que eu estou indo fora de como a fonte se parece. Tudo bem, porque ninguém vai ver a fonte. Seus guias, se não estiverem trancados, você não pode movê-los. Vou voltar e trancar o guia, e depois terminar de ajustar minhas camadas. Não se esqueça que você pode usar suas teclas de seta para empurrar as coisas para o lugar. Vou apagar este A e copiar este outro A. Agora, vamos ter a certeza que as minhas cartas estão alinhadas no topo. Vou arrastar um novo guia, alinhá-lo no topo do D e E e continuarei ajustando. Estou feliz com isso. Eu posso simplesmente excluir minha camada de texto de referência. Então eu posso apenas selecionar todos eles clicando e arrastando para alterar a cor de todos eles. 7. Preparando-se para a animação: A última coisa que eu preciso fazer aqui no Illustrator para preparar isso para a animação é separar cada peça que eu quero animar em sua própria camada. Para este texto em particular, todas as minhas letras estão conectadas, então eu não vou ter tantas peças como eu teria se minhas letras não estivessem conectadas, elas não eram cursivas. Agora eu vou ter essa camada de letras que tem basicamente todas as minhas letras e então eu quero colocar minha cruz e meu T em uma nova camada. Vou apenas clicar no botão “Nova Camada”, arrastar isso para cima e, em seguida, clicar duas vezes para nomeá-lo e, em seguida, eu vou fazer a mesma coisa com o ponto do meu olho. Então, o resto disso, eu vou apenas citar letras. Você pode excluir sua camada de texto de referência se quiser, ou pode mantê-la lá se preferir mantê-la para referência mais tarde. Se você estiver trabalhando com letras que não são cursivas, elas não estão conectadas, então você vai querer separar cada letra em sua própria camada, ou até mesmo cada parte de cada letra em sua própria camada. Eu vou entrar na minha única camada que eu tenho aqui e basta clicar aqui e você vai ficar um pouco quadrado e então você vai subir para este menu de hambúrguer logo acima disso e, em seguida, ir para baixo para liberar camadas para e agora você verá que ele é liberado cada peça diferente, em sua própria camada. Mas todas essas camadas estão aninhadas sob esta Camada 2. A primeira coisa que eu preciso fazer é pegar tudo que está sob Camada 2 e arrastá-lo acima da Camada 2 e isso é realmente importante, você não quer que nenhuma de suas camadas seja aninhada porque no After Effects, todas elas estarão ainda sob uma camada e queremos que eles sejam todas camadas separadas. Agora, você verá que eu tenho essa Camada 2 que não tem nada nela, então eu posso simplesmente excluí-la. Então eu tenho cada peça em sua própria camada e eu vou animar cada uma delas separadamente e é realmente colocar minhas camadas guia em suas próprias camadas, bem como eu não preciso mais desses guias, então eu vou apenas selecionar essas e exclua-os. Então eu vou entrar e nomear cada parte da minha carta e ter certeza de que as camadas estão na ordem em que eu quero animá-los apenas para ser organizado e tornar mais fácil quando eu vou para animar. Eu quero ter certeza de que este A é primeiro e eu vou nomear este A e então este vai ser uma barra cruzada. Em seguida, se você tiver camadas duplicadas, basta nomeá-los A2 ou qualquer que seja a letra e, em seguida, barra transversal A2 e, em seguida, certifique-se de salvar este arquivo. Quando você trabalha entre o Illustrator ou o Photoshop no After Effects, é muito útil ter todos os arquivos de um projeto na mesma pasta ou grupo de pastas. Eu vou apenas salvar isso em uma nova pasta chamada Lettering Animation e eu vou nomear essa letra e, em seguida, eu também vou colocar isso em uma nova pasta chamada AI, modo que eu teria todos os meus arquivos do Illustrator em uma pasta. Então, mais tarde, eu também criarei uma pasta no mesmo nível que é chamada de AE para todos os meus arquivos do After Effects. Agora, se eu entrar e mudar onde meu arquivo do Illustrator está localizado depois que eu já comecei a usar no After Effects, After Effects vai aparecer com um erro informando que ele não consegue encontrar o arquivo que está procurando para. Você precisa se certificar de que está realmente organizado e, uma vez que estiver usando arquivos no After Effects para que você não os mova em sua estrutura de arquivos. Basta pressionar “Salvar” e você pode apenas pressionar “Ok” para essa mensagem e você está pronto para animar. 8. Adicionando conectores e extensões: Você também pode adicionar peças ao seu letreiro que são animadas, mas não no design final. Então, por exemplo, neste exemplo Boulder, você pode ver que entre o B e o O, eu adicionei uma linha que conecta as duas letras. Mas na letra final, não há conexão. Então o que eu fiz aqui para fazer esta linha é, no Illustrator, eu só tenho esta linha como uma peça. Então ele alinha com o B e também alinha com o O, mas é sua própria camada separada. Então você também vai notar que eu adicionei um pouco de uma extensão para o B. Então ele vem aqui e então ele continua a animar, e então eu realmente animar esta linha um pouco fora, então termina aqui. Vamos dar uma olhada nisso de novo. O B começa aqui anima e acaba aqui. O que você faz no ilustrador é, basta adicionar uma pequena extensão à sua linha, mesmo que esta seção não seja visível na peça final. 9. Importando no AE: Depois de ter todos os seus textos separados em camadas e prontos para animar, então atire após os efeitos. A primeira coisa que você vai fazer é ir para Arquivo, Importar, Arquivo ou pressionar Comando I. Em seguida, basta navegar até o arquivo que você está procurando e selecioná-lo aqui. Em seguida, certifique-se de ter Importar como, alterá-lo de Gravação para Composição, Manter tamanhos de camada. Se você não estiver vendo essas opções, clique neste botão de opção aqui. Composição, Manter tamanhos de camada e clique em Abrir. Agora você pode ver que depois que os efeitos são importados, sua arte artística do Illustrator aqui no painel do projeto. Um passeio rápido de efeitos após. O painel do projeto é onde tudo o que você importa e, em seguida, tudo o que você criar vai viver. São todos os seus bens. Então, no centro aqui, agora você vê uma nova composição, mas é aqui que geralmente veremos o que estamos criando. Em seguida, no fundo aqui, você tem sua linha do tempo. Deixe-me abrir esse arquivo de letras que acabei de importar do Illustrator. Vou clicar duas vezes nele para abri-lo, e você pode ver aqui na minha linha do tempo, agora estou dentro desse arquivo e posso ver as camadas que criei no Illustrator. Você pode ver através da linha do tempo que temos alguns códigos de tempo, e então você pode ver que você tem barras para cada uma dessas camadas. Onde você vê uma dessas barras é onde esse gráfico ficará visível em sua linha do tempo. Se eu pegasse essa camada de letras, e então arrastasse a barra para longe, você pode ver que não há nenhum bar aqui, e portanto, você não pode ver fora neste momento na animação. Posso arrastar meu indicador de reprodução ao longo da linha do tempo para ver qualquer animação que eu tenha criado. Eu só vou desfazer isso, então eu não quero fazer isso. O primeiro passo aqui é apenas clicar em sua camada de letras, clique com o botão direito do mouse, vá até Criar, Criar formas de camada de vetor. Então o que isso vai fazer é criar uma nova camada. Você verá se você entrar nessa camada, você tem conteúdo, grupo e então você tem esse caminho, e esse é o caminho exato que desenhamos dentro do Illustrator. Você pode realmente simplesmente excluir esta camada de letras original, porque nós não vamos precisar dela. Se você alguma vez precisou voltar para ele, talvez você tenha bagunçado algo e você quer começar de novo, você pode encontrá-lo sob a pasta no painel do projeto chamado lettering layers, ele salvou cada camada aqui por conta própria. Eu realmente não preciso fazer isso no ponto no olho porque eu vou estar animando de uma maneira diferente, mas eu preciso fazer isso na cruz e no t. Eu só estou indo para Criar, Criar Formas de Vector Layer, e exclua esta versão ilustrativa. Se você estiver trabalhando com letras sem script, você também precisará executar esta etapa. Este é um bom momento para mencionar as configurações de composição. Neste arquivo eu não fiz um fundo, e tudo bem, eu sempre posso fazer um fundo em After Effects. Mas eu só vou entrar em Composição, Configurações de composição ou Comando K, para exibir minhas configurações de composição. Aqui eu posso ver que ela é automaticamente feita uma composição que é do mesmo tamanho que a prancheta que eu tinha no Illustrator. Isso é 1,920 por 1.080, e minha taxa de quadros está definida para 30. Isso é o que eu costumo gostar de animar, é melhor sempre animar em números inteiros para tornar as coisas mais fáceis para si mesmo, mas você pode cair para algo como 24, ou mesmo 15, se você quiser que seja mais um desenho animado, olhar nervoso. Vou ficar com 30. Então você também pode ver que a duração da minha composição é de três segundos e um quadro. Mas eu sempre posso mudar isso mais tarde quando eu souber quanto tempo minha animação vai durar. Então eu vou entrar e mudar minha cor de fundo para branco, só para que seja mais fácil de ver, e aperte Ok. Então eu posso realmente entrar, e clicar e arrastar para selecionar todas as minhas camadas, clicar com o botão direito do mouse, ir para Criar, Criar formas de camada vetorial, e é criado todas essas formas ao mesmo tempo. Eu posso simplesmente voltar e excluir as camadas do ilustrador, porque eu não vou precisar delas por enquanto. 10. Aparar caminhos: Agora que tenho minha camada de letras convertida em contornos, estou pronto para animar. Vou alternar para baixo com este pequeno triângulo ao lado dos contornos das letras. Vou alternar para baixo novamente ao lado do conteúdo e, em seguida, ao lado do grupo. Na verdade, vou até 'Adicionar' neste pequeno círculo, botão triângulo. Eu vou clicar nisso, e então eu vou descer para aparar caminhos. Isso vai adicionar outra propriedade sob a minha camada. Eu vou alternar aqui também, e então você verá início, fim e deslocamento. Estas são as coisas que você pode animar para fazer suas letras direito em. Neste momento, o fim está a 100 por cento. O que eu vou fazer é definir um quadro-chave como um segundo, e para definir um quadro-chave, você vai apertar este cronômetro ao lado da propriedade que você deseja definir. Vou acertar o cronômetro do lado do fim. Então eu vou voltar para zero e eu vou deslizar isso todo o caminho para baixo para zero. Agora você pode ver que minhas letras se foram. Se eu jogar com isso, clique na barra de espaço ou arrastando minha cabeça de jogo pela linha do tempo. Posso ver que as minhas letras estão a escrever. Agora você pode ter o mesmo problema que eu e que suas letras estão escrevendo na direção errada. O que você pode fazer aqui é ao lado do caminho, você verá esta pequena seta e você pode simplesmente mudar isso, e agora meu letreiro está indo na direção certa. Você tem algumas opções com esses caminhos aparados. Você também pode animar suas letras de dentro para fora. Deixe-me mostrar-lhe como isso seria. Vou clicar neste cronômetro novamente para excluir meus dois quadros-chave. Depois, com o meu indicador de reprodução em zero frames, vou definir o meu início para 50 e o meu fim para 50. Então eu vou bater os relógios de parada para criar quadros-chave. Então eu vou seguir em frente no tempo com minha cabeça de jogo e então eu vou definir o início de volta para zero e o fim para 100. Então, quando eu tocar de volta, você pode ver que as letras se animam do centro para fora. Eu realmente queria da primeira maneira, então eu só vou ajustar isso de volta para zero e eu tenho uma animação em. O que eu posso realmente fazer agora é selecionar os caminhos de corte, pressionar “Comando C” para copiar, e depois certificando-se de que minha cabeça de jogo está em zero, eu posso colar essa animação na cruz T. Vou colar, e então se você pressionar “U” no teclado, ele vai mostrar todos os quadros-chave que você tem nessa camada. Você pode ver que eu agora tenho meus quadros-chave final no T. Mas o T está indo super lento porque é muito mais curto de uma linha, então eu vou apenas ajustar o tempo disso e talvez eu até queria vir depois que a letra é animada. Eu posso apenas selecionar esses quadros-chave clicando e arrastando sobre ambos para selecionar os dois, e depois arrastá-los sobre a minha linha do tempo e não precisa demorar tanto. Talvez eu arraste este quadro-chave para a esquerda, e vamos ver como é. Agora talvez eu queira que a minha cruz T venha, talvez por aqui, para que eu possa simplesmente deslizar os quadros-chave. Vamos ver como isso se parece. Acho que vou mantê-lo assim. Para o ponto no olho, vou animar esta escala. Se eu alternar para baixo para transformar, você verá que você tem todas essas propriedades diferentes que você pode animar. Você poderia animar a opacidade. Ele poderia simplesmente desaparecer, algo assim ou você poderia animar a escala ou posição, você pode ter como saltar ou algo assim. Mas eu vou fazer escala, então eu vou provavelmente por aqui, apertar o cronômetro para fazer um quadro-chave para 100 por cento e depois voltar no tempo e então eu posso apenas clicar no valor de 100 e inserir zero no meu teclado. Há algumas maneiras de pisar quadros-chave como você pode ter notado, você pode arrastar esses controles deslizantes ou você pode digitar o valor. Depois de definir o primeiro quadro-chave em uma propriedade, o cronômetro já estará azul e, portanto, você não precisará clicar no relógio de parada novamente. Na verdade, se você clicar no stop watch novamente, ele excluirá seu quadro-chave, então certifique-se de que não faça isso. Agora tenho o meu olho a aumentar. Não se esqueça de salvar seu arquivo de efeitos secundários. Você pode ir para “Arquivo Salvar” ou “Comando S” e, em seguida, basta navegar para onde deseja salvá-lo. Eu gosto de ter uma pasta de projeto e, em seguida, dentro que eu tenho uma pasta ilustrador e, em seguida, eu vou criar outra pasta aftereffects. Então eu vou dizer meu arquivo de efeitos secundários dentro disso. A razão pela qual eu tenho uma pasta para o meu arquivo de efeitos secundários é que ele vai salvar automaticamente arquivos e assim ele vai construir nesta pasta. Eu também gosto de duplicar meus arquivos no caso algo ficar confuso e eu quero voltar para uma versão anterior. 11. Lettering com letras de forma: Agora eu vou animar esses textos de letras indescritíveis. Eu só vou entrar no mesmo que eu fiz com as letras do script e ir para Add Inter Paths. Eu vou alternar para baixo e eu vou tentar fazer todas as letras animar sobre a mesma velocidade. Se pensares na distância que o teu lápis teria de percorrer. Se você está realmente escrevendo essas letras, você pode ver que o a tem dois segmentos e, em seguida, o n teria três segmentos e então eu teria um. Vou tentar cronometrar isso de acordo com a animação. Para o a desde tem dois segmentos, vamos apenas tornar mais fácil e usar estes guia de código de tempo. Vou fazer dois segmentos serem 10 quadros. Um segmento será de cinco quadros. Vou apenas apertar o cronômetro final para criar um quadro-chave para um 100 por cento no valor n. Depois voltarei ao zero e reduzirei isto a zero. Agora o A está se animando. Então eu vou animar a cruz do a. Eu só vou copiar esses caminhos aparados, então Comando C e, em seguida, selecione a barra transversal e pressione Command V. Então, se eu apertar U no meu teclado, ele vai me mostrar qualquer quadro-chave que eu defini para esta camada. Esse é o que eu acabei de colar. Esta é uma barra transversal é muito curta. Eu só vou pegar este último quadro chave e arrastá-lo para a esquerda para torná-lo uma animação mais rápida. Então, quando isso sair, eu vou começar a animação n então eu vou Comando V, Eu ainda tenho os mesmos caminhos de tendência copiados, aperte U e então eu posso ver meus quadros-chave. Vamos apenas tornar isso fácil e começar em 15 quadros. Este N tem três segmentos, então eu só vou trazer este quadro-chave para a direita para torná-lo ter três vezes 5 quadros, então 15 quadros. Então eu vou apenas ajustar este quadro chave um pouco. Então eu vou fazer a mesma coisa para o I. Comando B bateu U. O I tem um segmento, então eu vou apenas trazer isso para que leva cinco quadros em m. A mesma coisa no m. Vamos dizer que o m tem três segmentos, então vamos fazer 15 quadros. Então o a, o que eu poderia fazer é apenas pegar este um e copiá-lo, colá-lo, e movê-lo sobre este a. Se eu tivesse uma animação muito precisa no primeiro dia que eu fiz e eu não quero tentar replicar isso no segundo, mas isso é bastante simples s Eu estou indo apenas para comandar V para colar os quadros-chave. Comando V novamente para colar esses quadros-chave e fazer isso um pouco mais rápido. Então vou continuar com isso. Vamos ver como isto se parece. Lembre-se, se alguma de suas cartas estiver indo para o lado errado, você pode entrar. Digamos que eu queria que este D fosse na outra direção. Você pode simplesmente entrar e mudar a direção do caminho e, em seguida, ele vai animar de outra maneira. Vou mantê-lo como era. Se eu simplesmente não tiver nenhuma camada selecionada e eu pressionar U na minha palavra-chave, isso irá trazer todos os quadros-chave que eu tenho em todas as minhas camadas. Então este pequeno controle deslizante da montanha aqui embaixo, que permite que você amplie sua chave para ele para que ele apenas expanda sua linha do tempo. Eu vou levar isso até o fim do zoom para que eu possa ver tudo na minha linha do tempo. Vamos ver, isso leva um pouco mais de três segundos para animar n. Eu acho que é um pouco lento. Talvez eu queira que minhas animações se sobreponham. O que eu posso fazer é apenas entrar e selecionar ambos os quadros-chave clicando e arrastando em cima deles e então eu posso apenas movê-los um pouco mais. Talvez assim, mova estes para cima. Certificando-se de que a palavra ainda está indo para animar na mesma ordem para que as letras que estão depois um não vão começar antes de a. Eu só estou me certificando de que eu não estou trazendo estes muito longe para a esquerda, mas trazendo-os mais sobrepostos. Não há maneira certa ou errada de fazer isso. Você poderia começar sua carta de dentro para fora. Teria que tudo começasse no topo. Loja de tudo na esquina. Você pode fazer isso como quiser. Apenas brinque com ele e veja o que parece bom para você. Vamos dar uma olhada nisso. Ok, parece que meu, eu e meu estamos um pouco próximos demais. Vamos ver. Vai ser esse cara e esse cara. Eu só vou pegar esses quadros chave de volta um pouco e este pode estar um pouco perto. Você pode realmente selecionar quadros-chave de diferentes camadas ao mesmo tempo. Se eu clicar e arrastar sobre todos esses quadros-chave, posso movê-los todos de volta ao mesmo tempo e você sempre pode arrastar sua cabeça de reprodução sobre sua linha de tempo para vê-lo em câmera lenta. 12. Suavização: Vamos adicionar alguma flexibilização aos nossos quadros-chave para tornar a nossa animação um pouco mais interessante. Então, se você não sabe o que eu estou falando sobre aliviar, deixe-me apenas mostrar-lhe um exemplo rápido que eu criei. Então eu tenho duas formas que vão se mover apenas através da tela, e agora você pode ver que eles têm esses pequenos quadros-chave de diamante, e esses são quadros-chave lineares. Se você entrar em seu editor de gráficos, para selecionar seus quadros-chave primeiro, vá para o editor de gráficos, você pode ver um gráfico da posição dos quadros-chave, ao longo do tempo. Então, uma vez que esta linha é reta, isso significa que eles têm a mesma velocidade o tempo todo. A coisa boa sobre o editor de gráficos é que você pode realmente ver diferentes tipos de gráficos. Este é o valor ao longo do tempo, e esta é a velocidade ao longo do tempo. Você pode ver aqui que a velocidade é uma constante como 540 pixels por segundo. A flexibilização é quando sua animação não é linear. Eu só vou aliviar esses quadros-chave no círculo roxo. Eu só vou destacar os quadros principais. Botão direito. Vá até o assistente de quadro-chave e, em seguida, fácil facilidade ou o atalho é F9. Agora você verá que eu tenho uma forma diferente de quadro-chave, como uma ampulheta. Se eu jogar isso de volta, você verá que no início o círculo roxo está indo lentamente, então ele acelera. Você pode ver isso porque ele alcança o outro, então ele vai devagar novamente. Se eu olhar para isso no editor de gráficos, eu posso ver que ele tem este belo arco no gráfico de velocidade. Então, em começar devagar, indo rápido no meio e terminando devagar. Você também pode olhar para o gráfico do valor ao longo do tempo, se isso é mais fácil para você entender, se você está se perguntando por que há duas linhas aqui. A linha vermelha representa a posição x e a linha verde representa a posição y. Como eu não tenho nenhum movimento no eixo y para cima e para baixo, é por isso que essa linha é reta. Não está mudando. Então é isso que colocar a flexibilização em seus quadros-chave significa. Você pode ajustar a flexibilização também. Uma maneira de fazer isso é entrar no seu editor de gráficos clicando neste botão aqui. Em seguida, você pode clicar neste gráfico e realmente ajustar as alças. Agora vamos jogar isso de volta. Vai ser muito rápido e, em seguida, muito lento. Você pode ajustá-los da maneira que quiser. Isto é dispara e depois vai muito devagar ou começa devagar, e então vai rápido. Vamos facilitar os quadros-chave em nossas letras. Vou apenas clicar e arrastar sobre todos os meus quadros-chave para selecioná-los. Em seguida, clique com o botão direito do mouse em assistente de quadro-chave Vamos jogar isso de volta. Está parecendo um pouco mais interessante. Uma coisa que podemos fazer é ajustar o editor de gráficos. Vamos para o gráfico de velocidade. Então eu vou clicar e arrastar na parte inferior dos gráficos, para selecionar todos esses pontos, e então basta pegar a pequena alça e arrastá-la para a esquerda. Vamos fazer isso, assim. Então vamos pegar a outra alça e arrastá-la um pouco para trás. Agora vamos ver como isso se parece. Estou gostando do que isso parece. Agora vou passar para a palavra lettering. Mais uma vez, vou apenas clicar e arrastar sobre todos os meus quadros-chave para selecioná-los. Em seguida, clique com o botão direito do mouse em qualquer um dos Vá para o assistente de quadro-chave e fácil atenuação de relógios. Dê uma olhada no que isso parece. Acho que é um pouco rápido porque todo esse buraco de letras está conectado. Está indo muito rápido no meio dessas letras. Eu só vou para esses quadros-chave no editor de gráficos e apenas tirar isso um pouco para baixo, então eu vou torná-lo um pouco mais linear. Estou mantendo pressionada a tecla “Shift” para ter certeza de que vou mover essa alça para cima ou para baixo. Farei a mesma coisa no final. Vamos fazer as alças do mesmo tamanho. Então vá em frente e adicione flexibilização aos seus quadros-chave. Agora que o editor de gráficos pode ser um pouco intimidante se Aftereffects é novo para você. Lembre-se de que você sempre pode usar essas predefinições, saber se você acabou de selecionar seus quadros-chave, ir até o assistente de quadros-chave e, em seguida, fácil e fácil. Na verdade, há algumas outras predefinições que você pode usar, que são fáceis de facilitar em um aplicativo fácil de facilidade. Primeiro eu vou apenas definir estes de volta para quadros-chave lineares, para ter certeza de que eu não estou combinando qualquer flexibilização. Para fazer isso, eu só vou ter eles selecionados, e em seguida, clique em um quadro-chave, enquanto mantém o comando. Isso só vai definir seus quadros-chave de volta para quadros-chave lineares. Em seguida, com esses quadros-chave selecionados, vou clicar com o botão direito do mouse, ir para o assistente de quadros-chave e, em seguida, facilitar a entrada. Então eu vou para os cabeçalhos do gráfico. Podemos ver o que isso fez. O que eu vejo aqui é que ele vai começar a se animar muito rapidamente, linear no início, então no final ele vai diminuir e diminuir a velocidade. Se eu desfazer isso e então eu vou te mostrar como é fácil de sair. Isso é exatamente o oposto. Começa devagar, rampa para cima e, no final, é linear. Você sempre pode usar essas três predefinições diferentes, se você não quiser mexer com o editor de gráficos. Mas eu recomendo dominar o editor de gráficos, porque ele pode realmente melhorar suas animações. 13. Animando conectores e extensões: Alguns vídeos atrás, eu mostrei este exemplo de Boulder Colorado e como você pode ter extensões ou conectores entre suas letras. Neste vídeo, eu vou mostrar a vocês como realmente animá-los. Então você pode ver neste B, eu tenho um pouco de comprimento extra para o B. Está começando bem aqui, mas então termina aqui. Vamos entrar na composição e deixa-me mostrar-te as minhas chaves. Estamos olhando para esta parte do B. Eu só vou acertar esta caixinha embaixo do ponto e isso significa que eu só vou ver esta camada, ela está solada. Agora você pode ver que é a única coisa que aparece e que pode ser uma boa maneira de focar o que você está olhando. Este fim da linha é considerado o início da linha e você pode ver o início da linha, começa no início. Então isso está em zero por cento. Então eu tenho um chave-frame para o início em zero por cento e o fim é este fim da linha. Então isso começou em zero também. Então eu tenho quadros-chave para o início e o fim em zero por cento, e ele se anima porque o fim da linha está indo para 100. Então isso significa que o fim da linha vai ser de 100 por cento através. Vai ser no final do caminho real. Então você pode ver que o início da linha vai acabar em 19%, que é bem aqui. Como esta animação é reproduzida, você tem o fim indo para 100 por cento e o começo apenas indo para 19. Então, enquanto ele está animando, ele também está animando apenas essa pequena quantidade, e isso é a mesma coisa que eu fiz com o topo também. Então, para a conexão entre minhas duas letras, eu tenho essa pequena linha fazendo um pequeno loop para loop chegando, e então ele simplesmente desaparece. Vamos ver essas chaves. Você pode ver que o começo, eu tenho tanto o meu começo como o fim definidos para zero, então nada está mostrando. Então o fim da linha vai animar até 100 por cento, então isso significa que vai ser neste final do caminho. Mas então o começo também vai acabar em um 100 por cento. Isso significa que a minha linha terá desaparecido, mas, nesse tempo, percorrerá este caminho. Mas se você definir os quadros-chave inicial e final para começar em zero por cento, termine em 100 por cento e ambos os quadros-chave começam e terminam no mesmo lugar e você tem a mesma atenuação neles. Então eu estou indo apenas para o comando, clique sobre estes quadros-chave para se livrar da flexibilização. Você vai notar que você não vê nada. Isso é porque o começo e o fim estão exatamente no mesmo lugar, então nada aparece. Deixe-me apenas desfazer isso e você vai notar que para um eu tenho flexibilização diferente em meus quadros-chave e você pode ver isso aqui. Eu também escalonou o chave-frame de início para que o início chegue a 100% um pouco depois que o fim do chave-frame faz. Dessa forma, você pode ver que esta linha cresce um pouco e então ela encolhe, e então ela desaparece e isso é porque é apenas um conector entre duas letras e eu não quero que ela apareça no meu design final. Na minha animação da palavra lettering, eu realmente não adicionei quaisquer extensões ou conectores, mas agora que eu vejo, eu acho que poderia ser legal adicionar uma conexão no final deste G que se estende além do G e vai para o ponto no I. Então, eu não fiz esta linha no Illustrator, mas não é tarde demais eu posso fazer isso em After Effects. Então eu vou te mostrar isso agora. Então eu vou até essa barra de ferramentas de cima e pegar minha ferramenta de caneta. Então, assim como no ilustrador, eu posso desenhar uma linha mas eu não quero que esta linha tenha este preenchimento roxo. Então eu vou até o topo onde diz preencher. Clique em “Preencher” e, em seguida, você receberá esta pequena caixa de opção e você pode simplesmente apertar o botão “Sem preenchimento”. Eu quero que isso tenha um traço branco de 30 pontos, então eu já defini branco no meu seletor de cores e, em seguida, traço eu posso apenas definir para 30. Agora você vai notar que ele tem uma tampa de inseto no final da extremidade plana e eu queria ter por perto e como o resto da minha linha. Então eu vou apenas alternar para baixo na minha camada de forma em conteúdo, forma, traçado e, em seguida, mudar a tampa de linha para uma tampa redonda e se eu for e clicar no “Caminho de nível superior” bem aqui onde diz Caminho Um, eu posso entrar e ajustar os pontos no meu caminho. Agora, se você clicar na parte inferior, aquela com o cronômetro ao lado, você vai ter todo o caminho selecionado e você pode mover a coisa toda. Basta ter cuidado para selecionar o caminho certo para o que você quer fazer. Clique em Path e, em seguida, basta fazer isso um pouco mais rodada. Então agora eu vou animar essa linha chegando e depois indo para o I, mas também animando o final inicial da linha fora. É como uma pequena série que vai para o I e então eu estou fazendo isso uma peça separada da minha letra porque eu quero que este final para animar fora ao mesmo tempo que ele está animando até aqui. Primeiro vou adicionar um caminho de termo a esta linha. Então, clicando em “Adicionar” e depois em “Trim Caminhos” e então deixe-me descobrir onde minha vibração termina. É sobre aqui. Então eu vou apenas definir um chave-frame no início e no final desta nova extensão. Então eu vou bater em você no teclado só para me dar um pouco mais de espaço. Então eu vou arrastar o fim da linha para baixo para zero por cento. Em seguida, avançar no tempo talvez sobre aqui e, em seguida, o fim vai ser em um 100 por cento e começar será também em um 100 por cento. Agora você não vai ver nada porque estes têm a mesma flexibilização e ambos começam em zero e vão para um 100. Então eu preciso fazer é deslocar o início do meu caminho, então eu posso simplesmente arrastar os dois quadros-chave e agora você pode ver que a linha está aparecendo. Então, se eu apenas pegar este chave-frame início e colocá-lo no mesmo ponto que o meu chave-frame final. Minha linha vai começar bem pequena e depois crescer. Vamos fazer isso parecer um pouco melhor adicionando alguma flexibilização. Então eu vou apenas clicar e arrastar sobre meus quadros-chave, clicar com o botão direito do mouse e ir para Fácil Facilidade. Vamos ver como isso se parece. Parece um pouco rápido, então eu vou apenas selecionar os dois quadros-chave final e arrastá-los para fora um pouco. Está parecendo melhor, e se eu quiser que minha linha seja um pouco maior, então é um pouco mais perceptível. Se eu arrastar essa chave de início para frente no tempo, você verá que ela torna a linha um pouco mais longa porque o início da linha vai demorar um pouco mais para animar. Então, vamos ver como isso se parece. Vamos nos certificar de que o ponto do I não vai entrar antes da linha. Então é como se a linha estivesse fazendo o ponto entrar. Além disso, se você olhar realmente de perto, a linha não está completamente alinhada com o ponto. Então eu posso realmente voltar e ajustar meu caminho um pouco para que ele se alinhe melhor. Talvez assim. Agora eu quero ter certeza que o ponto no I e que esses quadros-chave estão começando talvez aqui. Vamos ver se isso parece certo. Sim, assim como a linha entra e faz com que o ponto no I entre. Eu também decidi adicionar uma extensão ao L, então minha animação começa e termina de forma semelhante. Eu fiz essa extensão no L da mesma maneira que eu fiz a conexão entre o G e o I. Você vai notar que eu tive que mover minhas camadas para a frente a tempo para caber nesta nova animação no início. Então vá em frente e veja como você pode adicionar alguns pequenos conectores ou extensões interessantes às suas cartas para tornar sua animação um pouco mais interessante. 14. Adicionando uma textura: Se você quiser animar letras com uma textura, mostrarei como fazer isso agora com este exemplo Explore Colorado. Se você já tiver um arquivo do Photoshop com sua textura de letras, pode ignorar este vídeo. Neste vídeo vou mostrar como passei do meu design no Illustrator para um arquivo texturizado do Photoshop. Então, no próximo vídeo, aprenderemos como animá-lo. Criei meu design no Illustrator, então, vou mostrar como posso colocá-lo no Photoshop. Se você já tem seu design no Photoshop, mas ele ainda não está texturizado, basta segurar firme por alguns segundos. Separei todas as peças que quero animar em suas próprias camadas. Para ir do Illustrator para o Photoshop, a primeira coisa que precisamos fazer é ir para Arquivo, Exportar, Exportar Como então você vai querer ter certeza alterar o formato do arquivo para um arquivo PSD e, em seguida, basta clicar em Exportar. Você pode alterar sua resolução para 72 pixels, se quiser, e certifique-se de que as camadas corretas estão marcadas e, em seguida, basta pressionar Ok. Depois de exportar seu arquivo PSD, basta clicar duas vezes nele para abri-lo no Photoshop. A primeira coisa que quero fazer é agrupar todas as minhas camadas. Se suas camadas não estiverem separadas e já estiverem completamente, você poderá pular esta etapa. Eu só vou selecionar da minha árvore para o meu E, para todas as camadas de design, mas não o fundo. Clique com o botão direito e vá para Agrupar de camadas. Só vou dar um nome a isto, letras. Uma maneira fácil de obter uma textura é apenas tirar uma foto em seu telefone de algo que tem textura para ele. Tirei esta foto da minha calçada e vou arrastá-la para o Photoshop. A primeira coisa que vou fazer no meu painel de camadas, basta clicar duas vezes para desbloquear a camada. Precisamos converter isso em uma camada em preto e branco que possamos subtrair os pixels pretos do nosso design, o design de letras. Vou primeiro subir para Image, Mode e depois Tons de Cinza e apertar Descartar. Mas na verdade não queremos nenhum cinza em nossa foto, só queremos negros e brancos. Eu vou para Imagem, Ajustes, Níveis ou Comando L, então eu vou apenas arrastar esses controles deslizantes de nível até obter uma imagem principalmente preto e branco. Lembre-se que as partes pretas são o que você vai cortar fora do seu design. Isso parece muito bom para mim, então eu vou apenas bater Ok. Em seguida, pressione Comando A para selecionar tudo, Comando C para copiar e, em seguida, você vai pressionar Excluir para excluir tudo. Pressione Q para entrar no modo Máscara Rápida, e se você for para seus Canais, você pode ver que há uma Máscara Rápida lá, em seguida, pressione Command V para colar e parece rosado, tudo bem. O que fizemos foi apenas colar as áreas pretas nesta Máscara Rápida e, em seguida, pressione Q novamente para sair do modo Máscara Rápida. Certifique-se de que você tem tudo selecionado e parece que ele está se movendo como o meu, e vá para Selecionar, Inverse, em seguida, vá para Editar, Preencher e, em seguida, adicione um preenchimento preto. Certifique-se de que você selecionou preto aqui e aperte Ok. Em seguida, você pode pressionar o Comando D para cancelar a seleção. Agora, o que fizemos foi excluir todas as áreas brancas da imagem, e nós apenas temos esses pixels pretos. Vamos adicionar esta textura ao nosso letreiro. Pressione Comando A para selecionar tudo, Comando C para copiar, e depois vá para o arquivo Lettering e pressione Command V para colar. Então eu vou clicar na minha camada e apertar Command T porque minha textura é muito maior do que a minha peça de letras. Eu só vou encolher isso e tentar posicioná-lo de uma forma que a textura vai ficar bem em minhas cartas. Em seguida, basta clicar em Enter quando terminar. A próxima coisa que você deseja fazer é mover sua camada de textura e suas letras para o mesmo grupo. Primeiro vou dar um nome a isto, textura. Em seguida, selecionando ambos, vou clicar com o botão direito do mouse e pressionar Agrupar de camadas e nomear essa letra texturizada. Então eu vou alternar para baixo para o meu grupo, clique duas vezes na textura e, em seguida, em Combinação Avançada, bem aqui, eu vou definir a Opacidade de Preenchimento 0 e o Knockout para Superfície e, em seguida, apenas pressione Ok. Agora você pode ver que ele adicionou a textura ao meu letreiro. Se você quiser adicionar uma borda sólida à borda de suas letras como eu fiz no meu projeto final, eu vou te mostrar como fazer isso agora. A primeira coisa que eu vou fazer é entrar no meu grupo de letras texturizadas, então eu vou duplicar este grupo de letras, ou você pode tê-lo como apenas uma camada. Clique com o botão direito do mouse, vá para Duplicar, e então eu vou apenas nomear essa borda de letras. Vou arrastá-lo para fora deste grupo para que ele não esteja dentro do grupo. Agora vou clicar duas vezes na borda de letras que acabei criar e, em seguida, em Combinação Avançada, vou arrastar a Opacidade de Preenchimento para 0. Então eu vou para Inner Glow, você pode mudar a quantidade de ruído se você quiser, eu vou deixar o meu aos 15. Verifique se a Técnica está definida como Suave e se a Fonte está definida como Borda. Você pode ver uma pequena visualização de como ele vai ficar aqui, ou realmente em sua imagem também. Se você tiver o botão Visualizar marcado. Se você quisesse, você poderia realmente tê-lo no centro se você gosta mais dessa. Eu vou manter o meu no limite e então você pode ajustar o estrangulamento para tornar sua linha sólida mais espessa. Você pode ajustar o tamanho para torná-lo um desbotamento maior ou menor. Vou deixar o meu com estas configurações e apertar Ok. Agora, se você olhar de perto, você notará que no Explorer podemos ver muito mais da textura áspera dentro das camadas. Mas como nosso Colorado e nossos raios solares são traços mais finos do que as camadas Explorer, não podemos realmente ver tanta textura. Eu quero ajustar a textura apenas para essas camadas. O que eu vou fazer é apenas duplicar este grupo de borda de letras. Eu vou duplicar grupo, e eu vou fazer esta borda de letras fina para traço fino. Depois o meu outro, o meu original, vou fazer a borda das letras grossa. Então eu vou alternar para baixo, e vamos apenas esconder tudo com a borda de letras camada grossa no fundo. Então eu vou deletar tudo que não é uma letra grossa, então eu vou deletar o Colorado então o C O, tudo isso. Vou apagar os raios. Então eu vou fechar isso, escondê-lo e mostrar minha borda de letras fina, alternar para baixo, e eu vou excluir todas as camadas grossas aqui. E X as árvores e o sol. Vou alternar isso de volta e mostrar todas as minhas camadas novamente. Então eu vou para o Brilho Interno da borda da letra fina. Vou clicar duas vezes nisso e vou trazer esta caixa de volta. Então você pode apenas ajustar o estrangulamento e o tamanho para que ele funcione melhor para suas letras mais finas acariciadas, talvez algo assim, e então apenas pressione Ok. Neste ponto, certifique-se de que você salvou seu arquivo, então é realmente uma boa idéia fazer uma duplicação neste momento caso você queira voltar e editar qualquer uma das texturas ou bordas que acabamos criar porque o que vamos fazer a seguir vai torná-lo ireditável. Vou apenas duplicar este PSD. Acabei de guardá-lo, então, vou apertar o Comando D e depois nomear este editável. Então eu ainda estou trabalhando no meu mesmo Explore Colorado PSD, o que eu vou fazer é selecionar todas as camadas de design, então tudo menos o fundo, e, em seguida, clique com o botão direito do mouse e pressione Mesclar camadas. Agora o que eu tenho é todo o meu design em uma camada. É importante assar em sua textura assim, porque se você importasse para After Effects como acabamos de ter com as três camadas diferentes, o After Effects não reconheceria esse brilho interno. É por isso que temos de fazer este passo. Vou renomear esta camada e salvar meu arquivo. Em seguida, vamos animar isso no After Effects. 15. Importando um arquivo .psd: A primeira coisa que precisamos fazer é importar todos os nossos arquivos para o After Effects. Vou para Arquivo, Importar Arquivo ou comando I e, em seguida, basta selecionar o arquivo PSD. Certifique-se de que eu tenho Importar como definido para composição reter tamanhos de camada. Se você não vir essas opções, basta clicar neste botão de opção aqui em baixo e, em seguida, pressionar, Abrir. Em seguida, basta escolher novamente camadas editáveis e pressione, Ok. Então, se eu passar para o painel do projeto e clicar duas vezes no Explore Colorado, abro meu arquivo do Photoshop e tenho as duas camadas que eu não tinha photoshop, a camada de design e o plano de fundo. Se você criou seu design e o ilustrou, você poderá economizar algum tempo aqui. Vou mostrar-te isso primeiro. Eu estou indo para ir comando I para importar meu arquivo do Illustrator. Selecione o arquivo do Illustrator, verifique se a composição Importar como retém os tamanhos da camada e, em seguida, pressione Abrir. É chamado de Explore Colorado 2, porque eu já tinha uma comp, que é meu arquivo PST chamado Explorar Colorado. Eu só vou entrar no meu Explore Colorado 2, que é a versão AI. Eu posso ver que eu tenho todas as minhas camadas ilustradoras separadas, assim como eu tinha isso no ilustrador. Agora, se você não tiver iniciado no Illustrator e não tiver esse arquivo do Illustrator, o que você pode fazer é dentro da composição do Photoshop no After Effects é simplesmente entrar e rastrear todas as letras com a ferramenta de caneta. O que precisamos fazer é criar uma linha que possamos animar. Podemos animar estas cartas. Vou te mostrar como rastrear essas cartas no After Effects. Vá para o seu painel superior aqui com todas as suas ferramentas e selecione a ferramenta Caneta, que é esta aqui, e você vai entrar e certifique-se de que seu traçado aqui está definido para uma cor que você vai ser capaz ver que vai aparecer em cima do seu design, e não se preocupe, você não vai ver esta cor na sua peça final. Então você não quer ter um preenchimento, então clique na palavra, Preencher e, em seguida, clique na opção, Nenhum e clique em, Ok. Você só vai desenhar com a ferramenta de caneta como faria no Photoshop ou no Illustrator. Basta tentar rastrear suas cartas o mais próximo que eles estão na versão original que você pode. Mas não se preocupe em ser perfeito na primeira vez que fizer isso porque é muito fácil voltar e se ajustar. Você quer rastrear cada pedaço de sua carta separadamente, então agora eu tenho o E. Vou voltar para a minha ferramenta de seleção. O atalho é V, e então eu vou entrar e ajustar esses pontos, então é um pouco mais alinhado. Se você precisar selecionar seu caminho novamente porque ele foi desmarcado, você deseja ir para a camada de forma que você acabou de criar, alternar para baixo e depois ir para o caminho. Você só quer selecionar essa camada ali, e isso irá selecionar o caminho para que você possa editá-la. Se você alternar para baixo e selecionar este caminho de camada inferior, você pode realmente mover a coisa toda se você estiver um pouco desligado por algum motivo. Ao selecionar este caminho de camada superior, você pode ajustar os pontos reais. Diga que você queria adicionar um ponto porque você não pode realmente obter este exato com os pontos que você tem aqui. O que você precisa fazer é ir até a ferramenta Caneta, clique e segure e, em seguida, vá para adicionar ferramenta de vértice. Se você precisar subtrair um ponto por qualquer motivo, você também tem o vértice delete bem aqui. Eu vou adicionar ferramenta de vértice e, em seguida, basta adicionar um ponto aqui, e então eu vou voltar para a minha ferramenta de seleção para que eu possa ajustar esses pontos. Você vai notar que as extremidades dessas linhas são planas e eu quero que elas sejam arredondadas. O que eu posso fazer é entrar em acidente vascular cerebral, em seguida, onde ele diz Linha Cap, mudá-lo de Butt Cap para Round Cap. Então eu vou alternar para cima na camada de forma. Basta pressionar, Enter para nomeá-lo. Eu posso digitar, pressionar enter novamente, e então eu vou selecionar qualquer lugar na minha linha do tempo que não seja o E, que ele seja desselecionado, paraque ele seja desselecionado, e então eu vou repetir esse processo com a ferramenta Caneta para desenhar o resto das minhas letras em. Agora, se você tem um arquivo do Illustrator como eu tenho, você não precisa rastrear todas as suas cartas novamente. Eu só vou excluir essas duas camadas, e eu vou entrar para a minha versão ilustradora, que é o Explore Colorado 2. Vou selecionar todas as camadas do ilustrador, exceto o plano de fundo. Em seguida, vou clicar com o botão direito do mouse, vá para Criar, criar formas a partir da camada vetorial. Então é criado esboços, que são linhas que eu vou ser capaz de animar. Eles são basicamente a mesma coisa é as camadas de forma que eu estava desenhando. Vou copiar todas essas camadas pressionando Command C e, em seguida, voltar para a minha versão do Photoshop para pressionar Command V para colá-las. Este é um bom momento para salvar nosso arquivo, então pressione Command S para salvar. Eu gostaria de ter uma pasta principal onde eu guardo tudo para o projeto, e então eu terei uma pasta dentro dessa pasta para arquivos do Illustrator, arquivos do Photoshop ou qualquer coisa assim, e então eu gosto de ter outra pasta nessa mesma para arquivos do After Effects. Eu tenho essa pasta bem aqui e eu só vou dar um nome a isso, e aperte, Salvar. É importante manter todos os arquivos organizados quando estiver trabalhando entre o Photoshop, Illustrator e o After Effects. Porque se você mover um dos arquivos que seu projeto do After Effects está fornecendo, ele terá um erro de arquivo ausente e, em seguida, você não poderá ver seu design. Certifique-se de se manter organizado e não mover qualquer arquivo depois de entrar no After Effects. 16. Animando lettering texturizado: Nesse ponto, você deve ter rastreado todas as letras ou usar o arquivo do Illustrator para criar camadas de forma de todas as letras. Agora estamos prontos para animar. Eu vou até o E. Eu só vou vender esta camada, então não há tanta coisa acontecendo na tela. Eu vou para alternado para baixo, ir para adicionar caminhos de corte e, em seguida, alternar para baixo, então eu tenho os valores de início e fim. Eu só vou definir um quadro-chave sobre lá para que o final seja um 100 por cento, voltar para zero e, em seguida, arrastar o final todo o caminho para zero por cento. Você pode ver a facilidade animando e na direção errada. Eu só vou para o meu grupo, ir para o meu caminho e bem aqui, você vê essas duas pequenas direções de seta. Eu vou mudar qual é selecionado e agora ele vai animar na direção certa. Muito semelhante ao que te mostrei quando mostrei o mundo das letras. Nós vamos realmente animar isso exatamente da mesma maneira. Mas você deve estar se perguntando, como vamos conseguir que essa textura apareça. Vamos acabar usando massa. Mas primeiro, vamos nos preocupar em animar essas letras. O que eu posso fazer é selecionar esses caminhos de corte, comando C para copiá-los. Vá para a minha próxima camada de [inaudível] que também para que eu possa vê-lo e pressione o comando V para colar. Se eu pressionar U no meu teclado, eu posso ver quaisquer quadros de teclas que a camada tem. Agora eu tenho tanto o E quanto o X animando. Então eu só vou cambalear esses quadros-chave para que eles comecem um pouco mais tarde. Esta é uma linha mais curta, então eu provavelmente não preciso da animação para durar tanto tempo. Só vou arrastar isso até lá. Então eu vou resolver o P e colar os pacotes de acabamento, apertar U para ver os quadros chave e vamos ver como isso se parece. Meu P tem duas peças e você pode ver que ambos estão recebendo os efeitos de passagem de corte ao mesmo tempo. Se eu não quiser que isso aconteça, digamos que eu quero um para animar após o outro, eu posso mudar este corte passar várias formas de simultaneamente para individualmente. Agora você verá que a barriga do P anima primeiro e depois a linha. As linhas não vão do jeito que eu queria, parece que é o grupo dois. Eu só vou mudar a direção e isso parece bem. Outra coisa que eu posso fazer é se eu quiser que eles sejam cambaleados, como a linha reta do P está animando agora. Bem, esta parte do P está animando, eu posso apenas duplicar esta camada. Então eu vou deletar o grupo um deste e entrar aqui e deletar o grupo dois. Basicamente, agora acabei de separar aqueles dois. Se eu apertar U no teclado para ver meus quadros de teclas, eu posso apenas cambalear estes. Talvez a linha venha primeiro e depois a parte redonda do P vem em segundo. Eles estão um pouco cambaleados agora. Então você só quer repetir este processo básico em todo o resto de suas camadas para que tudo esteja animado com caminhos de corte. Eu vou fazer este estilo show de culinária e voltar em um segundo com todas as minhas cartas animando em. Mas primeiro eu só quero mostrar algo que você pode fazer em letras como o O. Eu só vou mostrar essa, então eu vou entrar e eu vou apenas colar esses caminhos aparados novamente. Então eu vou alternar para baixo em meus caminhos de corte. Observe como o O está começando do lado direito aqui. E se eu quisesse que começasse no topo? Eu posso usar esse valor de deslocamento para ajustar onde minha linha está ao longo do caminho, então eu vou apenas trazê-lo até cerca de aqui. Agora, como você pode ver, está no topo e dá a volta. Outra coisa que posso fazer é animar a linha em movimento. Bem, está animando. Eu só vou definir um quadro chave para o deslocamento e, em seguida, ir um pouco para a frente no tempo, não indo para todo o caminho para este quadro-chave agora porque eu quero ser capaz de ver o que eu estou fazendo. Eu só vou arrastar este valor de deslocamento para a direita um pouco. Você pode ver que move uma linha ao longo do caminho. Então eu vou alinhar esses dois quadros-chave que eu fiz no deslocamento com os quadros de chave final. Vamos ver como isso se parece. Você pode ver que enquanto está animando, ele também está se movendo um pouco. Isso só torna sua animação um pouco mais interessante. Eu animei todas as minhas camadas e eu só quero apontar algumas coisas para você. A primeira coisa é nesses raios, cada raio tem várias peças. Eu defino os caminhos de corte para aparar várias formas individualmente. Então eu tinha que ter certeza de que a direção desses era a direção certa para que eles se animassem de dentro para fora. Para algumas das camadas, eu realmente tive que reorganizar a ordem da camada desses dois grupos. Porque agora você pode ver que eu vou ter o distante animado primeiro e depois fechar um. Observe que a ordem da camada aqui é importante para como suas linhas serão animadas se você tiver o caminho de corte definido como individualmente. Agora todas as minhas camadas de raios vêm ao mesmo tempo e eu realmente quero cambaleá-las. Vou te mostrar como posso fazer isso rapidamente. Acho que vou cambaleá-los do lado direito para a esquerda porque você vê isso explorar Colorado animando e da esquerda para a direita. Então este belo arco no R e no E, vai voltar a subir. Está apontando seu olho para o sol. Seria legal se eu tivesse os raios começassem aqui desta forma. Então eu vou ter Colorado animando da esquerda para a direita novamente. Isso leva seu olho ao redor de toda a peça. Faz como uma forma espiral agradável, que seu olho vai seguir quando você está assistindo esta animação. Uma coisa rápida é que eu codifiquei minhas camadas por cores. Você pode fazer isso facilmente clicando na caixa colorida em sua linha do tempo. Então você pode escolher qualquer uma dessas cores na lista. Para começar com essas camadas de raio, vou selecionar a primeira, depois pressionar shift e selecionar a última. A ordem que você seleciona esses itens importa. Certifique-se de que o que você selecionar primeiro você deseja animar primeiro. A primeira coisa que eu preciso fazer é cortar essas camadas para que elas só durem um quadro. Vou apertar a opção e a tecla de suporte direita para cortá-los para um quadro cada. Então eu vou clicar com o botão direito do mouse, ir para as camadas de sequência do assistente de quadro chave, e apertar ok. Você pode ver que ele cambaleou todas as minhas camadas nesta bela cachoeira. Eu realmente não quero que eles apenas durem um quadro cada, então eu vou arrastar para fora todas as camadas para durar todo o comprimento da minha linha do tempo. Agora você pode ver que eles são cambaleados quando eles se animam em. 17. Como criar máscaras: Neste ponto, você deve ter o seu design animado em. Mas não podemos ver a textura, porque estamos apenas animando as camadas de forma que são traços sólidos. Tenho a minha textura aqui, e está escondida agora, mas esta é a minha camada de textura. Eu preciso fazer minhas camadas de forma revelarem essa camada de textura. O que eu vou fazer é selecionar toda a minha camada de forma, então tudo o que tem animação nela, de modo que são todas essas camadas, então basicamente, tudo menos o fundo e a camada texturizada do Photoshop, e eu vou clicar Comando, Shift e C, e isso vai trazer esta caixa pré-composta. O que estou fazendo é mover todas essas camadas para sua própria composição, e eu vou chamar essa animação, e eu tenho que mover todos os atributos para a nova composição verificada. Então eu vou bater Ok, e então você pode ver que ele está condensado todas essas camadas em uma composição, e se eu clicar duas vezes nesta composição, há todas as minhas camadas e minha animação. O que você precisa fazer agora é voltar para sua composição principal, onde você tem seu plano de fundo, sua camada de textura e sua camada de animação. Nesta camada de textura do Photoshop, você deseja ir para Track Matte e, se você não vir Track Matte como uma opção, pressione este botão que diz Alternar Switches/Modos, aqui embaixo. Você pode ver que, que mostra e oculta sua opção Track Matte. Então, onde não deve dizer nada agora, você quer mudar isso para animação Alpha Matte. Agora note que quando eu fiz isso um Alpha Matte, minha composição de animação foi automaticamente escondida para mim, e agora você pode ver que minha animação está revelando a camada de textura abaixo dela, porque eu estou usando isso como um Alpha Matte. 18. Adicionando cores: Vamos fazer a animação final, como há uma linha verde escura que se anima antes da linha branca ser animada. Se eu pausar, você pode ver muito claramente como aqui, há uma linha verde mais escura que está liderando a linha branca. Certifiquem-se de que todos obtêm esse efeito. Na minha composição, tenho a minha pré-composição que é minha animação que está revelando a camada de textura. O que eu posso fazer é duplicar minha animação e minha camada de textura, selecionando ambos e, em seguida, pressione “Command D”. Então o que eu vou fazer é arrastar essas duas camadas, alguns quadros no futuro. Então eu vou voltar para a minha primeira versão, a que vem em primeiro lugar. Vou selecionar o “explorar o Colorado” porque isso é o que está visível aqui. Eu quero fazer essa linha verde escura, ou você pode fazer da cor que quiser. Vou ao meu painel “Efeitos e predefinições”, e se você não vir isso, basta ir até uma “Janela” e certificar-se de que “Efeitos e predefinições” está selecionado. Em seguida, no meu painel de efeitos e predefinições, vou escrever preenchimento. Basicamente, basta fazer uma pesquisa para preenchimento, e então você quer este preenchimento 32 e basta pegar isso e arrastá-lo para cima de sua camada texturizada do Photoshop. Agora você pode ver que ele adicionou uma cor vermelha em cima disso. Vou fazer com que isto afecte os controlos por aqui. Se você não ver isso novamente, vá para “Windows”, para que você possa ver seus efeitos e controles, em seguida, onde ele diz “Cor”, eu vou apenas clicar no quadrado vermelho e mudá-lo para a cor que eu quiser. Vou usar o conta-gotas para provar minha cor de fundo e, em seguida, apenas arraste para torná-lo mais escuro, talvez algo assim, em seguida, basta apertar “Ok”, e vamos reproduzir isso de volta. Agora temos a linha verde liderando a linha branca. Você pode fazer este passo quantas vezes você quiser obter como um arco-íris de cores que animar em. Lembre-se que o que estiver em cima será a coisa que será vista. Sua ordem de camada definitivamente importa aqui em baixo, o que você vê em cima é o que vai ser mostrado aqui. Meu branco está cobrindo minha cor. Você pode usar a mesma técnica para adicionar cores mesmo que você não esteja usando uma textura. Vou adicionar uma cor a este exemplo também. Eu tenho tudo nesta composição chamado lettering. O que eu posso fazer de outra maneira em vez de pré-compor é que eu posso pegar essa composição, arrastá-la até aqui para o novo botão de composição, então você vai ver que ele fez uma nova composição para mim. Chamou-lhe lettering 3. Eu só vou selecioná-lo, aperte “Enter” para renomeá-lo, e então você pode ver que ele fez uma nova composição com minha composição de letras original dentro. Se eu clicar sobre isso, eu tenho o plano de fundo nesta camada. Se eu fosse duplicar e cambalear, meu passado estaria bloqueando as coisas. Vou apenas copiar este fundo e apagá-lo desta composição, voltar para a minha composição que acabei de fazer. Você pode ver que agora nós temos as letras, mas nenhum fundo. Vou só colar esse fundo e trazê-lo para o fundo. Lá vamos nós. Agora, eu vou duplicar minhas letras e apenas trazer este para a frente alguns quadros. Clique na parte inferior, vá até “Efeitos e predefinições”, procure preenchimento, arraste o preenchimento para essa camada, altere-o de vermelho para outra cor, talvez algo assim, e então vamos jogar isso para trás. Se eu quisesse, eu poderia fazer isso de novo, eu só vou duplicar isso, e talvez vamos fazer o primeiro o mais escuro. Você não precisa usar as mesmas cores monocromáticas. Você sempre pode mudar isso mais do que eu. Mas agora temos um total de três cores. 19. Invertendo a animação: Estamos quase terminando aqui, mas nossa animação não está animando. Vamos resolver isso agora. Há algumas maneiras de fazer isso facilmente. A primeira coisa que poderíamos fazer, é selecionar a composição de animação superior, em seguida, duplicar esta camada pressionando “Command D.” Então eu vou clicar com o botão direito na camada superior, ir para o tempo, camada reversa tempo. O que isso vai fazer é pegar toda a camada e basicamente jogá-la em rebobinar. Se eu apenas solo esta camada, ele começa com todo o design lá e então ele vai animar exatamente da mesma maneira que ele veio em apenas inverso. Podemos usar isso para animar nossas letras. Vamos ver onde começa a animar. Sobre aqui. O que eu vou fazer é, eu quero marcar este lugar. O que posso fazer é apertar “Control 8" para definir um marcador. Você também pode ir até “Camada”, “Marcadores”, “Adicionar Marcador”. Eu realmente vou arrastar o início desta composição para que eu estou descascando de volta a camada da composição. Eu não estou realmente movendo a composição e eu também vou colocar isso neste marcador porque eu não quero ver esta camada antes de começar a animar para fora. Isso é apenas animar essa camada e não está desrevisando nenhuma camada texturizada, então o que eu preciso fazer é apenas duplicar a textura e ele apenas se moveu automaticamente para onde eu queria e ele se definiu para Alpha Matte. Já estou pronto para ir. Eu preciso ter certeza de que eu escondo essa camada de animação, para que minha textura possa ver através. Onde este marcador está, ele vai começar a animar, mas isso é muito cedo porque ele nem sequer se animou naquele momento. Eu só vou movê-lo, parece que é feito de animação lá dentro e então ele pode começar a animar lá fora. Mas você não vai ver nenhuma animação porque todas essas outras camadas ainda estão visíveis. O que eu preciso fazer, é cortar essas camadas. Eu só vou selecionar todas as camadas que precisam ser aparadas. Essa não é uma das camadas que precisam ser aparadas. Vou apertar “Option” e a tecla “Right Bracket “para aparar essas camadas. Estamos ficando sem tempo para isso se animar. Preciso fazer minha composição mais longa. Vou pressionar “Comando K” para exibir minhas configurações de composição ou você pode ir para composição, configurações de composição. Eu só vou descer para a duração e fazer isso mais longo. Vamos fazer 10 segundos e eu aperto “Ok”. Agora podemos ver o resto disso. Eu precisaria arrastar essa camada de textura para que ela tenha o mesmo comprimento que a camada de animação em cima dela. Vamos tocar isso de volta. Algumas coisas estão erradas. A primeira coisa é que minha camada de fundo não durou o tempo todo. Eu só preciso arrastar isso para fora. A segunda coisa é que você não pode mais ver minha linha verde. Isso é porque de alguma forma ele acidentalmente se escondeu. Vamos jogar tudo de volta mais uma vez. Quando ele se anima, não há nenhuma linha verde que leve o caminho e você pode fazer isso duplicando essas camadas e, em seguida, cambaleando-as e colorindo verde, assim como fizemos no início. Eu realmente não quero fazer minha animação para fora desta maneira porque parece que leva muito tempo para uma animação até mim. Só vou apagar isto. Vou voltar para a minha animação e animá-la lá fora. Vamos ver. Quanto tempo leva para animar? São cerca de quatro segundos. Vou para cinco segundos. Vou colocar um marcador na minha linha do tempo para me lembrar onde começo a animar. Sem nada selecionado, vou apertar “Control 8" para definir um marcador na minha linha do tempo. Você pode realmente adicionar uma nota aos seus marcadores. Se você clicar duas vezes no marcador e você pode digitar. Agora, o que eu quero fazer é copiar todos os meus quadros-chave e, em seguida, apenas inverter a forma como eles se animam. Eu os quero em vez de animar daqui até aqui, eu quero animá-los de trás para frente, daqui para aqui. O que eu preciso fazer é copiar todos os meus quadros-chave e revertê-los. Infelizmente, você terá que selecionar seus quadros-chave camada por camada e copiá-los e colá-los. A menos que você tenha este plugin super útil chamado movimento 2. Eu não tenho nenhuma afiliação com as pessoas que fazem o movimento 2 e na verdade há movimento 3 agora, eu só não atualizei. O que você pode fazer com isso é clicar em “Clone”. Há uma tonelada de outras ferramentas realmente úteis que eu uso todos os dias. É por isso que estou falando sobre isso. O que você pode fazer com o movimento 2 é, em vez de ter que copiar individualmente para cada camada, você pode simplesmente clonar tudo de uma vez. Agora, se você tentou copiar todos esses quadros-chave de uma só vez, Comando+C, Comando V, após efeitos colarão novas camadas, e isso não é o que eu quero. É por isso que você precisa do movimento 2 ou para fazê-lo individualmente. Vou apenas selecionar todos os meus quadros-chave em todas as minhas camadas. Vamos voltar lá para cima e verificar se tenho todos eles, e depois vou apertar “Clone”. O movimento 2 fez é apenas colado todos os meus quadros-chave, começando no meu indicador de tempo. Preciso de fazer a minha composição mais longa. Eu vou apertar “Comando K”, só para fazer isso 10 segundos e agora eu posso ver todos os quadros-chave que eu acabei de colar. Vou selecionar todos os quadros-chave que acabei de colar. Em seguida, clique com o botão direito do mouse em qualquer um dos Vá para o assistente de quadros-chave, quadros-chave de tempo. Isto é essencialmente a mesma coisa que eu fiz quando eu reverter o tempo da minha camada, mas eu estou apenas fazendo um nível de quadro-chave agora. Você pode ver que meu design está de volta e agora ele vai animar, da mesma forma que ele entrou, mas em um nível de quadro-chave para que a animação pareça diferente. A primeira coisa que animou foi o E, e isso também é a primeira coisa que anima. É um efeito um pouco diferente do que quando eu inverti a camada inteira, mas ainda vai levar a mesma quantidade de tempo porque meus quadros-chave ainda estão espalhados a mesma quantidade. O que eu quero fazer a partir daqui é ajustar meu quadro-chave para que eles não estejam tão espalhados. Quero tornar esta animação mais rápida. O que eu estou pensando que eu vou tentar é arrastar todos os quadros-chave para que o último quadro-chave termine neste marcador de cinco segundos. Infelizmente, isso é um pouco tedioso porque você tem que fazer uma camada por camada. Eu gosto do jeito que isso parece. Eu gosto de como o início da animação fora é todo tipo de escalonado, mas tudo termina aproximadamente ao mesmo tempo. Vou voltar para o meu explorador original Colorado comp e, em seguida, arrastar essas camadas para que eles durem o tempo inteiro. Você vai ver que você realmente não vê muito do verde mostrando através. Acho que quero animar um pouco mais tarde, então deixe-me voltar selecionar todos os meus quadros-chave. Vamos fazer com que o primeiro quadro-chave que começa a animar esteja no marcador de saída que eu fiz. Vou voltar para a comp principal. Vamos tomar estas duas camadas que compõem a linha verde. Eu vou apertar “Command” shift “D” para cortar minhas camadas, e então eu posso ir em frente no tempo um pouco para que eu possa ver onde o verde apareceria. Em seguida, basta ajustar essas camadas, para que o verde apareça um pouco mais. Vai ser algo assim. Vamos dar uma olhada. Acho que isso parece bom. 20. Exportando (renderização): Vamos exportar este arquivo s, o podemos vê-lo fora do After Effects. Vou mostrar-lhe como exportar alguns tipos diferentes de arquivos e MOV e mp4 e um GIF. Das três opções, o MOV é provavelmente a melhor qualidade, mas também o maior tamanho de arquivo, mp4 é muito universal e é compactado, mas ainda mantém sua qualidade, então ainda parece bom. Um mp4 é ótimo para postar no Instagram. Gif são ótimos para usar em sites, porque eles vão jogar automaticamente sem um botão de reprodução e você pode fazê-los loop. Primeiro quero ter certeza de que minha composição não tem tempo extra, onde nada está acontecendo. Eu só vou cortar isso em seis segundos. Agora, uma maneira de fazer isso que é muito rápido, é clicar em Enter no teclado. Isso leva sua área de trabalho para onde sua cabeça de jogo está, o fim de sua área de trabalho. Se você notou em sua linha do tempo, você tem essa barra cinza e essa é a sua área de trabalho. Quando você estiver reproduzindo coisas no After Effects e vir essa linha verde, isso significa que é RAM pré-visualizada. Então, é basicamente calculado como todo o quadro deve parecer e ele está reproduzindo de volta, como será em sua animação final. Você pode notar que a primeira vez que você jogar algo através, você não tem a linha verde completa e levou algumas vezes para ele para jogar através através de agradável e suave. Onde está sua área de trabalho, é a única coisa que será reproduzida quando você estiver visualizando no AfterEffects e também quando você o renderiza em um formato de vídeo final. Você pode simplesmente deixá-lo assim e ele vai renderizar apenas esta seção, ou você pode realmente cortar sua composição se você não quiser ter esse extra,realmente não importa muito, realmente não importa muito, mas eu vou apenas clicar com o botão direito do mouse na minha área de trabalho e dizer aparar comp para área de trabalho. Isso vai fazer exatamente o que diz. Então agora eu vou subir para a composição, adicionar a fila de renderização. Em seguida, você verá que ele abre esta guia na linha do tempo. Aqui é onde você pode colocar em quais configurações você deseja. Então eu vou para as opções de formatação. Certifique-se de que tenho o progresso 4.2.2 da Apple. Aperte Ok e aperte OK de novo. Você pode ver aqui ele vai fazer um arquivo MOV. Se você clicar no nome do seu projeto, você pode escolher para onde deseja exportar isso. Eu gosto de exportar minhas animações para uma pasta dentro do resto das pastas do meu projeto e eu gosto de chamá-lo para fora, dessa forma eu sei que é uma coisa final que eu renderizei. Eu só vou fazer isso Explorar Colorado e bater em Salvar. Em seguida, a fim de iniciar a renderização, você deseja apertar este botão Render bem aqui. Você tem aquele ruído adorável, e então você pode navegar até onde você salvou e clicar duas vezes e, se você estiver em um Mac, ele abrirá no QuickTime e você pode reproduzi-lo. Agora deixe-me mostrar-lhe como exportar um MP4. Agora você realmente não pode exportar um MP4 do AfterEffects, que é um pouco estranho para mim, mas há uma maneira de fazê-lo e é muito fácil. Então eu vou apenas para a composição, adicionar à fila do Adobe Media Encoder. Então você tem que ter isso instalado no seu computador primeiro. Vai abrir o Media Encoder. O codificador de mídia é, é basicamente máquina de renderização. Então você pode ver que em sua Fila, ele tem este arquivo explorar Colorado que eu acabei de enviar para ele. Pretende certificar-se de que tem o tipo de ficheiro correcto. Por isso, basta clicar aqui. Então você pode entrar e alterar o formato. Eu gosto de usar H.264. Você pode ver que isso está exportando um mp4. Se você tiver áudio, verifique se este botão está marcado. Mas como eu não faço, eu vou apenas desmarcá-lo e, em seguida, basta clicar em OK e, em seguida, clique no caminho do arquivo para decidir onde você deseja salvar isso. Pressione Salvar e, em seguida, clique no botão de reprodução verde para renderizar. Agora eu tenho um arquivo MP4. Você também pode simplesmente arrastar um arquivo existente para o codificador de mídia para alterar o formato. Agora você verá que isso vai convertê-lo em um MP4 de um MOV. Você também pode exportar um gif do codificador de mídia. Então, se você clicar no seu formato de arquivo, então você pode escolher gif animado da lista. Então apenas renderize isso. Em seguida, para reproduzir seu gif animado, basta arrastá-lo para um navegador da Web. Ele deve loop automaticamente para sempre. 21. Encerramento: Muito obrigado por se juntar a mim neste curso. Espero que tenha se divertido tanto quanto eu, e espero que se sinta mais confortável no After Effects. Mal posso esperar para ver sua animação de letras, então não se esqueça de postar no projeto da turma. Você pode encontrar meu trabalho em meganfriesth.com ou no Instagram @explanimated, e me marcar lá se você postar sua animação de lettering. Se você gostou deste curso, significaria muito para mim se você deixou um comentário, e se houver algo que você está ansioso para aprender, me avise. Até a próxima vez, feliz animação.