A técnica "write on": lettering em movimento | Jake Bartlett | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

A técnica "write on": lettering em movimento

teacher avatar Jake Bartlett, Motion Designer

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Trailer

      0:57

    • 2.

      Projeto de classe

      1:02

    • 3.

      Trazendo os caminhos de vetor

      5:02

    • 4.

      Visão geral de caminhos de acabamento

      7:45

    • 5.

      A técnica "write on" com a arte

      12:05

    • 6.

      Mais opções e limpeza do arquivo

      5:50

    • 7.

      Use a criatividade

      13:07

    • 8.

      Acerte a marcação de tempo

      11:44

    • 9.

      Trabalhe com as camadas

      6:01

    • 10.

      Adicionando o Paralax com uma câmera 3D

      4:20

    • 11.

      Adicionando textura

      11:41

    • 12.

      Construindo um traçado afilado

      25:05

    • 13.

      Exportando um vídeo

      3:46

    • 14.

      Exportando um GIF

      3:04

    • 15.

      Obrigado!

      0:51

  • --
  • 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.

7.222

Estudantes

106

Projetos

Sobre este curso

Que maneira melhor de animar seu lettering do que fazer ele parecer estar sendo escrito? Este curso vai ensinar você a fazer isso!

Como parte da minha série de letterings em movimento, este curso vai ensinar você a levar seu lettering do Photoshop ou Illustrator para o After Effects. Em seguida, vamos explorar muitas maneiras diferentes de usar a técnica Write On para animar seu lettering. Você se surpreenderia com o tanto de formas diferentes de que você pode usar essa técnica! E ela pode ser aplicada a qualquer texto, não só o lettering.

Este curso e para qualquer pessoa. Seja você profissional no After Effects ou se estiver apenas começando a brincar com o programa, você vai aprender tudo o que precisa para saber para alcançar esse efeito. Se você nunca usou o After Effects, confira um dos meus cursos iniciantes: Lettering em movimento - o guia para iniciantes de animação de GIFs personalizados.

Mal posso esperar para ver o que você criar!

Conheça seu professor

Teacher Profile Image

Jake Bartlett

Motion Designer

Professor
Level: All Levels

Nota do curso

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

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

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

Transcrições

1. Trailer: Ei, eu sou Jake Bartlett e nesta aula eu vou te ensinar como criar um efeito de escrita para suas letras de mão. Vamos analisar várias maneiras diferentes de animar e estilizar suas letras de maneiras únicas e personalizáveis. Para o projeto da classe, você estará escrevendo seu nome de cidade ou estado favorito e animando-o usando a técnica de gravação. Ao longo do caminho, mostrarei dicas e truques de fluxo de trabalho e atalhos de teclado que aprendi durante anos usando o After Effects. Esta aula é para qualquer pessoa, seja você usando After Effects profissionalmente por anos ou apenas começou a brincar com o programa, você poderá acompanhar facilmente. Se você nunca usou After Effects antes, confira uma das aulas do meu iniciante, como Letras Mão em Movimento para o Guia de Iniciantes para Animando GIFs personalizados primeiro. Como bônus, vou compartilhar um método que desenvolvi pessoalmente para criar traços cônicos personalizáveis, animáveis e reutilizáveis dentro do After Effects. Prepare-se. Esta vai ser divertida. Vejo-te na aula. 2. Projeto de classe: Para o projeto de classe, você estará aplicando a técnica de gravação em suas próprias letras de mão. O tema para esta aula é a sua cidade ou estado favorito. Para meu projeto de amostra, escolhi meu estado natal, que é Michigan. Se preferir uma carta de mão ou outra coisa, ou se já tem letras de mão que gostaria de usar, por todos os meios, vá em frente. O que eu vou estar ensinando nesta aula é como pegar as letras existentes e aplicar a escrita sobre ela. O importante é que você tem letras manuais para trabalhar. Assim que tiver escolhido sua cidade ou estado favorito, crie um projeto e me diga com o que você estaria trabalhando. Então, uma vez que você tenha suas letras de mão concluída, poste uma atualização na página do projeto para que eu possa ver o que você estará animando e se você estiver usando letras de mão diferentes, vá em frente e poste isso na página do seu projeto também. Agora você pode ser super criativo com a gravação. Não precisa ser apenas uma única linha animando seu texto. Ao observar as lições, você verá que há tantas maneiras de ser criativo com a forma como o texto escreve. Eu encorajaria você a assistir todas as lições antes de decidir como você quer animar seu texto. Como sempre, não hesite em fazer perguntas sobre o segmento me pergunte qualquer coisa ou em sua própria página de projeto. Sei que esses projetos vão parecer incríveis e mal posso esperar para ver o que você cria. Vamos começar. 3. Trazendo os caminhos de vetor: Vamos mergulhar. Vou começar com o título da turma como nosso primeiro exemplo. Esse método usa o operador Trim Caminhos dentro de uma camada de forma, e é a base para tudo o que faremos nesta classe. Agora, esse exemplo específico funciona sozinho para letras com uma única largura criada no Illustrator. Vamos entrar no Illustrator e mostrarei o que quero dizer com isso. Aqui eu tenho as letras incríveis que minha esposa fez para mim dentro do Illustrator. Eu peguei o esboço que ela fez no papel e depois rastreei no Illustrator com a ferramenta de caneta. Se eu mudar para o meu modo de contorno, você pode ver que este texto é um caminho com um traçado aplicado. A largura da linha é consistente. Se eu selecionasse esse letreiro, eu poderia aumentar ou diminuir o tamanho do traçado para ajustar a espessura que ele é. A razão pela qual decidi fazer isso dentro do Illustrator em vez do After Effects é porque eu gosto do controle que a ferramenta de caneta tem dentro do Illustrator mais do que o que está no After Effects. Eu estou mais confortável neste pedaço de software para fazer rastreio como este. Mas, no fim das contas, preciso colocar esses caminhos no After Effects. Qual é a melhor maneira de fazer isso? Bem, poderíamos puxar o arquivo do Illustrator para o After Effects e depois converter o trabalho artístico em camadas de forma, mas isso separará cada um desses segmentos em seu próprio grupo, e teremos que fazer algumas etapas extras para limpar nossa arte antes que possamos realmente animá-lo. Na minha opinião, há uma maneira melhor. Vamos saltar para o After Effects. Já criei uma composição que tem um fundo para o meu título. Se eu fosse fazer uma nova camada sólida indo para Layer, New, Sólido, certificando-se de que é o tamanho da composição, não importa a cor que é, pressione “Ok”. Em seguida, podemos voltar para o Illustrator, selecionar meu texto, copiá-lo pressionando Command C ou Control C em um PC, voltando para o After Effects e com o meu sólido selecionado, colar pressionando Command V ou Control em um PC, e esses caminhos são colados diretamente sob essa camada. Se eu pressionar M para trazer as máscaras para essa camada, você pode ver que temos quatro caminhos de máscara, e eles são todos coloridos da mesma forma que estão aparecendo aqui no visualizador de composição. Esta é apenas uma demonstração para mostrar que podemos copiar e colar caminhos do Illustrator para o After Effects com muita facilidade. Agora não queremos caminhos de máscara, queremos caminhos de camada de forma. Eu vou ir em frente e excluir este sólido, e eu vou para camada, nova, camada de forma. Agora isso cria uma camada de forma vazia e se eu fosse colar esses caminhos em cima dessa camada agora, ele iria novamente colá-los como máscaras, e isso não é o que queremos. Então desfaça pressionando Command ou Control Z, e então eu abrirei o conteúdo. Em seguida, certifique-se de que meu switch de camada está habilitado no canto inferior esquerdo. Então eu vou até o menu suspenso add e vou até Path. Agora, no meu conteúdo, eu tenho um caminho. Se você se lembra de quando colamos, tínhamos quatro máscaras separadas, e isso significa que eu tenho quatro caminhos separados da minha arte original. Então eu preciso ter certeza que eu tenho quatro caminhos dentro do conteúdo da minha camada de forma antes de eu colar. Então, vou duplicar esse caminho pressionando Command D ou Control D em um PC, até que eles tenham quatro caminhos. Em seguida, vou expandir todos os quatro caminhos, em seguida, clicar neste caminho, manter Command ou Control em um PC, e clicar no próximo caminho, e fazer o mesmo para o terceiro e quarto caminhos. Agora, com todos os quatro caminhos direcionados, posso colar os mesmos caminhos que tínhamos na arte do Illustrator, e agora os caminhos estão aparecendo dentro de nossa camada de forma, e você pode ver que as cores dos caminhos não são mais diferentes. Eles são todos da mesma cor da nossa camada de forma, que está nos dizendo que não temos máscaras em nossa camada, que é exatamente o que queremos. Como todos os meus caminhos ainda estão selecionados, vou agrupá-los pressionando Command ou Control G no teclado. Em seguida, pressionarei “Enter” para renomear esses caminhos de grupo. Neste momento, só temos caminhos vazios sem estilo neles. Então, se eu desmarcar, você verá que ele desaparece novamente. Mesmo que a camada de forma ainda esteja lá e nossos caminhos estejam contidos dentro dessa camada de forma, precisamos adicionar um traçado a esse caminho para vê-lo. Então eu vou chegar a este add drop-down novamente e ir para cima para o traço. Imediatamente você pode ver que agora nossos caminhos têm um contorno, mas é um pouco mais fino do que eu quero, então eu vou voltar para o Illustrator para que possamos ver que largura de traçado tínhamos dentro daqui. Parece que tínhamos ajustado para 10. Se eu voltar no After Effects, posso chegar à barra de ferramentas na parte superior aqui e mudar meu traçado de dois pixels para 10 pixels. Agora meu traço tem a mesma largura que era no Illustrator. Mas se eu ampliar aqui, você pode ver que nós temos esses cantos pontiagudos e algumas tampas planas. Mas no Illustrator, tínhamos tampas redondas e junções redondas. Se eu voltar para o After Effects e abrir minhas propriedades de traçado, eu posso mudar a tampa de linha de tampa de bumbum para round camp, e isso torna nossas extremidades redondas, e eu posso mudar a junção de linha de junção de mitra para junção redonda. Isso se livra dos cantos pontiagudos. Agora nosso texto parece o mesmo que no Illustrator. Eu estou bem com o traço sendo branco, mas se você quiser mudar a cor, você pode apenas vir aqui para a barra de ferramentas superior e mudar a cor para o que você quiser. Vou desfazer isso. Agora que meus caminhos estão dentro do After Effects, eu realmente não preciso vê-los mais. O traçado em si é suficiente, então eu não preciso dessa sobreposição azul em cima do meu texto. Para se livrar disso, eu só vou descer a este botão aqui, que é Toggle Mask e Shape Path Visibilidade e clique nele. Você pode ver que isso se livrou da sobreposição dos caminhos em cima das minhas letras, e isso só vai tornar mais fácil para mim poder ver o que estou fazendo. 4. Visão geral de caminhos de acabamento: Agora que temos nossa arte dentro do After Effects, como a animamos? Bem, eu vou abrir minha camada de forma novamente, e eu vou para o menu suspenso adicionar mais uma vez, e agora eu vou para este operador de caminhos de corte. Eu vou clicar sobre isso, e você vê que isso adiciona os caminhos de corte em nosso conteúdo. Se eu abrir isso, vemos que os caminhos de corte tem alguns controles. Temos um valor inicial, um valor final, um valor de deslocamento e, em seguida, algumas opções de como lidar com os caminhos. Se eu clicar e arrastar o valor final, que é definido como 100 por cento, você pode ver o que está acontecendo. Meus caminhos estão sendo cortados com base na porcentagem do valor final começando no final de cada caminho. Agora você pode ver que cada segmento de caminho está sendo cortado ao mesmo tempo. Se eu fosse ajustar o valor inicial, você pode ver que ele está sendo cortado da extremidade oposta. Se você pensar bem, quando eu estava no Illustrator, eu rastreei essas cartas na mesma ordem que elas teriam sido escritas. Então eu comecei nesta parte do w e trabalhei meu caminho para a direita. Então eu comecei no topo do t, e depois no E, depois o O, e então eu terminei. É por isso que se eu ajustar o valor final, tudo começa à esquerda e se move para a direita. Se eu tivesse traçado o w, r, e o i na ordem oposta, o After Effects teria levado essa ordem em conta e teria começado no final deste conjunto de letras e trabalhado seu caminho para a frente. Então tenha isso em mente sempre que estiver rastreando qualquer letra. Se você quiser que ele pareça estar escrito em ordem, certifique-se de que você rastreia tudo em ordem. E se eu não quiser que todos os caminhos sejam aparados ao mesmo tempo? Bem, é para isso que serve a propriedade de múltiplas formas. Agora ele está configurado para simultaneamente, mas se eu mudar isso para individualmente e depois ajustar meu valor final, você pode ver que agora ele está sendo cortado em ordem, do início ao fim, um de cada vez. Isso é o que eu quero por esta peça. Eu vou ir em frente e definir alguns quadros-chave porque eu quero que isso para animar em ordem da esquerda para a direita. Preciso enquadrar o valor final. Vou começar definindo o valor final como zero e clicando no cronômetro para adicionar um quadro-chave. Então eu vou avançar um segundo e mudar o valor para 100 por cento. Agora, se eu visualizar essa animação definindo minha área de trabalho para conter os dois quadros-chave e, em seguida, maneira de visualização RAM, você pode ver que nós já temos a anotação básica sobre efeitos para baixo. Deixe-me abrandar isso um pouco mais e visualizar novamente. Acho que o momento é um pouco mais agradável. Agora, como estes são quadros-chave, podemos facilitá-los como qualquer outra coisa para dar à animação um pouco mais de personalidade. Assim, com os dois quadros-chave selecionados, vou clicar com o botão direito do mouse neles e ir para Keyframe Assistant, Fácil Facilidade. Se eu visualizar isso na RAM, agora você verá que os caminhos de corte facilitam a animação e facilitam. Se eu fosse entrar no meu editor de gráficos e selecionar a propriedade End, eu poderia exagerar a curva de velocidade para facilitar ainda mais. Eu vou voltar para fora do meu editor gráfico e eu quero te mostrar algo sobre o pedido das minhas calças. Como eu disse antes, rastreei estas cartas na ordem em que seriam escritas. Então, quando eu copiei e colei do Illustrator, eles foram colados automaticamente na ordem que eu queria. Vou voltar a ligar a visibilidade do meu caminho para que possam ver o que estou selecionando aqui. Caminho 1 foi a primeira seção, caminho 2 era que t, 3 era o e, e 4 era o o o e n. Agora, uma vez que nossos caminhos de corte é definido para cortar as várias formas individualmente, ele corta-as em ordem de um a quatro. Mas o que acontece se eu mudar a ordem e trocar quatro e um, então eu visualizo RAM? Bem, agora começa com o caminho 4, que está ligado, e termina com o w, r, i. É por isso que a ordenação do caminho importa. Se você rastreou sua arte em uma ordem diferente, tudo bem, mas você terá que fazer algumas reordenações se quiser que os caminhos de corte se comportem da maneira que se comportariam se você estivesse escrevendo isso. Então eu vou mudar essa ordem de volta para a maneira que deveria ser, e agora nós temos nossos caminhos de volta em ordem. Vou me livrar dos meus quadros-chave só por um minuto para demonstrar outra coisa. Digamos que no Illustrator, quando eu rastreei, eu não comecei com o o, eu comecei no final com o n. Nesse caso, quando eu animo o valor final dos caminhos de corte, ele teria sido escrito em a ordem inversa que deveria ter sido. Bem, se eu voltar aos meus caminhos, você vê esses pequenos ícones ao lado de cada caminho. Neste momento, estão todos definidos para o primeiro valor. Mas se eu destacar sobre o segundo valor, você verá que ele é chamado de Direção de Caminhos Reversos. Se eu ligar isso para o caminho 4, que é meu próprio n, e depois ajustar meus caminhos de corte, você vê que agora ele está escrevendo na direção oposta. Está começando no fim do caminho e indo para a frente. Como faço para rastrear isso no Illustrator? Tudo o que eu teria que fazer é inverter a direção do caminho para que ele se alinhe corretamente dentro do After Effects. Eu não precisava fazer isso, mas pode ser algo que você encontrou. Portanto, esteja ciente de como controlar suas direções caminhos. Agora eu vou definir o meu valor final para algo como cinco por cento. Então nós temos apenas um segmento do nosso caminho aparecendo. O valor de deslocamento tomará qualquer porcentagem do seu caminho que está sendo mostrado e o deslocará ao longo do caminho da sua camada de forma. Vou desligar minha visibilidade de caminho novamente, e vou ajustar esse valor de deslocamento. Agora você pode ver que temos esta linha viajando pelo nosso caminho. Você vai notar que uma vez que chegamos ao fim, ele automaticamente volta de volta para o início. Uma vez que o valor passa de 360 graus, ele apenas adiciona um antes desse valor. Podia continuar a fazer isto quantas vezes quisesse. Você também pode ir em uma direção negativa também. Se eu voltar a zero, vamos para trás em vez de para a frente. Eu poderia aumentar meu valor final para que ele seja um segmento mais longo que está viajando ao longo de todo o caminho, ou torná-lo muito pequeno para que seja apenas um pequeno blip. Para o efeito de gravação básica, você realmente não precisa usar o valor de deslocamento. Mas um pouco mais tarde, será útil com algumas das técnicas mais avançadas. Vou voltar a zero e mudar isto para 100. Agora outra grande razão para usar camadas de forma dentro do After Effects para fazer uma gravação, é que porque é uma camada de forma, eu tenho acesso total a todos os operadores especiais e estilo que eles me permitem fazer. Se eu entrasse no meu traço, eu poderia adicionar alguns traços, aumentar o tamanho do espaço, e agora minhas letras estão tracejadas. Novamente, eu poderia adicionar alguns quadros-chave para obter alguma animação desta gravação, entrar no editor de gráficos, facilitar os quadros-chave e, em seguida, aumentar a facilidade apenas um pouco. Agora tenho uma linha tracejada. Vou tirar esses traços. Digamos que eu queria adicionar um pouco de textura a esta linha. Bem, eu derrubo tudo, e então eu posso ir ao meu menu Adicionar novamente, e adicionar um Wiggle Paths. Então eu vou abrir isso, mudá-lo de canto para suavizar, talvez diminuir o tamanho apenas um pouco, aumentar o detalhe e esse tamanho para baixo um pouco mais, e agora você vê que temos uma borda áspera em nosso texto. Esqueci-me de desligar as minhas manobras por segundo para que fique estático. Então eu vou baixar isso para zero, e então eu vou pré-visualizar isso. Agora você pode ver que temos um pouco de uma borda texturizada em nosso traço. Ele realmente abre um monte de possibilidades quando você tem acesso a todos esses operadores de forma para mexer com suas letras. Mas para esta classe, vamos usar o operador de caminhos de corte para controlar nossa gravação em efeito para cada exemplo. Agora, se isso é tudo o que eu queria que minha escrita fosse, eu estaria acabado neste momento. Mas e se o letreiro da sua mão não for de largura única e não for vetorial? Bem, é isso que vamos dar uma olhada no nosso próximo exemplo. 5. A técnica "write on" com a arte: Para este próximo exemplo, eu vou estar usando esta peça de arte. Se ampliarmos um pouco, você pode ver que minha esposa costumava pincel texturizado dentro do Photoshop. Isso não é algo que eu possa recriar facilmente com um caminho vetorial dentro do Illustrator. Para preservar essa textura, usarei o arquivo do Photoshop que ela criou dentro do After Effects. Agora, eu fui em frente e mesclei todas as letras em uma única camada, e então minha camada de fundo é separada. Você não precisa fazer isso, mas isso tornará as coisas muito mais fáceis de gerenciar dentro do After Effects se todas as letras estiverem na mesma camada. Vou levar este PSD para o After Effects. Eu fiz uma pasta para imagens, vou clicar com o botão direito do mouse dentro dela e ir para “Importar”, “Arquivo” e, em seguida, vou clicar duas vezes no meu Explore.psd. After Effects vai me perguntar como eu queria importar isso. Quero que o tipo de importação seja definido para tamanhos de camada de retenção de composição. É só com isso que tenho de me preocupar. Então eu vou pressionar “Ok”. Você verá que isso cria uma composição com o trabalho artístico e ambas as camadas na mesma posição que tínhamos dentro do Photoshop, e isso me dá uma pasta que tem ambas as camadas separadas. Vou mover essa pasta Explorar camadas para minha pasta de imagens apenas para manter as coisas organizadas. Vou mover a composição Explorar para a minha pasta de composições. Agora, esta composição é do tamanho do meu PSD. Então, se eu abrir as configurações de composição pressionando Command ou Control, K no teclado, isso exibirá minhas configurações de composição. Verá que meu tamanho é muito maior do que precisa ser. Eu vou bloquear minha proporção é 16:9, que é o que eu quero, e mudar a largura de 2,560 largura para 1,920. largura Porque já é uma proporção 16:9, minha altura foi automaticamente para 1.080. Tenho uma composição Full HD agora. Minha taxa de quadros está definida como 23.976. Isso é bom para o que eu quero. Sinta-se livre para mudar isso para 30 quadros se você preferir ter uma animação mais suave, isso é totalmente com você. Então eu vou apertar “Ok”. Você vai notar que minha obra de arte está agora cortada. Para corrigir isso, eu vou começar parenting minha camada de exploração para a camada de fundo selecionando-a, certificando-se de que minhas opções de camada estão ativadas, que é este pequeno ícone no canto inferior esquerdo, e então pegue o chicote de seleção para essa camada clicando e arrastando, e, em seguida, passando o mouse sobre a camada de fundo e soltando. Agora, onde quer que a camada de Fundo vá, a camada de exploração vai com ela. Se eu mudar a escala, ela também escala com ela. Agora, vou clicar com o botão direito do mouse na camada de fundo, ir para “Transformar” e dizer “Ajustar à composição”. Isso dimensiona automaticamente a camada de fundo para se ajustar à composição e mantém a camada de exploração proporcional ao que deveria ser. Agora, vou selecionar minha camada de exploração, e vou decompor pressionando Command, Shift, C ou Control, Shift, C em um PC. Isso vai trazer a janela pré-compor. Vou nomear este “Explore WriteOn”. Neste caso, deixarei todos os atributos no explorador e pressionarei “Ok”. Se eu clicar no nome da minha camada, ele irá alterá-lo para ser o nome de origem. Expanda isso, você verá que Explorar WriteOn é o novo nome para essa pré-composição. Se eu clicar duas vezes sobre isso, ele abre essa composição e me mostra o trabalho artístico para o qual a composição é dimensionada. Agora, o que precisamos fazer é rastrear esta letra usando a ferramenta de caneta. Vou mudar para a ferramenta de caneta pressionando G no teclado, e eu vou rastrear isso na ordem em que ele seria escrito, assim como nosso primeiro exemplo. Vou começar no topo com este E, e na verdade vou passar um pouco por onde começa o E e clicar ali. Então vou começar a rastrear com a ferramenta de caneta. Imediatamente, noto que esse caminho tem um conjunto de preenchimento para ele. Eu não vou querer preencher este caminho, então eu vou clicar aqui sobre as opções de preenchimento e desativá-lo. Eu aperto “Ok”. Eu vou fazer a largura do meu traço muito mais espessa para que ele cobre praticamente a largura das letras. Então continuarei rastreando de onde parei. Agora, o objetivo é fazer com que este caminho se alinhe o mais perfeitamente possível com as letras, mas posso voltar e editá-lo depois de ter rastreado tudo. Então, vou continuar este caminho. Descobri que adicionar pontos onde as curvas estão no caminho funciona muito bem para este tipo de coisa. É o fim do meu primeiro caminho. Agora eu vou girar ao redor segurando a barra de espaço e clicando e arrastando no visualizador de composição. Em seguida, aumentarei o zoom usando a roda do mouse ou a tecla de ponto no teclado. Em seguida, vou mudar para a minha ferramenta de seleção e ajustar o caminho conforme necessário. Agora você pode ver aqui que a largura do meu traço não é suficientemente grande para cobrir toda a espessura deste letreiro. Então eu só vou aumentar a largura até que todo aquele branco não seja mais visível. Então vou passar e me certificar de que tudo está escondido por este caminho. Isso parece muito bom. Vou continuar fazendo este rastreamento no resto do texto, lembrando que qualquer ordem que eu fizer meu rastreamento é como o write-on será ordenado por padrão. Agora, todas as minhas letras são rastreadas e, obviamente, não tem o mesmo efeito porque nenhuma das minhas pinceladas está aparecendo. Tudo bem, porque o que vamos fazer é usar esse traçado de camada de forma como um fosco para revelar o trabalho artístico original. Como é uma camada de forma, podemos usar os caminhos de corte para criar a gravação, que revela o trabalho artístico da mesma forma que o nosso exemplo original fez. Então eu só me certifiquei de que todas as minhas letras estão cobertas com este rastreamento, e o que eu vou fazer agora é habilitar meu painel de controle de transferência clicando neste segundo botão aqui em baixo. Agora temos a coluna fosco faixa aparecendo. Se eu mudar o fosco de faixa de nenhum para Alpha Matte-Shape Camada 1, isso significa ao After Effects que queremos que esta camada use a camada diretamente acima dela como um fosco para essa camada. O que isso significa é, o que quer que seja opaco nesta camada de forma é o que será opaco na camada de exploração. Então, se eu mudasse a opacidade da camada de forma de 100-50, ela está afetando a opacidade da camada de exploração, mesmo que não tenhamos mudado a opacidade porque o fosco alfa está tomando a opacidade da camada diretamente acima isso em conta. Você vai notar que, quando eu selecionei aquele fosco alfa, ele automaticamente desativou a camada diretamente acima dele, e nós temos esses dois pequenos ícones. Isso porque não queremos mais poder ver essa camada, só queremos usar sua opacidade para determinar o que é visível da camada abaixo dela. Como nosso fosco Alpha é uma camada de forma, se eu abri-lo e entrar no conteúdo, você pode ver todos os diferentes caminhos que eu rastreei para encobrir o trabalho artístico. Então deixe-me começar organizando minha camada de forma um pouco. Vou clicar no primeiro grupo de formas, Shift clique no último grupo de formas e, em seguida, agrupá-los todos pressionando Command, G ou Control, G no PC. Vou renomear isso, Paths. Depois entrarei no meu conteúdo e adicionarei caminhos de corte, abro esses caminhos de corte, altero-os de simultaneamente para individualmente e, em seguida, ajuste o valor final para ver o que acontece. Bem, não é isso que eu queria, vai de trás para a frente. Por que é isso? Isso ocorre porque o After Effects na verdade ordena coisas de forma oposta ao que o Illustrator faz quando você as está rastreando. É muito irritante, mas é algo que você tem que lidar. Então, se eu abrir meus caminhos, me dar um pouco mais de espaço, você vê que um está realmente no fundo. Toda vez que eu adicionava outro caminho, ele colocava em cima do anterior a ele. A outra coisa que ele fez foi um grupo de formas separado com seu próprio traçado de caminho e preenchimento para cada um dos caminhos. Agora, isso é bom para a maioria dos casos, e provavelmente está bom para este, mas eu gosto de trabalhar extremamente simplificado. Então, em vez de ter um traçado e o preenchimento para cada um desses grupos de formas, eu quero colocar todos os meus caminhos em um grupo e seguida, ter um único traçado que estiliza todos esses caminhos. Para fazer isso, vou entrar em colapso, dar a mim mesmo um pouco mais de espaço novamente, na verdade diminuir o zoom uma vez. Em seguida, vou mudar para a ferramenta de caneta para que eu possa selecionar um caminho e, em seguida, vou manter pressionada a tecla Command ou Control para alternar temporariamente para a ferramenta de seleção. Vou arrastar uma caixa por todos os meus caminhos. Agora, eles são todos selecionados. Vou cortá-los pressionando Command, X ou Control, X em um PC. Agora todas as minhas almofadas desapareceram. Se eu expandir isso um pouco e abrir meu grupo de formas, você pode ver que nenhum desses grupos tem mais caminhos neles. Mas está tudo bem. Eu vou me livrar das formas 2 a 13, então eu sou deixado com apenas um, que tem um golpe e um preenchimento. Como sei que não preciso de um preenchimento, vou apagar isso também. Em seguida, com a forma 1 selecionada, vou colar pressionando Command, V ou Control, V e um PC, e agora temos todos os nossos caminhos ordenados de um a 13 dentro do nosso grupo de formas. Vou renomear este grupo de formas pressionando Enter no teclado e nomeando-o como Caminhos. Então eu realmente vou mover meu grupo de caminhos para fora para o meu conteúdo principal, e eu posso me livrar do grupo 1. Então eu vou para o meu grupo de caminhos e eu vou me mover com o traçado fora do grupo de caminhos para o meu conteúdo também. Agora temos um grupo cheio de nossos caminhos, nosso traçado fora dele, que controla a largura do traçado para todos os caminhos ao mesmo tempo. Agora eu posso adicionar um operador de caminhos de corte, assim como fizemos antes. Se eu mudá-lo de simultaneamente para individualmente e, em seguida, eu apenas o meu fim, infelizmente, essas almofadas ainda estão na ordem oposta em que eles precisam estar. Então eu vou expandir isso um pouco de novo para que eu tenha mais espaço para trabalhar, e eu vou começar a reordená-los clicando e arrastando os caminhos para que eles revertam sua ordem. Tanto quanto sei, não há maneira mais rápida de fazer isso. Infelizmente, é algo que você tem que lidar. Agora que meus caminhos estão reordenados, nossos caminhos aparados devem se comportar da maneira que eu esperava, e parece que é. Isso é ótimo. Agora, se eu habilitar essa camada novamente, você pode ver que nossos caminhos de corte em nossa camada de forma estão se comportando da mesma maneira que estava em nosso primeiro exemplo. A diferença é que agora estamos usando isso como um mapa Alpha para nossa arte. Assim, nossas pinceladas e toda a textura da arte original são preservadas e reveladas por essa camada de forma. Neste momento, o fim da nossa linha é plano. Se eu quisesse arredondar isso, tudo que eu tenho que fazer é entrar no meu curso e mudar a tampa de linha de bumbum para redondo, e, assim, não é uma borda tão dura. Vamos em frente e enquadre os caminhos de corte. Vou começar em zero, avançar dois ou três segundos, e depois definir o fim para 100. Em seguida, vou definir minha área de trabalho pressionando N no teclado e, em seguida, executar a visualização pressionando zero no teclado numérico. Agora eu tenho uma gravação funcional usando arte que foi criada dentro do Photoshop. Assim como antes, eu posso selecionar esses dois quadros-chave e facilitá-los facilmente, e talvez entrar no meu editor de gráficos e exagerar uma curva um pouco mais, executar visualização, e agora temos um pouco mais dinâmico de uma animação. Agora algo que acabei de notar foi que, no final, o ponto de exclamação está escrito um pouco diferente do que eu queria. Esta parte de cima aqui escreve de baixo para cima, e eu prefiro que vá de cima para baixo. Então vamos entrar em nossos caminhos, e eu tenho certeza que esse é o caminho número 2. Se eu ligar e desligar isso, você pode ver que esse segmento desaparece. O que eu preciso fazer é reverter a direção do caminho para esse caminho. Vou apenas clicar nesse botão, e agora você vê que ele flui de cima para baixo em vez de de baixo para cima. Se eu executar a pré-visualização, parece muito bom. Se eu quisesse, eu poderia até ativar o desfoque de movimento para a composição e para aquela camada de forma. Agora, enquanto isso anima, você verá que o desfoque de movimento está sendo produzido para essa camada de forma. Como estamos usando como um fosco alfa para a arte, ele também aparece em cima da arte original. 6. Mais opções e limpeza do arquivo: Isso é ótimo. Eu vou ir em frente e desligar o movimento um pouco, e vamos dar uma olhada em mais algumas opções. Vou abrir o Conteúdo e mudar o Cortar várias formas de individualmente de volta para Simultaneamente. Vou acelerar nossa animação um pouco, mudar minha área de trabalho e RAM Preview. Agora cada personagem está sendo escrito ao mesmo tempo. Mas e se eu quisesse tentar algo um pouco diferente? Diga que eu não queria que as cartas começassem do início e terminassem no final. Bem, como eu tenho um valor inicial e final, eu poderia alterar o primeiro quadro-chave para o valor final de zero por cento para 50% para que a extremidade final comece no meio de cada caractere. Eu poderia alterar o valor inicial para 50% também, e definir um quadro-chave. Agora, como ambos os valores são definidos como 50%, nada é visível. Se eu animar o valor final para 100 por cento, ele começa em 50, vai para 100, e mostra a segunda metade de cada letra. Se eu animar o início de 50 a 0, então ele começa a meio caminho e termina no início. Se eu facilitar todos esses quadros-chave, e RAM Preview, agora minhas cartas escrevem em um pouco diferente. vez, vou entrar no meu editor de gráficos, apenas dar a isso um pouco mais de personalidade aumentando as alças de influência da curva, e agora minha escrita parece um pouco diferente. Se eu mudar isso de Simultaneamente de volta para Individualmente, ele começa no ponto central de toda a arte e funciona seu caminho para a frente e para trás. Vamos RAM Pré-visualizar isso. Você pode ver o que isso faz. Você tem um monte de opções para brincar usando o operador Aparar caminhos de uma camada de forma. Acho que vou voltar a escrever do jeito que normalmente faria. Vou definir o início de volta para zero, o fim para zero, e animá-lo para 100 por cento. Então eu vou adicionar um pouco mais de tempo a essa animação para que não aconteça tão rápido. Estou muito feliz com o jeito que isso parece. Vamos voltar para a nossa composição principal que tem a nossa arte de fundo. Mas isso pode ser um pouco difícil para você ver. Eu só vou adicionar uma pequena sombra atrás dela. Agora defina minha área de trabalho e visualize isso. Agora eu tenho esta escrita escrita mão em cima da nossa obra de arte original. Se eu voltar para minha composição de animação e habilitar esse desfoque de movimento novamente, e então eu vou RAM Preview novamente na minha composição principal, você pode ver como isso se parece. Agora há um pouco de um problema que está acontecendo no início desta animação. Se eu aumentar o zoom no E, você vai notar aqui, entre este quadro e aquele quadro, parte da carta está sendo revelada que não queremos vê-lo. Se eu voltar para a gravação na composição e ampliar, a razão pela qual isso está acontecendo é porque o traçado de nossa camada fosca alfa é mais largo do que precisa ser naquele ponto. Mas devido à espessura do traçado tem que ser consistente, precisamos que ele seja tão grosso para cobrir as partes mais grossas de nossa obra de arte. Para resolver esse problema, eu vou ter que mascarar essas áreas manualmente no momento em que elas são visíveis. Para fazer isso, eu vou clicar na camada “Explorar” e seguida, mudar para a ferramenta de caneta pressionando “G” no teclado, e então eu vou desenhar uma máscara que segue o contorno desta linha. Apenas grande o suficiente para que eu possa cobrir essa seção, e depois fechar o caminho. Então eu vou pressionar “M” para trazer a máscara, e mudá-la de adicionar para subtrair. Então farei a mesma coisa para este segmento inferior. Novamente alterando a máscara de adicionar para subtrair e, em seguida, ampliando um pouco e ajustando-a até que ela se encaixe apenas na direita. Isso parece muito bom. Vou definir um quadro-chave no Caminho da máscara para ambas as máscaras. Então eu vou pressionar “U” para recolher a camada e “U” mais uma vez para exibir apenas os quadros-chave. Em seguida, com ambos selecionados, eu vou segurar “Opção” mais “Command” e clicar em um dos quadros-chave, ou “Alt” mais “Controle” e clicar em um dos quadros-chave em um PC, que irá converter meus quadros-chave para segurar quadros-chave. Agora, se você não sabe o que é um quadro-chave de espera, é um quadro-chave que não muda entre outros quadros-chave. Se eu for avançar no tempo e mover meus caminhos de máscara, você verá que outro quadro-chave de espera é gerado. Entre esses dois, nada muda. A única vez que a máscara muda é quando atinge o próximo quadro-chave de espera, e é isso que eu quero para esta situação. O próximo quadro é onde eu quero que esses dois caminhos não sejam mais visíveis. Vou ampliar pressionando a tecla de mais no teclado e, em seguida, pegar os dois segundos quadros-chave para ambas as máscaras e arrastá-lo para onde minha cabeça de reprodução está. Agora, se eu passar por essa animação um quadro cada vez pressionando as teclas “Page Up” e Page Down”, você verá que até o segundo quadro-chave, essas duas máscaras estão ocultando a parte do trabalho artístico que foi revelado antes. Então, assim que o caminho passar por aquela seção, as máscaras são movidas para fora do caminho. Se eu visualizar isso, você vai notar que nós não vemos mais esse segmento do E antes que nós deveríamos. Está aparecendo um pouco neste X, um pouco neste R, mas acontece tão rápido nessas letras que eu não sei se realmente precisa de muito trabalho. Cabe a você tomar essas decisões. Neste caso, acho que vai muito rápido para se preocupar. Consertar o primeiro foi provavelmente uma boa ideia, mas o resto, tenho certeza que estamos bem com isso. Agora, se eu voltar para minha composição principal e visualizar a animação, eu tenho um efeito de gravação trabalhando sobre a arte original criada dentro do Photoshop, com textura e pinceladas. 7. Use a criatividade: Então, com este próximo exemplo, eu vou dar alguns passos adiante para que possamos fazer um pouco mais de uma direita avançada sobre. Esta obra tem mais palavras e tem uma mistura de diferentes tipos de letras, também tem textura adicionada e algumas marcas de acento aqui na parte inferior. Para este caso, eu decidi dividir cada palavra em sua própria camada para que eu possa me concentrar em uma palavra de cada vez em vez de após efeitos. Eu também mascarei essa parte do fundo para que eu possa tê-lo como uma camada separada e brincar com algum trabalho de câmera 3D dentro do After Effects. Isso é um bônus, você não tem que fazer isso, mas eu vou te mostrar como eu fiz isso. Então eu tenho meu PSD tudo pronto. Vamos trazê-lo para o After Effects. Então, novamente, eu vou para a minha pasta de imagens e pressione “Command” ou “Control I” para importar, e então eu vou clicar em “minha aventura PSD” e certifique-se de que a composição retém os tamanhos da camada estão selecionados e pressione “Ok”, e então eu vou arrastar isso comp na minha pasta de composições, abra-a e, novamente, vá para as configurações de composição pressionando “Command” ou “Control K” no teclado. Desta vez, a proporção não está definida como 16 por 9. Agora não há nada de errado em trabalhar em uma proporção diferente do filme. Então, se você quiser que sua arte final seja um retrato em vez de paisagem, tudo bem. After Effects pode funcionar em qualquer resolução que você disser, e você pode criar ou dar qualquer resolução a ele. Agora, esta composição ainda é muito grande mesmo se eu fosse ficar em uma proporção de 2-3. Eu gostaria de deixar isso para baixo para provavelmente máximo de 800 pixels de altura só vai acabar sendo um GIF, ou você pode sempre trabalhar com o dobro dessa resolução apenas no caso de você querer maior, e então dimensioná-lo para baixo uma vez que você vai para exporte seu GIF. Para os meus propósitos, ainda vou querer trabalhar em 1.920 por 1.080. Então eu vou mudar minhas configurações de composição para que a taxa de quadros 23.976 seja boa para este também. Então eu vou deixar isso lá. Pressione “Ok”, e então eu vou expandir o painel Linha do tempo um pouco para que eu tenha mais espaço para ver todas as minhas camadas, e eu vou limpar este composto um pouco. Então, imediatamente temos essa camada que está desabilitada, que é toda a nossa arte em uma camada. Eu não vou precisar disso, então eu vou ir em frente e excluí-lo. Esta camada zero cópia é a camada de máscara fora que eu vou estar usando para criar algum paralaxe. Então eu vou renomear isso, primeiro plano. Então eu vou selecionar tudo, mas o plano de fundo e pai para o plano de fundo. Em seguida, vou clicar na camada de fundo, clique com o botão direito do mouse, transformar, ajustar a largura de composição. Agora, se eu dissesse apto a comp, isto é o que acontece. Estica a minha imagem. Isso ocorre porque o trabalho artístico original não está configurado para ser uma proporção de 16 por 9, e ajustado às escalas de composição, você está camada para a composição, independentemente da proporção que ela seja. Então, se eu abrir minha balança, você vê que temos 80% no X e 30% no Y, é por isso que é esmagado. Então, em vez disso, eu vou clicar com , ir para transformar, e dizer , ajustar a largura de composição, e assim ele se encaixa na largura da minha composição. Se eu fosse fazer ajuste para comp altura, então nós vamos colocar essas barras pretas nos lados. Vou desfazer pressionando “Command Z” ou “Control Z” e um PC, e agora vejo que meu texto é realmente um pouco grande demais. Então eu vou selecionar todas as minhas camadas de texto e mudar a parentalidade do fundo para a palavra aventura. Em seguida, selecionarei minha camada de aventura, e reduzirei isso enquanto mantenho a tecla Shift no teclado para restringir as proporções, e eu vou trazer meus guias pressionando a tecla de apóstrofo no teclado para me ajudar a posicionar isso no centro da comp. Acho que posso fazer isso um pouco maior, isso é muito bom. Vou desligar meus guias pressionando uma tecla de apóstrofo novamente, e agora eu quero selecionar todas as minhas camadas de texto e decompor pressionando “Command Shift C” ou “Control Shift C” em um PC, e eu vou renomear esta aventura logo em, e, em seguida, pressione “Ok”. Agora, eu posso entrar naquela composição e ver todas as minhas camadas de texto por conta própria. É aqui que vamos gerar estão bem. Então, novamente, eu vou traçar cada palavra uma de cada vez usando a ferramenta caneta, criando camadas de forma para cobrir toda a arte. Novamente, tenha em mente que estou fazendo isso na ordem em que vai ser escrito. Agora, como eu tenho palavras diferentes em camadas diferentes, eu preciso fazer uma camada de forma separada para cada palavra. Então esta primeira forma camadas para a palavra amor. Então eu vou renomear esse amor, Matte, e eu vou colocá-lo diretamente acima da camada de amor, e então eu vou passar para a próxima palavra. Tudo bem, isso foi um processo, mas agora todo o meu texto foi rastreado, e eu queria apenas mencionar isso rapidamente. Eu vou separar essas três marcas de acento em suas próprias camadas porque eu vou animá-las um pouco diferente do texto. Então eu vou renomear este primeiro, marca de acento um, e eu vou mascará-lo e mudar a máscara para revelar uma marca de acento central, em seguida, duplicado novamente, mudar a máscara, e então eu vou definir a âncora aponte para o centro de cada uma dessas camadas selecionando todas as três e, em seguida, segurando “Option” “Command” e pressionando “Home” ou “Alt” “Control” “Home” em um PC. Você vê que isso quebrou meu ponto de ancoragem para o centro de cada uma dessas camadas. Agora eu tenho todos os três separados, e eu vou rastreá-los muito rápido para que possamos fazer o artefato certo para eles também. Agora, eu tenho todo o meu trabalho artístico rastreado, e podemos começar a animar usando Aparar caminhos. Então a primeira coisa que eu preciso fazer é fazer todos os traçados alfa fosco para a obra de arte. Então, eu vou rapidamente selecionar todas as minhas camadas de arte clicando na cor do rótulo de uma das camadas de arte e dizendo selecionar grupo de rótulo, que selecionará automaticamente todas as camadas com a mesma cor. Então eu vou vir para a opção de homem de faixa para uma das camadas de arte e mudá-lo de nenhum para Alpha fosco, e porque eu já tinha empilhado todos os meus foscos diretamente acima da obra de arte que eles faziam parte, todos os tapetes alfa estão se comportando da maneira que deveriam e podemos começar a revelar o trabalho artístico usando os caminhos de corte. Então eu vou desligar minhas dores de controle de transferência só para me dar um pouco mais de espaço, e vamos começar com a primeira palavra. Então abra o Matte e veja o conteúdo. Verá que tenho três grupos para essa palavra. Assim como antes, quero colocar todos os meus caminhos em um só grupo. Então, outra maneira que eu poderia fazer isso é abrindo todos os grupos de formas, e então clicando no caminho do terceiro grupo, segurando “Command” ou “Control” em um PC e clicando no caminho do segundo grupo, e então apenas clicando e arrastando-os para a forma um e certificando-se de que eles vão acima do traçado. Então eu posso excluir os outros dois grupos, e me livrar do preenchimento do grupo que sobrou. Agora, eu tenho todos os três caminhos mais um traçado dentro da minha camada de Forma. Posso recolher esse grupo, clicar no meu conteúdo e adicionar caminhos de corte, e então abrirei esses caminhos de corte, defino um quadro-chave para o valor final e movê-lo para frente talvez um segundo, e então altero esse valor para Zero. Também mude-o de simultaneamente para individualmente e, em seguida, basta adicionar uma facilidade fácil. Defina minha área de trabalho pressionando “N” no teclado e depois pré-visualização de RAM pressionando “0" no teclado numérico. Certo, temos alguns caminhos fora de ordem. Vamos abrir nosso grupo de formas, e parece que o caminho 2 é na verdade o E e o caminho 3 é o próprio V. Eu não tenho certeza de como isso aconteceu, mas tudo o que temos que fazer para corrigi-lo é reorganizar isso, e nós executamos a visualização e agora escreve na ordem certa. Agora outra coisa que eu quero fazer é mudar o tipo de tampa para redondo. Então eu vou entrar em minhas propriedades de traçado e mudar a tampa de linha para tampa redonda, e eu vou mudar minha junção de mitra para junção redonda, e eu vou pressionar um “U” para trazer meus quadros chave, executar a visualização novamente, e eu acho que isso pode ir apenas um pouco Muito rápido. Então eu vou trazer isso para fora um pouco mais e executar a pré-visualização. Eu gosto dessa velocidade, mas se você notar bem aqui, temos um pouco do L aparecendo que realmente não deveria ser. Agora, eu posso tentar corrigir isso ajustando meu caminho um pouco, e então talvez diminuindo o tamanho do traço apenas um fio de cabelo. Agora, o problema em fazer isso é que você vai notar como eu estou me livrando dessas duas bordas que estão aparecendo, ele também está diminuindo a largura da linha no resto das minhas letras. Portanto, cabe a você se este é o método que você deseja fazer para resolver o problema de ter caminhos que se sobrepõem, mas na maioria das vezes, a quantidade que você perde é um pouco suficiente para que muitas vezes vale a pena acelerar seu fluxo de trabalho para perder um pouco parte do seu trabalho artístico, mas isso é completamente sua decisão. Se eu corri pré-visualização isso agora, eu estou feliz com a maneira que parece, e nós podemos passar para a próxima palavra. Então eu vou abrir o é Matte, entrar no conteúdo, abrir esses dois grupos, e mover este segundo caminho de grupos para o primeiro grupo. Então eu vou excluir o segundo grupo, excluir o preenchimento do primeiro grupo, e parece que o caminho 1 é o S. Então eu vou mover isso para o segundo slot, e agora não deve ser ordenado do jeito certo, e agora nós pode simplesmente copiar e colar os caminhos de corte da letra anterior. Então eu não tenho que fazer trabalho extra. Lembre-se de que onde quer que sua cabeça de jogo esteja na linha do tempo é onde os quadros-chave vão aparecer que você cola. Então eu vou voltar ao início e colar lá. Agora, eu tenho uma aparar caminhos com dois quadros-chave, e se eu executar visualização, parece que foi para trás na ordem desses caminhos. Então eu vou voltar e reverter essa ordem, executar a pré-visualização. Agora, a escrita na ordem certa, mas está ficando um pouco lento demais. Então eu vou pressionar U para trazer os quadros-chave, e eu vou trazer este segundo chave-frame em um pouco. Vamos rever isso, e estou feliz com essa velocidade. Eu não vou me preocupar com o tempo de todas essas camadas ainda. Faremos isso um pouco mais tarde. Por enquanto, vamos passar para a próxima palavra. Voltando de novo, agora este tem cinco formas. Então, para acelerar o processo, vou selecionar um dos meus pontos de ancoragem, manter pressionado o comando ou o controle em um PC. Clique e arraste para selecionar todos os meus caminhos, comando X ou controle X no PC para cortar, excluir grupos de dois a cinco e, em seguida, colar no primeiro grupo de formas, abri-lo. Arraste todos esses caminhos acima do traçado, exclua o preenchimento e, em seguida, inverta a ordem desses caminhos. Agora, eu posso copiar e colar esses caminhos de corte novamente, e novamente eu vou voltar para o primeiro quadro para colar, e então eu vou executar a visualização, e isso parece muito bom, mas eu acho que eu vou fazer isso apenas um pouco mais e ajustar minha área de trabalho para que apenas visualizemos essa parte. Talvez tenha sido um pouco demais. Estou basicamente tentando igualar a velocidade da palavra é. Acho que é muito perto, e podemos passar para a próxima palavra, e esta tem um monte de grupos. Então, novamente, eu vou fazer o método mais rápido de apenas selecionar um ponto, arrastar uma caixa para selecionar todos eles e caminhos, cortar, excluir todos menos o primeiro grupo, colar no primeiro grupo, mover todos esses caminhos acima o derrame. Livrar-se do preenchimento e, em seguida, inverter a ordem dos meus caminhos, e, em seguida, eu vou copiar os caminhos de corte da primeira palavra e colá-lo no fosco de aventura, mostrar quadros-chave e apenas a minha área de trabalho e, em seguida, visualizar. É muito rápido na área central. Então eu vou arrastar isso um pouco, e então talvez ajustar minha curva de velocidade. Então, na verdade, é menos do que a facilidade que me deu. Vamos pré-visualizar novamente. Talvez aumentou essa curva um pouco, e então eu também vou ajustar o curso para que ele tenha em torno de cap. Vou fazer isso pelas outras duas palavras também. Então eu vou apenas abrir o curso, trocá-lo da tampa traseira em torno da tampa, e agora todos os meus traços têm tampas redondas. Então eu vou apenas adicionar os caminhos de corte a essas três marcas de acento, e como cada um deles tem apenas um caminho, eu não tenho que fazer nenhuma limpeza dentro da camada de forma. Então eu vou apenas copiar os caminhos de corte de uma palavra diferente e, em seguida, colá-lo na parte superior do mapa para cada uma dessas marcas de acento, tudo ao mesmo tempo. Pressione “U” para exibir os quadros-chave e, em seguida, execute a visualização. Eu vou fazer isso acontecer um pouco mais rápido e talvez aumentar a velocidade de entrada do segundo quadro-chave, e vamos executar a pré-visualização. Sim, eu gosto do jeito que isso parece. Agora, vamos apenas certificar-nos de que o nosso curso está definido para o limite redondo, e executar a pré-visualização toda a coisa, e isso está parecendo muito bom. 8. Acerte a marcação de tempo: Agora podemos trabalhar no tempo. Comece movendo todas as camadas, exceto a primeira palavra para frente no tempo. Vou clicar na primeira camada, mudar, clicar todo o caminho para baixo na camada é e, em seguida, movê-los para a frente uma boa quantidade de tempo. Consigo concentrar-me apenas na primeira palavra. Vou definir a minha área de trabalho e executar a pré-visualização. Acho que quero que a próxima palavra venha aqui para que não demore muito para que toda esta frase seja animada. Vou selecionar a próxima palavra e trazer isso de volta no tempo para a direita sobre lá, e então eu vou pegar a próxima palavra que aparece logo depois e tê-lo sobreposto apenas um pouco também. Vamos ver como isso se parece. Eu gosto desse momento até agora, então vamos passar para a próxima palavra. Provavelmente vou começar bem aqui. Vou pegar a próxima palavra, arrastá-la de volta e aposto que posso começar isso mais cedo. Vamos ver como isso se parece. Neste ponto, a maior parte do passeio em efeito está acontecendo na palavra Aventura e isso é praticamente o que eu esperaria porque é a palavra mais longa em toda a frase. O que eu realmente quero fazer é sobrepor a animação de diferentes personagens dentro dessa palavra para que não demore tanto tempo para escrever. Para fazer isso, eu preciso ir para a camada fosca Adventure e eu estou realmente indo para agrupar alguns desses caminhos com seus próprios caminhos de corte. Primeiro vou arrastar esta camada de caminhos de corte logo abaixo do caminho 8 e os caminhos 8, 9 e 10 são os A em Aventura. Vou selecionar todos esses, mais os caminhos de corte e agrupá-los, pressionando Command G ou Control G em um PC, e então vou renomear esse grupo, A. Agora, o caminho de corte só está afetando essa camada. Agora o que eu gostaria de fazer é que tanto esse caminho quanto aquele caminho se animem simultaneamente e acho que podemos fazer isso com um único traçado. Se eu entrar em meus caminhos de corte e alterar o primeiro quadro-chave para o valor final para 50% e o primeiro valor do quadro-chave para o início para 50% e, em seguida, ir para o segundo quadro-chave, animar o início para zero e manter o fim animando para 100, então eu vou facilitar todos os quadros-chave. Se eu passar, está quase fazendo o que eu quero. O que eu acho que eu preciso fazer é reverter a direção do primeiro caminho. Vou clicar nisso e depois pré-visualizar. Isso é exatamente o que eu queria. Vamos tornar essa animação um pouco mais rápida e, em seguida, definir minhas áreas de trabalho, começar pressionando B no teclado e, em seguida, definir as áreas de trabalho finais pressionando N no teclado e, em seguida, executar a visualização. Novamente, estou focando na letra A. Isso é exatamente o que eu queria. Deixe-me apenas ajustar a curva de velocidade um pouco para ambos os valores do quadro-chave e executar visualização novamente e eu acho que isso é ótimo. Agora eu vou colapsar esse grupo de formas e passar para o D. Agora eu posso realmente agrupar esse caminho sozinho. Vou pressionar Command G ou Control G novamente e renomear isso para D e, em seguida, adicionarei caminhos de corte a esse grupo. Acho que vou querer que comece a escrever aqui. Então eu vou abrir os caminhos de corte, definir o fim como zero, definir um quadro-chave, avançar no tempo, e provavelmente vou querer que o D pare de animar ao mesmo tempo que o A faz. Eu vou para o mesmo ponto no tempo que o A pára de animar e mudar o valor do final para 100 por cento. Então eu vou facilitar, entrar no meu editor de gráficos, e ajustar a velocidade de entrada para o segundo quadro-chave para torná-lo um pouco mais exagerado, então executar a visualização e isso é muito bom. Acho que talvez a animação deva durar um pouco mais. Vamos pré-visualizar isso. Sim, eu gosto dessa velocidade. Para o próximo grupo de letras, eu vou querer que ele comece a animar bem aqui, bem quando esta parte do D é animada em onde ele se junta com o V. Eu realmente vou copiar esses caminhos aparados. Vá para o próximo caminho, agrupe-o pressionando Comando G, renomeando este ven e colando os caminhos de corte. Parece que você poderia começar um par de quadros mais cedo. Eu vou abri-lo e entrar nos caminhos de corte e trazer os quadros-chave de volta provavelmente apenas um quadro e vamos executar uma pré-visualização disso. Sim, eu estou gostando disso até agora e você pode ver que isso está criando um pouco mais de um efeito sobreposto. Eu vou trazer esse segundo quadro-chave em apenas alguns quadros para que ele termine um pouco mais rápido. Agora vamos passar para o T. Agora o T é na verdade dois caminhos diferentes. Eu vou agrupar os dois juntos, e então eu vou para o ponto no tempo onde eu quero que o T para começar a animar, que provavelmente está bem aqui e eu deveria ter esse caminho de corte ainda copiar para a minha área de transferência. Se eu tentar colar novamente, certeza, ele colou os caminhos de corte. Se eu executar a pré-visualização, vamos ver o que isso faz. Isso não é ruim, eu realmente gosto do movimento que ele tem nós duas linhas são desenhadas sobre ele ao mesmo tempo. Mas acho que pode acontecer um pouco mais rápido e um pouco mais cedo. Vamos abrir os caminhos de corte, puxar os quadros-chave para trás alguns quadros e trazer o segundo quadro-chave e alguns quadros. Pré-visualize isso. Gosto desse timing. Vamos passar para as últimas três letras. Agora estas três letras estão separadas. Na verdade, vou fazer cada um deles individualmente para que possa se sobrepor a cada um deles. Eu vou agrupar o primeiro nome u, agrupar o segundo, nomeá-lo r, e agrupar o terceiro e nomeá-lo e. Então eu vou para o ponto no tempo que eu quero que o u para começar a animar. Provavelmente sobre lá e, em seguida, colar novamente, ir para onde eu quero que o r para começar, colar novamente e, em seguida, ir para onde eu quero que o e para começar, colar novamente. Agora todos esses incrementos são completamente estimados e eu provavelmente vou querer mudar o tempo de todos eles. Não se preocupe com o número exato de quadros que estou compensando cada um deles, tudo precisa ser finalizado. As últimas três letras precisam animar um pouco mais rápido e eu poderia querer ajustar a velocidade do editor gráfico um pouco. Eu vou pressionar u para trazer todos os quadros-chave para essa camada e eu sei que os últimos três conjuntos de quadros-chave são para essas três últimas letras. Vou fazer com que todos se animem um pouco mais rápido e vamos ver como isso se parece. Acho que posso sobrepô-los um pouco mais. Pré-visualize isso. Talvez tenha sido um pouco demais. Vou mudar isso de volta para o jeito que tivemos e então talvez eles animem um pouco mais rápido e vamos ver como isso se parece. Isso é bom. Agora eu acho que eu quero estender o T um pouco mais para que ele ainda está animado, enquanto as últimas três letras não estão animando. Eu também vou puxar para trás o primeiro quadro-chave e o e apenas um par de quadros, então leva um pouco mais para animar e, em seguida, este quadro-chave aqui deve ser para o t, então eu vou trazer isso para fora para alinhar com o final de o e vamos ver como isso se parece. Vamos voltar a esta área de trabalho e ver como tudo está parecendo até agora. Eu gosto disso. Vamos passar para as marcas de sotaque. Eles provavelmente podem aparecer bem ali. Vou pegar todas essas camadas para as marcas de acento e mudar o ponto final de todas essas camadas para onde minha cabeça de jogo está pressionando o colchete esquerdo. Agora todos eles começam bem naquele ponto no tempo. Vamos pré-visualizar isso. Eu acho que isso é muito bom, mas eu quero adicionar um pouco mais de movimento a isso em vez de apenas tê-lo aqui em cima, eu também vou escalar cada sinal de sotaque para cima. Vamos encontrar o segundo quadro-chave para cada uma dessas marcas de acento. Em seguida, eu quero mostrar o fosco para a camada de trabalho artístico original para cada marca de acento. Agora, onde quer que a obra vá, o fosco irá com ela. Então eu quero reposicionar o ponto de ancoragem para estar bem aqui para cada uma dessas marcas de acento. Vou ampliar, mudar para a panorâmica atrás das ferramentas ou para a ferramenta de ponto de ancoragem pressionando Y no teclado, então eu vou clicar e arrastar no meu ponto de ancoragem para reposicioná-lo bem ali. Farei a mesma coisa pelas outras duas marcas de sotaque. Todos eles têm aproximadamente o mesmo ponto de ancoragem e seguida, vou selecionar todas as três camadas de arte e definir um quadro-chave de escala segurando Option ou Alt em um PC e pressionando S. Então eu vou voltar para o primeiro quadro de cada camada e reduzi-los enquanto mantém a tecla Shift pressionada para restringir as proporções. Provavelmente vamos por ali. Então eu vou pegar o segundo quadro de tecla de cada camada fácil facilidade pressionando F9 no teclado, ir para o editor de gráficos e, em seguida, puxar o valor de influência de entrada dos segundos quadros-chave todo o caminho para a esquerda. Em seguida, vou definir a minha área de trabalho para apenas essa parte e pré-visualização. Isso pode ser um pouco rápido demais. Eu vou puxá-los para fora apenas alguns quadros e, em seguida, talvez trazer os quadros-chave para o fosco alfa real, puxá-los para fora bem talvez não tão longe e então eu estou realmente indo para se livrar da flexibilização em o primeiro quadro-chave para cada uma dessas animações de caminho aparadas. Para fazer isso, vou segurar Command ou Control em um PC e clicar em um dos quadros-chave e que os converte de volta para linear. Eu acho que os quadros-chave de caminhos de corte realmente precisam durar mais do que os quadros-chave de escala. Vou puxá-los ainda mais longe. Isso está parecendo melhor. Agora, eu vou para o editor gráfico e apenas puxar este cabo todo o caminho para fora para a esquerda. Visualize o que isso parece e, em seguida, talvez apenas trazê-los de volta em apenas um pouquinho. Sim, acho que é isso. Agora vamos ajustar um pouco o tempo dessas animações. Eu vou cambaleá-los para que eles vão em ordem da esquerda para a direita. Vou selecionar todas as camadas para a segunda ferramenta, deslocá-las por talvez dois ou três quadros, desmarcar essas duas camadas por comando ou controle, clicando nelas e, em seguida, deslocar mais dois ou três quadros e, em seguida, visualizar. Agora a nossa animação é um pouco compensada. Eu acho que três quadros é provavelmente muitos, então eu vou trazer estes cada extremidade por um quadro e, em seguida, zoom out para que eu possa ver todo o meu trabalho artístico e, em seguida, executar visualizar a coisa toda. Eu acho que isso é ótimo. Eu provavelmente posso apenas trazer essas marcas de sotaque em um pouco no tempo e então acelerar tudo logo à frente. Vou selecionar o segundo conjunto de quadros-chave para cada propriedade animada e arrastá-los de volta no tempo apenas alguns quadros e executar a visualização. Eu acho que o tempo é muito bom no ponto. Agora, novamente, cabe a você determinar que tipo de tempo, animações, tudo para sua própria arte. Foi assim que acabei animando a minha, mas as possibilidades para o que você poderia fazer com suas letras são praticamente infinitas. 9. Trabalhe com as camadas: Então, agora que temos esta animação, vamos voltar para a nossa comp principal. Vou desvisualizar isso para que possamos ver sobre nossa imagem de fundo. Então este é um efeito de escrita perfeitamente decente, e é ligeiramente diferente do que já fizemos. Mas como podemos dar um passo adiante? Bem, uma coisa que podemos fazer é adicionar um segundo traço que seja de uma cor diferente, que aparece antes deste acidente vascular cerebral. Para fazer isso, vou duplicar este pré-composto. Então agora eu tenho duas cópias de nossa arte animando. Se eu compensar este por talvez um ou dois quadros, e depois vir para o primeiro, eu vou adicionar um efeito de preenchimento. Isso me permite mudar a cor dessa camada. Se eu chegar ao efeito, eu posso mudar a cor para o que eu quiser, e digamos que eu quero que seja a cor amarela do que está no mapa. Bem, eu posso escolher o conta-gotas, e depois provar a cor, e então eu provavelmente vou querer aumentar a saturação, torná-lo um pouco mais brilhante, e parece um pouco verde para mim, então eu vou fazer um pouco mais amarelo. Pressione “Ok” e agora vamos visualizar a animação. Agora você vê que temos uma trilha na frente dessa animação que é uma cor diferente da arte final, e essas camadas empilhadas de animação apenas adicionam outra camada de profundidade ao seu efeito de gravação. Mas e se quiséssemos dar um passo adiante? Bem, eu vou entrar no meu projeto, e encontrar essa composição, Adventure WriteOn, e eu vou duplicá-la pressionando Command D ou Control D em um PC, e então eu vou renomeá-lo, Adventure WriteOn Dashed. Então eu vou entrar naquela composição, me dar um pouco mais de espaço, recolher todas as camadas pressionando U no teclado, e então abrir as primeiras palavras Matte. Então eu vou para o conteúdo, para a forma, para o traço e, em seguida, adicionar um traço e uma lacuna. Vou ampliar isso para que possamos ver o que está acontecendo e desligar minha visibilidade do caminho da máscara. Se eu aumentar o tamanho do espaço, e talvez diminuir a largura do traçado, agora temos uma linha tracejada que é um pouco mais fina do que a nossa arte original. Isso ainda se anima exatamente da mesma maneira que nosso write-on original fez. Agora podemos copiar este golpe. Vá para as próximas palavras, Matte, vá para o Conteúdo, encontre o traçado, selecione-o e, em seguida, cole, e agora todas as propriedades desse traçado também são aplicadas a este, e eu continuarei fazendo isso para o resto do as palavras. Então agora eu tenho uma versão tracejada de toda a animação de gravação que eu já tinha. Você pode ver que temos algo estranho acontecendo com o A, mas não se preocupe com isso por enquanto, voltarei a como podemos consertar isso em um minuto. Por enquanto, vamos voltar para a nossa composição principal, duplicar a segunda camada, que é aquela com o preenchimento amarelo aplicado, e agora vamos substituí-la por nossa composição tracejada. Para fazer isso, eu vou ter a camada selecionada que eu quero substituir, então eu vou subir no projeto, clicar e arrastar na composição que eu quero, mantenha pressionada a tecla Option ou Alt em um PC, enquanto arrasto essa camada para cima do selecionado. Então eu solto o rato, e essas composições são trocadas. Em seguida, vou selecionar a primeira e a terceira camadas, e deslocá-los por dois quadros mantendo Option ou Alt em um PC e pressionando a página Down Key duas vezes. Agora, se eu executar a visualização, você vê que agora eu tenho uma linha amarela tracejada seguida por uma linha amarela sólida e, finalmente, uma linha sólida branca. Se eu quisesse ver essa linha tracejada ainda mais, eu poderia compensar essas duas camadas mais alguns quadros, e agora essa linha tracejada leva muito mais longe. Agora, se você estiver usando uma animação de caminho tracejado e não estiver tendo problemas, então você realmente não precisa fazer essa próxima etapa. Mas digamos que você tenha um problema como eu, ou a linha tracejada está se movendo em vez de apenas ser revelada. Isso está acontecendo porque nós animamos os valores inicial e final para o A dentro das palavras de aventura fosco, e o valor inicial determina onde os traços começam em uma camada de forma do After Effects. Então, se você está tendo esse problema, eu achei que a coisa mais simples a fazer é primeiro se livrar de toda a sua animação. Então, basta pressionar “U” para exibir todos os seus quadros de teclas, e então eu vou expandir este painel colocando meu mouse sobre ele, e, em seguida, pressionando a tecla Tilde, que está diretamente abaixo da tecla Escape no teclado, aquela pequena linha rabiscada. Então eu vou clicar e arrastar uma seleção torno de todos os meus quadros-chave, e pressionar “Delete”. Em seguida, pressionarei “U” para recolher todas as camadas, ir para o primeiro quadro, selecionar tudo e pressionar o colchete esquerdo para encaixar os pontos finais de todas as minhas camadas no indicador de reprodução. Então eu vou pressionar a tecla Tilde mais uma vez, para retornar à visualização normal do painel, e agora eu tenho uma composição com todas as minhas letras como um traçado de mesa, sem animação. Então eu vou voltar para o meu comp principal, dar a mim mesmo um pouco mais de espaço para ver. Agora temos toda a arte da linha tracejada aparecendo o tempo todo. Da mesma forma que usamos uma camada de forma como um fosco Alpha, dentro dessas pré-comps, poderíamos realmente usar essa pré-composição como um fosco alfa para o trabalho artístico tracejado. Então eu vou fazer outra duplicação da nossa arte original, arrastá-la para baixo, deslocá-la para começar no mesmo ponto da composição de linha tracejada, selecionar a composição de linha tracejada e mudar o fosco de faixa para fosco alfa. Agora, se eu solo esta camada, você pode ver que essa linha tracejada agora está sendo escrita exatamente como era antes, e a razão para isso estar acontecendo, é porque a camada que estamos usando como um fosco alfa, é o nosso original obras de arte precomp, que tem a animação embutida já. Então a linha tracejada nunca está se movendo, está apenas sendo revelada exatamente da mesma maneira que as outras letras. Usar esse método é realmente um pouco melhor, porque, independentemente de você alterar sua animação dentro de sua composição animada principal, isso afetará a maneira como a linha tracejada está sendo animada, porque a linha tracejada precomp está usando o precomposto animado como seu fosco alfa. Agora, novamente, se você estiver usando linhas tracejadas e você não tiver problemas ou você não se importa que a linha tracejada se mova, então você não precisa fazer esse método. Mas agora você sabe como, se alguma vez encontrar esse problema. 10. Adicionando o Paralax com uma câmera 3D: Estou muito feliz com a forma como essa animação parece. Agora vamos brincar com um pouco de paralaxe. Desde que eu tenho essa separação da camada de fundo de primeiro plano, eu vou começar por parentalidade todas as camadas de letras para a camada final do trabalho artístico. Então eu vou fazer tudo uma camada 3D clicando e arrastando para baixo no interruptor de camada 3D para tudo, então eu vou adicionar uma nova câmera indo para Camada, Nova Câmera. Vou definir esta câmera para ser predefinida 50 milímetros. Certifique-se de que a profundidade do campo está desativada. Pressione Ok. É aqui que eu gostaria que a arte acabasse. Vou avançar para talvez quatro segundos. Em vez de posicionar o quadro da tecla pressionando a Opção P, enquanto a camada da câmera está selecionada. Em seguida, vou voltar para o primeiro quadro, mudar para a minha ferramenta de câmera pressionando C no teclado e continuar pressionando C para percorrer todas as opções de ferramentas até chegar à ferramenta de câmera Z faixa. Se eu clicar e arrastar na composição, eu posso puxar a câmera para trás até que seja sobre onde eu quero para esta animação. Não sei se foi longe o suficiente ou longe demais. Então vamos apenas visualizar e ver como isso se parece. Agora tenho uma boneca lenta na minha arte, e isso é ótimo. Mas, o problema é que podemos ver além da camada de fundo em ambos os lados e estamos recebendo essas barras pretas. Então o que eu preciso fazer é deslocar a camada de fundo no espaço Z, bem como a camada de primeiro plano apenas um pouco, e então, aumentar a escala para que não vejamos as bordas de nossa composição. Vamos começar no primeiro quadro da nossa composição. Pegue nossa camada de fundo, mude para a ferramenta de seleção pressionando V no teclado e, em seguida, passe o mouse sobre a alça azul onde diz Z, clique e arraste para movê-la para trás. Algo que me esqueci era que o primeiro plano estava ligado ao fundo. Então eu realmente vou desfazer isso, desemparelhar o primeiro plano do plano de fundo e, em seguida, empurrar a camada de fundo de volta no espaço Z. Agora você vê que a camada de primeiro plano está ficando onde estava. Uma vez que eu obter isso de volta longe o suficiente, eu vou clicar em uma das alças de transformação e segurar shift para restringir proporções até que ele cobre todo o plano de fundo. Agora minha camada de primeiro plano é muito pequena e você pode ver uma duplicata da camada de fundo atrás dela. Então eu preciso escalar isso também. Mas primeiro, quero empurrá-lo de volta no espaço Z. Agora eu vou clicar na alça de transformação e manter a tecla shift pressionada até que ela seja dimensionada o suficiente para cobrir toda a imagem de fundo e, em seguida, puxá-la para baixo, para que você não possa ver nada por trás dela. Agora, se eu executar Preview, é extremamente sutil, provavelmente muito sutil, mas agora há um pouco de paralaxe entre o primeiro plano, o plano de fundo e o texto. Quero tornar isto muito mais dramático. Então eu vou empurrar a camada de fundo muito mais para trás no espaço Z. Vou abrir a propriedade position e, em seguida, clicar e arrastar o valor Z até que esteja em torno de 2.000 pixels. Na verdade, eu só vou digitar 2.000. Então, vou escalá-lo novamente. Em seguida, vou pegar a camada de primeiro plano, pressionar P para abrir essa posição, e empurrá-la de volta para cerca de 800 pixels. Em seguida, vou escalar isso, reposicioná-lo e, em seguida, executar Preview. Agora, é só um pouco mais perceptível. Eu definitivamente quero que seja sutil porque é um efeito sutil. Mas agora você pode dizer que há três camadas diferentes na minha composição. O texto é deslocado do mapa e o mapa é deslocado do plano de fundo. Só para que você possa ter uma idéia muito mais clara do que está acontecendo, eu vou aumentar isso ainda mais. Agora você pode realmente dizer que paralaxe entre as três camadas diferentes. O texto está muito mais longe do mapa do que estava antes, e o mapa está extremamente longe desse plano de fundo. Agora, como eu disse antes, eu estava indo para um efeito sutil. Então eu nunca iria querer empurrar isso tão longe. Mas agora você pode ter uma idéia do que eu realmente fiz. 11. Adicionando textura: Este exemplo eu já animado semelhante à maneira que eu animado o último exemplo. Cada letra tem seus próprios caminhos de quadro e cada caractere é deslocado por apenas um quadro ou dois. Eu também tenho esses pequenos pontos saltando para cima e para baixo para sua animação. Eu já adicionei uma câmera 3D e deslocar o texto do fundo. Agora, o que eu quero fazer é adicionar uma segunda cor que apenas aparece na ponta dessas letras, e também dar-lhe um pouco de textura para que pareça que é tinta molhada sendo escovada. Para fazer isso, quero precompor esta pré-composição de escrita. Agora, eu sabia que ia fazer vários pré-comps, então eu fui em frente e nomeei este Michigan Writeon-01. Agora, quando eu pré-comp, eu vou mudar para Michigan-writeon-02 e pressionar ok. Então eu vou para o pré-composto e é aí que vamos ver que temos nosso pré-composto original por conta própria. Como posso isolar apenas a ponta desta escrita? Bem, deixe-me começar duplicando a camada, renomeando esse pincel e adicionando um preenchimento. Vou torná-lo um pouco menos difícil de olhar para o vermelho. Então eu vou duplicar essa camada novamente, e nomear este pincel fosco. Eu quero me livrar do efeito de preenchimento, e há um atalho de teclado rápido para isso. Manter o comando Shift E ou Control Shift E em um PC removerá todos os efeitos. Agora, eu estou de volta ao meu texto original apenas branco e eu vou desligar minha arte original só para que eu possa me concentrar no pincel. Vou chegar perto do início da animação e, em seguida, pressionar a tecla de mais para ampliar a minha linha do tempo. Eu quero deslocar minha camada fosca pincel por apenas um quadro para a frente, então eu vou clicar e arrastá-lo, e agora vemos que temos essa ponta vermelha seguida pelo caminho branco. Este é o método exato que usamos no último exemplo com o caminho amarelo seguido pelo caminho branco. A diferença é que quero isolar menos deste caminho do que o que está sendo mostrado aqui. Mas eu realmente não posso fazer isso porque eu só posso deslocar esta camada por um quadro de cada vez, e um quadro é demais. O que eu preciso fazer é mexer com o remapeamento de tempo da camada, e como o After Effects está gerando a animação, ele pode interpolar novamente meus quadros-chave para ajustar o remapeamento de tempo. Agora, eu sei que acabei de jogar um monte de palavras grandes em você. Tudo bem se você não sabe o que eles significam, apenas siga e nós vamos fazer isso. A primeira coisa que eu quero fazer é encontrar onde o último quadro-chave é para a animação de camadas brancas. Parece que este quadro aqui é o último quadro da animação. Eu estou indo para ir em frente e marcar esta camada vindo para cima para camada e indo para baixo para adicionar marcador. Agora eu tenho uma marca, então eu sempre saberei onde essa animação deve terminar. Em seguida, eu quero mudar a cor desta camada apenas para eu não misturá-la com as outras. Vou clicar na cor da camada e mudá-la para talvez amarelo. Em seguida, quero clicar com o botão direito do mouse na camada, rolar para baixo até o tempo e clicar em ativar remapeamento de tempo. Agora, isso abre a propriedade de remapeamento de tempo e você pode ver que temos um quadro-chave agora. Se eu diminuir o zoom, verá que temos um segundo quadro-chave aqui embaixo. Agora, apenas realmente rapidamente para entender o que o remapeamento de tempo é, é agora, este quadro-chave representa o início desse tempo de composições e este quadro-chave representa o último ponto nesse tempo de composições. Se eu fosse rolar para a frente até que isso seja em um segundo e definir um quadro-chave, agora eu tenho um valor de quadro-chave de um segundo no ponto apropriado nessa pré-composição. Se eu visualizar RAM, nada mudou. Mas se eu pegar esse quadro-chave e puxá-lo de volta para estar no quadro 12 e, em seguida, visualizar, você pode ver que essa animação está acontecendo duas vezes mais rápido. A propriedade de remapeamento de tempo dá a você a capacidade de reprogramar a animação de camadas ou a reprodução de vídeo se você estiver usando vídeos para o que quiser. Como o After Effects está gerando a animação para essa composição, ele é capaz de dar uma olhada no que você está mudando o tempo e interpolar adequadamente a animação para o seu tempo definido sem perder qualquer qualidade. Vou desfazer até me livrar desse quadro-chave. Então nós vamos para aquele marcador que eu tinha definido para onde a animação termina. Aqui é onde eu quero um conjunto de quadros-chave. Agora, eu realmente não quero acelerar isso em tudo, mas eu quero compensá-lo apenas um pouquinho. Se eu voltar para cerca de aqui e selecionar esses dois quadros-chave, tendo em mente que estes são os dois quadros-chave que contêm a quantidade de tempo que a animação dura, eu ainda posso arrastar esses dois quadros-chave de cada vez nesta exibição. No entanto, se eu entrar no meu editor de gráficos e eu tiver esses dois quadros-chave selecionados, e eu descer para esta pequena caixa aqui onde ele diz escolha tipo de gráfico e opções, há uma pequena opção que diz permitir quadros-chave entre quadros. O meu está verificado. Se o seu não estiver, vá em frente e verifique. O que isso permite que você faça é mudar seus quadros-chave entre quadros. Enquanto estou fazendo isso, você pode ver que eu tenho muito mais controle sobre a distância que os caminhos de corte estão sendo deslocados. Deixe-me desfazer isso e ampliar um pouco mais. Voltarei para a frente da minha linha do tempo. Você verá que este é o primeiro quadro desse comp no quadro um na composição. Se eu avançar um quadro e eu tiver ambos os quadros-chave selecionados para que o tempo entre os dois não mude, eu posso clicar, manter a tecla shift e arrastar este quadro-chave entre o quadro em que estava e o quadro depois dele em qualquer ponto em- entre. Isso nos dá maior controle de quão longe esta linha vermelha está da linha branca. Novamente, vou clicar, manter a tecla Shift e arrastar até que esteja apenas deixando a ponta da linha vermelha. Agora, muito menos dessa linha vermelha está sendo mostrada, que é exatamente o que eu queria. Agora, eu realmente não quero que este fosco de pincel seja visível, então o que eu vou fazer é pegar a camada de pincel e mudar o fosco da faixa para fosco invertido alfa. Agora, a diferença entre fosco alfa e fosco invertido alfa é que o fosco alfa mostrará o que for mostrado dentro da camada fosca. fosco invertido alfa mostrará o que não estiver sendo mostrado dentro da camada fosca. Está literalmente invertendo seu fosco. Agora, se eu ampliar aqui, você pode ver que parte da textura e um contorno ainda estão aparecendo para a camada vermelha, e eu não quero isso. Para corrigir isso, eu vou voltar para meu fosco de escova e eu vou adicionar o que é chamado de gargantilha simples. Se eu ativar esta camada e ajustar o valor fosco de estrangulamento, você pode ver o que ela está fazendo. Se você aumentá-lo, ele irá sufocar os limites para baixo de sua camada e se nós ajustá-lo em uma direção negativa, ele irá expandir as bordas. Eu quero expandir isso um pouco para que ele se sobreponha a todas as bordas da camada vermelha. Agora, se desligarmos isso, você vê que ficamos com apenas a ponta daquele vermelho. Vamos RAM visualizar isso. Agora temos esses traços de ponta de pincel sendo aplicados para cada uma de nossas letras e tudo está sendo baseado em nossa pré-composição original. Vamos voltar a ligar essa arte original. Agora, novamente, isso não é muito diferente do que já tínhamos. Precisamos dar mais alguns passos adiante. A primeira questão é que nossa camada vermelha é sobreposta exatamente ao mesmo tempo que nossa camada branca. Vou selecionar meu trabalho artístico original e movê-lo para frente um quadro mantendo pressionada a opção ou alt em um PC e pressionando a tecla page down. Agora, eu preciso habilitar o remapeamento de tempo para a camada de pincel para que eu possa deslocar o pincel e o pincel fosco para trás para que o vermelho seja sobreposto em cima do branco apenas um pouco. Vou clicar com o botão direito do mouse na camada, rolar para baixo, ir para o tempo, habilitar o remapeamento de tempo e seguida, chegar ao ponto no tempo em que a animação termina e seguida, ir um quadro para trás, uma vez que esta camada é deslocada em um quadro dessa camada. Novamente, vou definir um marcador de camada para este também. Vou definir um quadro-chave para esse ponto. Em seguida, selecionarei os quadros-chave para ambas as camadas remapeadas de tempo. Fazer backup no tempo apenas um pouco para que eu possa ver tanto a camada branca quanto a camada vermelha, entrar no meu editor de gráficos, ampliar, clicar e arrastar em um dos quadros-chave enquanto mantém a tecla shift até que ela se sobreponha a meio caminho em cima da camada original. Você pode ver que essa ponta está sobrepondo a camada branca. Agora podemos adicionar textura à ponta vermelha para simular uma pincelada. Com a minha camada de pincel selecionada, vou adicionar outro efeito chamado arestas ásperas. Em suas configurações padrão, ele realmente não parece do jeito que precisamos. A primeira coisa que vou fazer é virar a fronteira bem acima, algo por volta de 20. Então vou baixar a balança. Provavelmente algo assim. Então eu vou aumentar a nitidez da borda um pouco. Se eu ampliar aqui, você pode ver que agora há uma textura no mapa vermelho. Agora, a maneira que isso deve parecer é completamente subjetiva. Você deve brincar com as configurações até obter algo com o qual você está feliz. Há um monte de valores diferentes que você pode brincar com que lhe dará texturas diferentes. Estou muito feliz com o jeito que isso parece. Vamos RAM visualizar isso. A primeira coisa que notei é que você não pode realmente ver a marca do pincel. É muito curto, especialmente nas letras que não o M. Deixe-me diminuir um pouco. Pegue esses dois quadros-chave, vá para o meu editor de gráficos e, em seguida, traga-os para a frente um pouco. Assim, o pincel se sobrepõe um pouco mais ao branco. Mas, na verdade, não quero que se sobreponha tanto. Na verdade, vou pegar a camada branca e arrastá-la para frente um quadro. Então eu vou ter que re-cronometrar essas duas camadas um pouco até que elas se sobreponham novamente. Em seguida, provavelmente trazer este conjunto de quadros-chave para frente um pouco. Então talvez pegar todos eles mais uma vez para que eu possa mudar toda a linha para frente um pouco e, em seguida, vamos pré-visualização RAM. Acho que está um pouco melhor. Agora, você não tem que fazer isso uma segunda cor. Se eu desativar o preenchimento, agora parece que temos uma pincelada branca sendo aplicada. Mas eu gosto do efeito adicional de ter uma segunda cor. Vou mudar isso de volta para ser vermelho. Outra coisa que eu não sou realmente um fã de é que você pode ver essas bordas brancas do lado de fora do vermelho. Também estamos recebendo algumas marcas vermelhas onde não deveria haver nenhuma. Primeiro, vamos expandir a pincelada vermelha. Para fazer isso, vamos adicionar uma gargantilha à camada de pincel e expandido para fora. Além disso, é importante notar que você deve ter a gargantilha antes das bordas ásperas, modo que as bordas ásperas sejam o último efeito aplicado. Então eu vou chegar ao meu fosco pincel e, em seguida realmente expandir isso para que nós não estamos recebendo nenhum desses buracos preenchidos ou bordas que não deveriam estar mostrando o vermelho. Então, finalmente, eu não gosto desta borda limpa na pincelada. Na verdade, vou adicionar as mesmas bordas ásperas que adicionamos aqui para o fosco de escova. Agora, essa borda é tão áspera quanto. Se eu visualizar isso, você pode ver que nós temos esta bela pincelada levando para fora a animação de nossa gravação em efeito. Novamente, não precisa ser de uma cor diferente. Talvez um visual mais realista usasse a mesma cor para que a textura corresponda às letras. Mas se eu habilitar essa cor vermelha e voltarmos para o meu comp principal, eu acho que vai junto com as cerejas no fundo um pouco melhor. Eu vou RAM pré-visualizar este comp e lá está a minha animação final. É assim que você adiciona um pouco de textura para simular uma pincelada. 12. Construindo um traçado afilado: Um que eu tentei fazer muitas vezes antes é diminuir um acidente vascular cerebral dentro do After Effects. Infelizmente, não há nada dentro do After Effects por padrão que permita alcançar facilmente um traço cônico. A solução mais fácil, de longe, é a compra de códigos de armadilha 3D traçado que plug-in tem muitos controles que permitem que você reduza seu traçado e controle um monte de outros aspectos. Mas e se você não tiver o dinheiro para gastar no plugin? Bem, eu acho que eu encontrei uma maneira que permite que você crie um traçado cônico usando o efeito de caminhos de corte para que você possa animá-lo dentro do After Effects sem plug-ins extras. Agora eu tenho que dizer antecipadamente que meu método não é simples, não é o mais fácil de entender, e envolve um monte de expressões. Agora eu, de modo algum, afirmo ser um especialista em expressões. Este é provavelmente o conjunto mais complicado de expressões que eu já inventei sozinho. Mas ele faz o trabalho, é personalizável, e uma vez que você o tenha construído, você pode conectar as almofadas que você quiser e o efeito ainda funcionará. Se você está à altura do desafio, acompanhe-me neste vídeo, vou tentar explicar este passo a passo o mais claramente possível. Se seguir o vídeo é muito difícil para você ou você gostaria de fazer referência a uma versão escrita das instruções. Confira a página de discussões depois de assistir a este vídeo, e escreverei passo a passo exatamente como alcançar esse efeito. Primeiro, deixa-me mostrar-te o que tenho. Eu tenho minha camada de forma única com os caminhos de texto de título, um traçado de largura única aplicado e um operador de caminhos aparados com o valor final animado para escrever o texto, assim como nosso primeiro exemplo. Dentro da minha pasta de caminhos, tenho quatro caminhos separados. Deixe-me ir em frente e tirar a animação e depois aparar isso. É só uma pequena parte do caminho e vou desativar a visibilidade da minha máscara. O que vamos fazer essencialmente é fazer um monte de duplicatas deste caminho, cada um deslocado por um pouco no espaço, bem como na largura do traçado. Deixa-me mostrar-te o que quero dizer. Se isso foi deslocado frente um pouco e então eu fiz uma duplicata, então eu compensá-lo um pouco mais e aumentar o tamanho do traço de 10-12. Então eu duplicá-lo novamente, compensar um pouco mais, aumentar o tamanho para 14. Eu poderia continuar fazendo isso manualmente um de cada vez, alterando incrementalmente o deslocamento e a largura do traçado em cada duplicata para criar a ilusão de um traço cônico. Agora isso cria o traço cônico, mas não é muito prático duplicar e compensar cada um deles manualmente todas as vezes. Eu criei uma maneira que automatiza esse processo um pouco e nos permite personalizá-lo após o fato. Vou excluir todas as minhas camadas duplicadas e definir meus valores de volta para zero e adicionar alguns efeitos a esta camada. Se você chegar a efeito e descer para controles de expressão, temos algumas opções. Os dois que precisamos são o controle deslizante e o controle de caixa de seleção. Agora os controles de expressão não fazem nada por conta própria, mas eles permitem que você controle valores vinculados a expressões dentro de qualquer propriedade dentro do After Effects. Vamos em frente e adicionar um controle deslizante e um controle de caixa de seleção. Vou renomear este controle deslizante clicando nele e pressionando “Enter” e, em seguida, nomeando-o tamanho cone. Então eu quero duplicar esse efeito pressionando Command D ou Control D em um PC. Vou renomear esse tamanho de traçado de camada. Então eu vou duplicá-lo mais uma vez e renomeá-lo comprimento do segmento. Em seguida, vou selecionar meu controle de caixa de seleção e renomeá-lo de cone reverso. Estes são os controles que estamos configurados que nos permitem personalizar a aparência do nosso cone. Vou entrar em meus caminhos e estender o fim para que possamos ver parte do caminho. Eu também vou mudar o tamanho para um. Então eu quero renomear esta camada diretamente em - mestre. Vou duplicar esta camada e renomeá-la cone 1. Então eu vou mudar a cor da camada mestre para laranja só para que eu possa escolhê-la facilmente. Na verdade, não preciso desses controles de expressão na camada de cone duplicada. Vou remover todos os efeitos novamente mantendo tecla Command Shift E ou Control Shift E em um PC. Em seguida, eu vou me dar um pouco mais de espaço, recolher meus caminhos de corte, abrir os caminhos, e expandir cada um dos caminhos dentro da camada de forma e, em seguida, fazer a mesma coisa para a camada cônica. Na verdade, vou maximizar este painel, tendo o mouse sobre o painel e pressionando a tecla tilde novamente diretamente sob a tecla de escape. Agora eu quero vincular esses quatro caminhos para as camadas mestre quatro caminhos usando expressões. Para fazer isso, vou para Option ou Alt clique no primeiro cronômetro caminhos. Isso traz à tona o diálogo de controle de expressão. Agora eu realmente não tenho que digitar nada aqui porque cada controle de expressão tem seu próprio chicote de escolha. Se eu clicar e arrastar este chicote de seleção do primeiro caminho da camada cônica para o primeiro caminho da camada mestre e soltar. After Effects grava automaticamente nesse código que ele precisa fazer referência a esse caminho, então eu posso clicar fora. Agora estes dois caminhos estão ligados. Farei a mesma coisa pelos outros três caminhos. Mantenha pressionada a tecla Option ou Alt em um PC, clique nesse cronômetro , pegue o chicote e arraste-o do segundo caminho para o segundo caminho da camada mestre. Faça a mesma coisa para o terceiro caminho e novamente para o quarto caminho. Agora, se eu voltar à minha visualização normal do painel pressionando a tecla til novamente, pressione “U” para recolher essas duas camadas. Vou me dar mais espaço. Agora tenho camadas duplicadas com caminhos vinculados. Se eu habilitar minha visibilidade de caminho e ajustar meu caminho mestre, você verá que o caminho duplicado também foi atualizado. Agora eu realmente não queria ajustar esse caminho, então eu vou desfazer. Mas esse é o nosso primeiro conjunto de expressões. Dessa forma, as camadas duplicadas sempre terão exatamente os mesmos caminhos que a camada mestre. Em seguida, vou definir esses valores de controle deslizante para um padrão de um. Mais uma vez, esses efeitos não estão fazendo nada ainda porque não ligamos nenhuma expressão a eles. Vamos começar com o tamanho do traço. Vou abrir minha camada mestre, entrar no conteúdo, entrar no traçado e clicar em Opção ou Alt na largura do traçado. Em seguida, vou arrastar este chicote de seleção até o controle deslizante de tamanho do traçado. Quando eu solto, o After Effects preenche o código que ele precisa fazer referência a esse controle deslizante. Agora você pode ver que temos um número vermelho em vez de um número azul. Isso nos diz que o After Effects está usando uma expressão para gerar esse valor. Acabamos de dizer a largura do traçado para ser o valor do controle deslizante de tamanho do traçado, que agora está definido como um. O valor resultante é uma largura de um. Se eu mudar isso para dois, nossa largura de curso é agora dois. Eu posso mudar isso para o que eu quiser e você pode ver que a largura do traço está sendo afetada. É assim que podemos usar um controle deslizante para afetar um valor dentro do After Effects. Vou mudar isso de volta para um. Passaremos para o próximo passo. Vou recolher meu traçado, entrar nos caminhos de corte, e queremos vincular o valor inicial ao valor final, mas compensar apenas um pouco. Vou desativar a visibilidade do meu caminho de máscara novamente só para que possamos ver o traço, e isso vai ser um pouco mais complicado. Vou tentar ir devagar para que você possa acompanhar. Vou começar segurando Option ou Alt em um PC e clicando no cronômetro inicial. Então eu quero escolher chicote o valor final. Isso está dizendo o valor inicial para ser o mesmo que o valor final. Se eu tivesse que clicar fora da minha expressão, é exatamente o que está acontecendo. Mas queremos adicionar um pouco mais a esta linha. Vou clicar neste texto e certifique-se de que eu clique no final da linha e eu vou adicionar menos. Em seguida, escolha o chicote, o controle deslizante de comprimento do segmento dividido por 5, digite. Agora o que esta expressão está dizendo é para o valor inicial, pegue o valor final subtraído pelo valor do comprimento do segmento, dividido por 5. O valor será 27 menos 1 dividido por 5, que nos dá 26,8. Se eu desligar minha camada duplicada, você pode ver que agora nós só temos este pequeno traço para camada mestre. Se eu fosse ajustar meu valor final, você vê que o valor inicial viaja junto com ele, logo atrás dele pelo valor que adicionamos usando expressões. Agora, porque isso está sendo subtraído pelo controle deslizante de comprimento do segmento. Se eu aumentar o controle deslizante, o comprimento do nosso segmento fica maior. Se eu diminuí-lo, ele vai na direção oposta. Por enquanto, vou deixar isso em uma. Vou voltar a ligar a minha duplicata e diminuir o zoom. Agora eu quero escrever uma expressão semelhante para a camada cônica. Vamos abrir o conteúdo e entrar nos caminhos de corte para essa camada. O que você vai notar é que porque eu troquei camadas, eu não tenho mais acesso à minha expressão e controladores que estavam na camada mestre. O que eu vou fazer é selecionar a camada mestre. Em seguida, no controle de efeitos, você verá esse pequeno ícone de cadeado. Se eu clicar nisso, este painel permanecerá sempre visível, independentemente do que você selecionou. Se eu voltar para os meus caminhos de corte da camada de cone duplicada, vou segurar Option ou Alt em um PC e clicar no cronômetro inicial e, em seguida, eu vou escolher chicote o valor final. Vou digitar menos e, em seguida, escolher chicote este controle deslizante de link de segmento dividido por 5, e então eu vou pressionar “Enter”. Agora temos a mesma relação entre os valores inicial e final do caminho de corte para a camada duplicada, como fazemos para a camada mestre. Em seguida, quero vincular o valor final da camada duplicada ao valor final da camada mestre. Eu vou expandir essa camada para fora, eu possa ver ambos os valores finais. Então eu vou segurar Option e clique no relógio de parada para o valor final e escolher chicote o valor final para o mestre mais tarde. Então eu vou digitar menos tempos de índice, em seguida, escolher chicote, o comprimento do segmento dividido por 5, digite. Agora deixa-me rever o que acabei de fazer. Se eu mover meu mouse aqui, você pode ver que nós temos essa seta dupla e eu posso realmente expandir para ver toda a expressão. O que esta expressão está dizendo é para o valor final, olhar para o valor final dos caminhos de corte da camada mestre, subtrair o índice. Agora o índice é o valor numérico da camada em sua composição, então, neste caso, ele está tomando o valor final da camada mestre menos 1 vezes o controle deslizante de link de segmento dividido por 5. Agora, não é muito importante para você entender por que eu fiz todas essas frações, esta é apenas a maneira que eu descobri como configurá-lo para fazê-lo funcionar do jeito que eu quero. Se chegou até aqui, parabéns, aguente firme. Estamos chegando perto. Em seguida, apenas para uma boa medida, eu vou ligar o deslocamento da camada de cone para o deslocamento da camada mestre. Vou “Option” ou “Alt Click” no cronômetro de deslocamento e escolher o chicote do valor de deslocamento para a camada mestre, e eu não preciso fazer mais nada, eu só quero que esse valor de deslocamento seja sempre o mesmo que o valor de deslocamento da camada mestre. Em seguida, posso recolher os caminhos de corte para ambas as camadas e, em seguida, abrirei o traçado para a camada de cone e quero definir uma expressão na largura do traçado. Vou “Option” ou “Alt Click” no cronômetro para a largura do traçado, e escolho chicote o controle deslizante do tamanho do traçado mais os tempos de índice e, em seguida, escolho chicotear o controle deslizante do tamanho do cone. O que esta expressão está dizendo é pegar o valor do controle deslizante do tamanho do traçado, adicionar o valor do índice ou o número da camada, que neste caso é 1, e depois multiplicá-lo pelo controle deslizante do tamanho do cone. Se eu ampliar aqui, você já pode ver o que está acontecendo. Minha camada duplicada, que é essa linha mais espessa, agora tem um valor de 2 em vez de 1 porque está tomando o valor de tamanho do traçado, que é 1, adicionando o índice que é um valor de 1, e depois multiplicando-o pelo tamanho do cone, que também é 1. Então 1 mais 1 é 2 vezes 1 é 2. Agora, se eu recolher tudo menos pressionar “U” no teclado e expandir isso para que eu possa ver mais da minha composição, eu abrirei os caminhos de corte para a camada mestre. Agora, quando eu mudo o valor final, você vê que a duplicata cônica também está seguindo, deslocado logo atrás dele e sendo um pouco maior, e agora a maneira como escrevemos essas expressões, está baseando o e a diferença de tamanho no valor do índice da camada, que é o número da camada. Se eu pegasse essa camada de cone e duplicasse um punhado de vezes, visse que cada vez que a duplico, uma nova camada é criada, ela é compensada um pouco mais e aumenta de espessura. Se eu continuar duplicando isso, você vê que de repente nós temos algo que parece um pouco com um acidente vascular cerebral cônico. Agora, não é perfeito, você pode definitivamente ver onde os segmentos estão entre todas essas linhas, mas é por isso que nós construímos controles nele. Neste momento, se eu for entre cada uma dessas camadas e você olhar aqui para o valor do traçado, você pode ver que ele aumenta em um pixel para cada duplicata. Se eu chegar ao meu tamanho de cone e mudar isso de um valor de 1 para um valor de 2, agora a largura de traçado de cada camada é deslocada por dois pixels. Se eu mudasse para 0,5, agora cada um é por meio de um pixel, e você percebe o cone muito menos. Se eu alterar o valor do controle deslizante de link de segmento, você poderá ver que o comprimento entre cada um desses segmentos é aumentado ou diminuído. Se eu diminuir o zoom aqui e descer até os caminhos de corte da camada mestre, agora posso animar o valor final e fazer com que um traçado cônico cresça atrás dele. Se eu começar em 0, avançar dois segundos e terminar em 100, e talvez facilitar esses quadros-chave, visualização de RAM, agora tenho um traçado cônico funcionando sendo animado em todo o meu caminho. Agora, há alguns problemas, mas ainda há mais alguns passos que podemos dar. Primeiro de tudo, onde está o resto do caminho? Podemos consertar isso facilmente. Eu vou duplicar minha primeira camada cônica e renomeá-la Final, e eu vou mudar a cor dela, apenas para que possamos facilmente escolhê-la. Vou movê-lo abaixo de todas as camadas cônicas, mas acima da camada mestre. Lembre-se, porque escrevemos expressões baseadas no valor da camada, é importante que elas estejam em uma determinada ordem. Sua camada mestre deve estar sempre na parte inferior e sua camada cônica deve estar sempre na parte superior. Agora não há diferença entre a camada final e as camadas cônicas. O que eu preciso fazer é entrar nos caminhos de corte para a camada final e desativar a expressão para o valor inicial. Se eu girar isso para baixo e clicar neste pequeno sinal de igual azul, isso irá desativar a expressão. Agora, o valor inicial nunca muda. À medida que o valor final da nossa camada mestre se anima, o valor final da camada final é animado e é deslocado com base no valor do índice, bem como aumentado no tamanho da largura do traçado com base no valor do índice, e aparece como um direito em assim como todas as nossas outras animações. Vamos pré-visualizar isso, e aí está. Uma gravação animada com um traço cônico. Agora aqui está outra questão que estamos encontrando. Quando a animação termina, ainda temos uma extremidade cônica. Tenho que ser honesto com você, não consegui descobrir uma maneira muito simples de resolver esse problema. Como eu disse antes, eu não sou de todo ruim experiente em escrever expressões, então há muito bem poderia haver uma maneira simples de corrigir isso que eu simplesmente não estou ciente de. A solução alternativa que eu imaginei é estendendo o caminho da camada mestre. Deixe-me ativar a visibilidade do caminho novamente, e vamos para a nossa camada mestre, vou mudar para a ferramenta de caneta pressionando “G” no teclado, clique neste último ponto de ancoragem e clique aqui para estender o caminho para fora. Agora, você vai notar que quanto mais eu arrastar isso, mais perto o cone fica de ser cortado onde precisamos que ele esteja. Eu vou puxar isso para fora apenas longe o suficiente para onde a espessura da linha é uniforme e parar por aí. Veja que a espessura da linha é consistente através de todas as letras até o final da animação. Mas o que fazemos com essa linha estendida? Bem, temos de pôr esta composição dentro de outra. Na verdade, já tenho este conjunto de pré-comp dentro do meu comp principal. O que eu preciso fazer é pré-compor este uma vez, eu vou chamá-lo Write On Tapered 2. Então eu vou entrar naquele comp, e vamos mascarar a parte deste caminho que não queremos mais ver. Se eu voltar para a minha composição original, é aqui que queremos que a linha seja cortada. Para tornar mais fácil ver este ponto em vez do meu pré-comp, eu realmente vou inclinar isso um pouco para que eu possa ver onde ele deve terminar. Então eu vou voltar para a segunda comp e eu vou desenhar um caminho em torno deste ponto para mascarar a parte extra da linha. Vou pressionar M para trazer a máscara e mudá-la de adicionar para subtrair, e agora meu caminho é arredondado do jeito que deveria. Você pode ver como meu cone entra, ele atinge esse ponto e pára lá, e cresce em sua largura final. Se eu corri visualizar isso, agora temos um bom traço cônico que preenche a largura até o final da animação. Se essa é a conicidade que você está indo atrás, você está feito. Mas e se eu quisesse que o cone fosse na direção oposta, começando mais grosso e depois diminuindo? Enquanto eu estava prestes a gravar o próximo segmento, eu realmente pensei em algo que vai tornar tudo muito mais fácil para todos, então nós não temos que escrever mais nenhuma expressão. Originalmente, eu disse-te para fazeres esta caixa de verificação inversa. Não vamos precisar mais disso. Você pode realmente excluí-la. Se você quiser que seu cone comece grosso e fique mais fino, tudo que você precisa fazer é ajustar seus comprimentos de segmento para ser um valor negativo. Primeiro, vou desligar a minha camada final, e depois mostrar-lhe o que quero dizer. Se eu ajustar esse controle deslizante e ir para um valor negativo, você verá que agora o cone está se estendendo para fora na frente da camada mestre, mas ainda animando da mesma maneira. Agora, se voltarmos para o primeiro quadro, onde definimos nosso primeiro quadro-chave, mesmo que o valor seja zero, o cone está aparecendo. Isso é porque temos esse conjunto para um valor negativo, então ele está dizendo a todas as duplicatas para sair na frente da camada mestre em vez de atrás dela. Tudo o que temos que fazer para corrigir isso é abrir o controle de caminhos de corte para a camada mestre, e ajustar o deslocamento, ao qual vinculamos todas as camadas duplicadas. Vou empurrá-lo de volta apenas o suficiente para onde não podemos vê-lo na primeira moldura. Agora, se eu diminuir o zoom, isso faz empurrar nosso traçado para fora apenas um pouco do lado direito porque é assim que o valor do deslocamento funciona. Se você se lembra, uma vez que chega ao fim, ele apenas volta no início. Mas está tudo bem, porque nós espalharíamos isso dentro da outra comp. Se eu corri visualizar isso, agora temos um cone que está indo na direção oposta, de grosso a fino, e todo o nosso controle ainda se aplica. Se eu quiser aumentar o tamanho do cone, posso aumentar ou diminuir isso, posso aumentar ou diminuir o comprimento do meu segmento. O outro controle que temos que ainda não passei é o tamanho do traço. Este é um controle geral para a largura do traçado. Digamos que esta linha era muito fina para você. Você poderia aumentar esse tamanho de traço apenas para dar um pouco mais de espessura. Neste caso, eu realmente quero que a espessura termine em 10. A espessura inicial precisa ser muito maior. Vire o tamanho do meu traçado para 10, que é traduzido diretamente para a espessura das minhas camadas mestre, e então aumente o tamanho do cone apenas um pouco, e então pode ser virar para baixo o comprimento do segmento, então temos um muito cone teimoso. Agora vou ligar minha camada final de volta, e você verá que o golpe está muito grosso agora. O que eu preciso fazer é entrar no meu conteúdo, entrar no traçado, abrir a expressão de largura do traçado e desativá-la. Agora ele volta para o valor padrão que tínhamos definido para, que é um. Mas se eu mudar isso para 10, agora o cone de linha é reduzido para a espessura de repouso de 10 pixels, que é exatamente o que queremos. Agora, se eu visualizar minha animação, teremos um traçado grosso diminuindo para o traçado de largura única de 10 pixels. Parece que nosso deslocamento precisa ser reajustado um pouco mais para uma camada mestre. Vou deixar isso de volta aqui. Agora, se eu entrar em nossa outra composição e visualizar esta animação, ela é cortada exatamente onde deveria, mas há um pequeno problema que é que a máscara não se encaixa mais nesse traçado de caminho. Vou fazer backup para onde ele é o mais grosso, e apenas modificar meu caminho de máscara para caber nesse traçado, e depois visualizá-lo. Agora parece que preciso deslocar este caminho um pouco mais. Na verdade, parece que eu teria que animar isso. Deixe-me apenas fazer backup de alguns quadros para onde ele é o mais grosso, posicioná-lo exatamente onde ele precisa estar, definir um quadro-chave para o caminho da máscara e, em seguida, avançar alguns quadros até que ele esteja no ponto de ter 10 pixels de largura. Então eu vou reajustar esse caminho de máscara, que define automaticamente um quadro-chave, e isso deve ser melhor. Sim, isso funciona. Agora, se olharmos para isso de perto, vocês notarão que há algumas mudanças bem visíveis entre os segmentos deste cone. Agora, uma coisa que podemos fazer para corrigir isso é voltar para o nosso cone principal, e mudar o tamanho do papel para talvez 0,5. Adicione um monte de duplicatas e, em seguida, altere o comprimento do segmento para baixo. Agora é muito menos perceptível porque temos muitas mais duplicatas sendo compensadas por um valor muito menor. Se eu visualizar isso, temos um toque mais bonito. Se sairmos para o meu comp principal, com todo o estilo, você pode ver como isso se parece. Assim como com todos os outros exemplos, eu poderia duplicar isso, compensá-lo no tempo, talvez um ou dois quadros, preenchimento automático, mudar a cor, e agora eu tenho dois traços cônicos perseguindo cada outro. A melhor coisa sobre esta configuração é que eu sempre posso voltar para a minha composição. Agora isso completamente equipado com expressões e substituir o conteúdo do caminho com qualquer coisa que eu quiser. Se eu voltasse a um de nossos outros exemplos, como este de aventura, e eu entrasse nessa composição, e pegasse os caminhos para o A dessa palavra de aventura, eu poderia copiá-los, voltar para o meu afinado comp, e substitua esses três primeiros caminhos, e ele é atualizado automaticamente. Agora, se você precisar de mais de quatro caminhos, tudo o que você precisa fazer é excluir todas as camadas cônicas, maximizar esse painel de linha do tempo para dar a si mesmo mais espaço e, em seguida, expandir os caminhos e duplicar para quantos precisar. Digamos que precisávamos de oito, então você teria que fazer a mesma coisa para a duplicata cônica. Duplicar para que eles sejam oito e, em seguida, vincule esses caminhos com expressões aos caminhos apropriados na camada mestre. Uma vez que toda essa vinculação é feita, você pode simplesmente duplicar sua camada cônica quantas vezes você precisar para recriar o efeito. Esse é o meu método para criar uma solução de AVC cônico dentro do After Effects. Espero que não tenha sido muito difícil de entender e você foi capaz de acompanhar. Se você tiver quaisquer problemas ou sugestões, por favor, deixe-me saber na página de discussões, no tópico com as instruções para este efeito. 13. Exportando um vídeo: Então, agora que você tem suas letras de mão completadas, você tem que decidir qual será a melhor maneira de apresentar isso on-line. Se você fez algo um pouco mais complicado, como eu fiz, com uma foto no fundo, e alguns movimentos da câmera, e no geral apenas um monte de cores, você provavelmente vai querer exportar um vídeo. Mas se você fez algo mais simples, como o título da classe com um fundo sólido e não muitas cores, então você pode ser capaz de escapar com um GIF muito bem. Posso dizer-lhe agora que se você não precisa que ele seja um GIF, exportar um vídeo é muito mais simples e, em seguida, você pode compartilhá-lo on-line com sites como Vimeo ou YouTube. Então vamos começar com a exportação de um vídeo. Tenha em mente que, seja qual for a sua área de trabalho definida, o tempo que o vídeo terá quando o exportar. Defini minha área de trabalho para ser o comprimento entre os dois quadros de teclas de posição na câmera. Em seguida, venha para Composição, Adicionar à fila de renderização. Isso abrirá automaticamente o painel da fila de renderização. Por padrão, o módulo de saída provavelmente está definido como sem perdas, essa configuração para exportar um vídeo não compactado do After Effects. O vídeo será completamente limpo, mas também será um arquivo gigantesco. Vamos adicionar algumas configurações de compactação. Clique neste texto azul para abrir as Configurações do módulo de saída, certifique-se de que o formato está definido como QuickTime. Em seguida, em Saída de vídeo, vá para Opções de formato. Altere o Codec de vídeo da animação ou o que quer que esteja definido para e role para baixo até H.264. Isso é apenas um compressor muito bom para vídeos. Deixaremos a Qualidade definida como 100, definimos o Quadro Chave Cada para qualquer que seja a sua taxa de quadros para a composição. Então, no meu caso é 23.976, mas temos que fazer quadro inteiro. Então eu só vou dizer 24 quadros. Se a composição estiver definida como 30 quadros por segundo, defina-a como 30 quadros. Deixe a Reordenação do Quadro desmarcada. Em seguida, suas Configurações de taxa de bits dependem da resolução em que você está trabalhando. Se você está trabalhando em full HD, eu recomendo que você defina isso para algo como 10.000. Se você está trabalhando no 720P, você provavelmente poderia reduzir isso para algo como 6 a 8.000. Mas, basicamente, se você exportar seu vídeo e não estiver satisfeito com a qualidade, aumente sua taxa de dados para algo maior. Quando tudo isso estiver definido, pressione “OK”. Se você tiver áudio, verifique se isso está configurado para áudio ativado. Eu não tenho nenhum áudio, então eu vou ter certeza que ele está definido para desligar e então eu vou pressionar “OK”. Então você só precisa dizer ao After Effects para onde deseja que o vídeo seja exportado. Então, venha até Saída para, e clique nesse texto azul. Vou colocar o meu na área de trabalho e chamá-lo de Michigan. Então eu vou pressionar “Salvar”. Então podemos apertar “Render”. After Effects renderizará cada quadro e mostrará a barra de progresso. Uma vez feito, ele vai te dar um sinal para que você saiba que está acabado. Ótima. Agora vou para a minha área de trabalho e abrir esse arquivo. Eu posso tocar isso de volta. Estou feliz com o jeito que isso parece. Então eu posso agora postá-lo online. Eu fui em frente e enviei isso para o Vimeo, e eu realmente gosto das configurações de incorporação do Vimeo. Vou mostrar a vocês como eu personalizaria isso para postar no Skillshare. Eu cliquei no pequeno botão Compartilhar, bem aqui. Em seguida, clique em “Mostrar opções”, então eu vou rolar para baixo, mudar o tamanho para 580 largura, e ele irá atualizar automaticamente a altura para mim. Em seguida, você pode escolher quais informações são exibidas na parte superior do quadro do pôster. Mas você tem esse controle adicional que me permitiria reproduzir automaticamente o vídeo, bem como fazer o loop do vídeo. Eu não preciso dos links de texto embaixo do vídeo, então eu vou desmarcar isso. Agora, se eu rolar de volta para cima e copiar este código de incorporação, em seguida, voltar para a minha página do projeto e clicar neste pequeno botão Incorporar mídia, então eu posso colar o código de incorporação nesta caixa e pressionar “Enviar”. Agora meu vídeo aparece na página do projeto e replays automáticos e loops. Essa é, de longe, minha maneira favorita de postar um vídeo no Skillshare. 14. Exportando um GIF: Ao exportar um GIF, você vai querer novamente definir sua área de trabalho para o que você deseja que o comprimento do seu GIF seja. Em seguida, vá para Composição, vá para Adicionar à fila de renderização, em seguida, em Módulo de saída, clique nessas palavras azuis. Isso traz as Configurações do Módulo de Saída, e queremos alterar o formato do QuickTime ou o que quer que esteja definido para, para a Sequência JPEG. Se desejar, você pode redimensionar seu trabalho artístico neste momento. Vou em frente e fazer isso. Então, vou marcar essa caixa ao lado de Redimensionar e dimensionar isso para 580 de largura porque essa é uma boa largura para sua página de projeto no Skillshare. Em seguida, eu vou pressionar “Ok”, em seguida, sob a linha Saída Tool eu vou clicar no texto azul, eu vou colocar minha arte aleatória na área de trabalho e eu vou certificar-me de que Salvar na subpasta está marcada e Escrever no título é bom para o nome dessa pasta. Em seguida, vou clicar em “Salvar” e renderizar. Uma vez feito, ele vai te dar um sinal para que você saiba que está acabado. Agora, vamos para o Photoshop e eu vou para Arquivo Abrir, ir para a área de trabalho onde eu exportei minha imagem, selecionar a primeira imagem na sequência e, em seguida, descer aqui e verificar se Sequência de imagens está marcada. Então eu vou pressionar “Abrir”. Ele vai me perguntar qual deve ser a taxa de quadros do GIF. Certifique-se de que está definido para quaisquer definições de composição que estavam dentro do After Effects e, em seguida, prima “Ok”. Agora, se você não vir essa linha do tempo na parte inferior, basta ir até Janela e rolar para baixo até Linha do tempo. Então você poderá jogar através do seu GIF da mesma forma que estava no After Effects. Não é de qualidade total, mas permite que você saiba que sua Sequência de imagem funcionou. Agora, eu vou até Arquivo, e se você estiver usando uma versão anterior ao CC-2015, você iria para Salvar para Web bem aqui. Mas no CC-2015, ele agora foi movido para Exportar, Salvo para Web. Isso abrirá a caixa de diálogo Salvar para Web, e eu vou até a Predefinição aqui e rolar até GIF 128 Dithered. Vou deixar carregar isso. É aqui que você tem que usar seu próprio julgamento sobre como você está feliz com a qualidade de sua imagem geral. Se não estiver tão bem quanto você gostaria, você poderia tentar aumentar o Dither para 100 por cento, ver se isso ajuda. Você também pode aumentar as cores de 128-256. Acho que parece muito bom. Se você olhar aqui no canto inferior esquerdo, ele informa o tamanho do arquivo resultante com essas configurações de compactação, 461 kilobytes é um ótimo tamanho de arquivo para um GIF, mas realmente qualquer coisa abaixo de cinco megabytes está bem. Se você quiser publicá-lo diretamente no site da Skillshare, ele precisa estar abaixo de dois megabytes. Se tiver mais de dois megabytes, você terá que hospedá-lo em algo como Imager ou em outro lugar online e vincular a imagem ao publicá-la na página do projeto. A última coisa que eu preciso fazer antes de clicar em “Salvar” é mudar minhas opções de loop de Once to Forever, então o GIF vai constantemente loop, e então eu vou clicar em “Salvar”, dizer a ele para postar na área de trabalho e nomeá-lo Write On. Então eu posso vir para o meu projeto, clique em “Carregar foto”. Vá para essa imagem, clique duas vezes nela, e ela é enviada para o loop da minha página do projeto exatamente como eu esperava. Isso é tudo o que há para ele. 15. Obrigado!: Tudo bem, é isso. Muito obrigado por fazer esta aula. Espero que você tenha se divertido aprendendo isso direito na técnica e que você seja capaz de usá-lo em seus projetos futuros. Eu adoraria se você me deixasse um comentário, me dizendo o que você pensou sobre a minha aula, e se você postar seu projeto nas mídias sociais, certifique-se de me marcar em @jakeinmotion. Você sempre pode me fazer perguntas se você está tendo algum problema ou se você só quer conversar sobre o que você quer fazer com o seu projeto. Basta deixar um comentário sobre o tópico Pergunte-me qualquer coisa, ou na página do projeto da sua classe. Eu tenho que dizer um grande obrigado a minha adorável esposa que foi gentil o suficiente para me dar todas as letras de mão que eu usei nesta aula. Eu seriamente não poderia fazer nenhuma dessas aulas sem sua ajuda ou apoio, especialmente com letras de mão porque isso é algo que eu não tenho talento em fazer. Vá ver mais de seu trabalho e sua loja em apairofpears.com. Mais uma vez, muito obrigado por fazer esta aula e eu te vejo na próxima vez.