Animação para lettering: criando GIFs com morphing usando o Photoshop

1. Introdução: Oi, meu nome é Chris Piascik, sou um ilustrador. Nesta classe, mostrarei meu processo para fazer animações simples em loop, transformando uma palavra em outra sem usar nenhum recurso de software de animação complicado. Essa animação pode ser criada no Photoshop ou no Procreate usando o mesmo processo. Não sou um Animador, e mal conheço o After Effects. Na verdade, ainda me perco toda vez que tento usá-la. A razão pela qual estou dizendo isso é para provar que se eu posso fazer isso, você também pode. Dito isto, eu não sou um hack completo, Eu trabalhei com clientes como Cartoon Network, Google, McDonald's, The Washington Post, até mesmo Nickelodeon. A publicidade em mídia social tornou-se um enorme mercado, e GIFs animados simples são altamente desejáveis para essa aplicação. As animações que vamos criar, terão uma aparência solta e brincalhão, e vibram um pouco como a animação tradicional da velha escola. Se você está procurando criar animações suaves com arte vetorial apertada, é provável que você esteja melhor com uma introdução à classe After Effects. Vou tocar vagamente no meu processo de Lettering, mas se esta é a sua primeira vez trabalhando com o tipo ilustrado, eu recomendaria uma introdução à classe Lettering primeiro. Minha amiga, Mary Kate McDevitt, tem uma ótima. Obrigado por sintonizar esta aula, e vamos nos divertir. 2. Projeto: Eu outra vez. Vou ler sua tarefa no meu celular. Sua tarefa é criar um GIF animado em loop , transformando uma palavra em outra palavra. Eu recomendo escolher palavras que sejam semelhantes em comprimento, pois tornará o processo um pouco mais fácil. A solução mais fácil será usar palavras com a mesma quantidade de letras como, bumbum e peido. Na verdade, tenho isso escrito aqui. Isto é muito pouco profissional. Fazer isso permitirá que você transforme uma letra em outra letra, ao contrário de transformar várias letras em uma única letra. A carta não é significativamente mais difícil, mas pode ficar um pouco confuso no início. Queremos manter as coisas simples para começar. Então você pode experimentar e ficar mais louco como você vai. A segunda parte da tarefa é se divertir. Também deve ser a primeira parte. Passo zero, divirta-se, a parte mais importante. Depois a parte da bunda e do peido. Falo com você mais tarde. Tchau. 3. Esboçando o lettering: Escolheste as tuas palavras? Ou você acabou de escolher o nariz? A primeira coisa que você quer fazer, ao começar a considerar o que este GIF animado vai parecer é como suas palavras vão olhar. Você poderia considerar idéias diferentes, talvez a forma como a palavra parece poderia refletir seu significado, talvez a palavra fofa poderia parecer fofa, talvez algumas letras peludas. Você pode pensar sobre como diferentes qualidades de linha ou formas podem afetar a maneira como ela funciona. Para iniciar este processo, tudo o que você realmente precisa fazer é apenas começar a esboçar. Você pode fazer isso no iPad e no Photoshop ou em algum papel de rastreamento. Recomende papel de rastreamento para que você possa usar o que você começou com e fazer variações com base nisso. Na verdade, você realmente poderia fazer todo esse processo em papel de esboço e depois digitalizá-los todos no final e compilá-los no Photoshop. É um pouco mais difícil, mas funcionaria. A chave para esta parte é apenas experimentar e brincar com a aparência das palavras e brincar, e como eu mencionei antes de se divertir. Vamos nos divertir. Vou pegar um pincel de lápis aqui. Como você pode ver, eu uso os pincéis de Kyle Webster porque eles são fantásticos. Só vou pegar um lápis. Porque mesmo trabalhando digitalmente, preciso dele como um lápis quando estou desenhando. Eu só vou começar a esboçar algumas palavras que não são necessariamente as que eu vou fazer, mas apenas brincando e experimentar palavras diferentes de como eles poderiam olhar para talvez dar algumas idéias. Eu não sei, como eu mencionei, a palavra lodo, talvez se essa fosse sua palavra, você poderia tentar fazê-lo gotejar. Talvez se você estiver fazendo a palavra lodo, você poderia esboçar e fazer algumas cartas gotejadas. Fazer essa coisa é divertido de animar porque você pode lentamente fazer os gotejamentos ir para baixo e parece nojento. Mas tenha em mente, quanto mais complicado for, mais complicado será animar. Uma vez que estamos animando quadro por quadro, vamos ter que redesenhar isso uma e outra vez, se é realmente difícil poderia ser muito tedioso, isso disse, se você tem algum tipo de gotejamento divertido, pode valer a pena. Você também vai descobrir que animar desta forma porque é vibrar e está indo muito rápido, é mais indulgente do que você imagina. É só um esboço rápido de como a palavra lodo pode parecer. Vamos tentar outra coisa. Talvez se a sua palavra fosse “boom “, talvez pudesse ser como formas muito ousadas e sólidas. Talvez seja um pouco de uma curva que, eu não sei misturar o som do boom, eu não sei se uma curva faria isso, mas parece que é assim para mim, então vá em frente. Talvez você possa melhorá-lo ainda mais dando como um efeito 3D, como se estivesse vindo até nós. Novamente, neste ponto estamos apenas brincando, tentando coisas diferentes. Às vezes, bem, geralmente eu vou esboçar um pouco mais solto do que isso, mas eles podem parecer um pouco caóticos, não muito bons para fins de vídeo, porque talvez eu seja o único que pode entender isso. Outra coisa divertida a fazer é fazer linhas mais finas para as coisas e fazê-las balançar um pouco. Eu gosto de tentar esses efeitos às vezes, talvez algumas linhas se vamos falar sobre linhas finas, talvez a palavra magro, apenas deixar a linha mexer um pouco enquanto você está desenhando. Isso pode ter um efeito muito legal quando você está fazendo a maioria desses e animando-os, ele vai vibrar um pouco. Mas o complicado é que, se a palavra é muito longa, pode ser um pouco difícil de ler, talvez isso seja algo com que você queira brincar. Esta parte do processo é como esboçar. Você quer ter certeza de que você tem uma boa idéia, divertida , e que você está gostando de fazer isso. Muitas vezes vou passar mais tempo aqui fazendo o esboço do que eu faço na peça final real porque você quer ter certeza de que você tem seu design bloqueado e planejado antes de gastar todo o tempo arrumando. Lembre-se de se divertir. Vamos desenhar algumas cartas divertidas. Diversão. Outra coisa a pensar é que talvez haja alguns pequenos elementos gráficos que você quer fazer como às vezes ter algumas pequenas linhas rabiscadas ao lado são divertidas de animar. Tome o seu tempo nesta fase, divirta-se um pouco, faça alguns esboços. Uma vez que você começa a sua primeira palavra lockdown, vai usar isso como o ponto de partida para fazer a segunda palavra. A razão para isso é que queremos mantê-los mais ou menos do mesmo tamanho. Eles podem mudar a forma como parecem muito dramaticamente. À medida que você experimenta mais isso, você pode mudar as coisas em tamanho muito dramaticamente, para começar as coisas e fazê-lo da maneira mais simples, vamos querer mantê-las mais ou menos do mesmo tamanho, porque pode ficar confuso quando você está começando. Eu tenho que ir. 4. Finalizando as ilustrações das palavras: Ok, então, uma vez que você reduza seus esboços para uma solução que você está feliz com para cada palavra. Você vai querer fazer versões finais de cada um. Geralmente meus esboços são pequenos, então abre-os em um documento do Photoshop como eu tenho aqui e torná-los maiores para que eu possa traçar sobre eles com um pouco mais de detalhes, apertando-os à medida que eu vou. É assim que faço todo o meu trabalho. Às vezes eu faço isso um monte de vezes, mas aqui você vai ver que temos meu esboço ainda muito solto, e eu ainda tenho um pouco da grade lá. Mas é só para me dar alguma referência sobre como eu quero que isso pareça. Então o que eu vou fazer agora é pegar essa camada de esboço e baixar a opacidade o suficiente para que eu ainda possa vê-lo, mas isso não vai interferir com o que estou fazendo. Eu vou fazer uma nova camada e eu vou ir em frente e pegar um pincel para desenhar. Vamos ver, eu acho que eu vou apenas ir com uma das escovas de tinta lisa Kyle para manter as coisas simples. Então vamos começar a pintar. Eu só estou acompanhando meu esboço aqui, e eu faço isso da mesma maneira, mesmo quando eu estou apenas no processo de esboço. Se estou tentando fazer algo parecer melhor, vou continuar fazendo esboços sobre esboços, tentando fazer parecer certo. Mas vou acelerar isto para que não tenhas de ver todas as linhas. Acho que só alguns pensamentos enquanto estou fazendo isso. Estou tendo em mente que estes são Formulários de Script. Então, embora estes são soltos e brincalhão, eu ainda estou prestando atenção à idéia de que eu sou uma pincelada para baixo, a largura é mais espessa e, em seguida, ascendente é mais fino. Por exemplo, neste S chegando e é fino, e então ele vai ficar mais espesso à medida que ele vem para baixo e depois para fora. Esta é, obviamente, uma versão dramática disso. Mas, novamente, ainda é útil em ter uma base na realidade, mesmo quando você está fazendo letras brincalhão. Tudo bem, então eu vou em frente e usar o balde de tinta para preencher isso e então ele vai me dar uma idéia melhor de como meus formulários de carta estão funcionando. Ver se preciso fazer algum ajuste. Então eu vou desligar minha camada de esboço para que eu possa vê-lo por conta própria. Agora que eu estou olhando para isso eu posso ver que há algumas pequenas áreas que eu preciso limpar. Esta parte do S. Eu acho que este N está um pouco magro comparado com o S e todas essas outras letras. Então vá lá e reforce isso um pouco. Beef é um termo de topografia técnica, então se você não tem esse fundo de design, você pode não saber disso. Isso é chamado de fator bovino, geralmente medido em [inaudível]. A outra coisa a ter em mente é que estes vão ser animados e agitados e coisas assim. Portanto, há poucas imperfeições que podem ser boas. Eu não me preocuparia muito. Legal, acho que vai funcionar para os nossos propósitos. Então eu posso ir em frente e deletar esse esboço. Como mencionei, estamos pensando nisso como um flip book digital. Então tudo vai ter aquele olhar vibrante para ele. Isso faz sentido quando essas coisas estão se transformando. Mas quando estamos transformando palavras, precisamos segurar cada palavra por um segundo ou dois para que alguém possa realmente lê-la. O problema é que por causa dessa natureza solta, se segurarmos a palavra como ela é, vai parecer estranho porque será estática e não se movendo. Então, para contornar isso, o que você faz é desenhar cada palavra três vezes, e então nós podemos loop esses três quadros um número de vezes dependendo de quanto tempo você quer manter a palavra. Basta fazê-lo três vezes permitirá que ele vibre naturalmente sem parecer duas coisas virando para frente e para trás. Eu diria que três é o mínimo para ter essa vibração natural. Você pode fazer mais se quiser que pareça mais complexo, mas três geralmente funciona bem. Então é isso que vamos fazer por isso. Então, para isso, vamos fazer exatamente o que fizemos para a fase de esboço. Vamos diminuir a opacidade dessa camada e fazer uma nova camada. Eu só vou rastreá-lo e você pode tentar ficar bem apertado a ele e isso vai lhe dar uma vibração mínima ou você pode experimentar ficar um pouco mais solto e ter mais variação, e isso obviamente vai vibrar mais. O que eu descobri é que se eu tentar fazer um trabalho decente localizá-lo, ele funciona o suficiente para mim. Tudo bem, uma coisa que eu mencionaria é que você deveria, em vez de fazer a mesma coisa e diminuir a opacidade desta nova camada e traçar isso, eu recomendo desligar essa camada, fazer uma nova camada e traçar Seu original novamente. A razão para isso é porque você não quer estar rastreando as pequenas variações que você acabou de fazer porque então ele vai se parecer muito com um e-vampiro. Talvez ficando um pouco mais gordo enquanto você está rastreando. Não terá uma vibração natural real porque parecerá mais sequencial. Se você rastrear o original para ambos, será antinatural para frente e para trás sem sentir que está mudando de uma forma estranha, se isso faz algum sentido. Agora nós temos três variações de nossa palavra desagradável, o que eu vou fazer agora é voltar para o original e eu vou trazer a opacidade de volta para cima. Vamos ser adultos responsáveis e nomear nossas camadas aqui, para que possamos acompanhar quando começarmos a animar, porque pode ficar um pouco confuso quando há muitas camadas. Vou nomear isto, SASTY 1 e depois NASTY 2 e NASTY 3 Vamos fazer isso para que possamos manter o controle deles para que tenhamos a vibração natural que estamos esperando. O que podemos fazer agora é testar isso para ter certeza de que parece certo. Vá em frente e vá para a janela e abra nossa linha do tempo e clique em Criar uma linha do tempo de vídeo e, em seguida, vamos clicar nessas pequenas caixas no canto inferior para torná-lo simples. O que podemos fazer aqui, como fizemos nos exercícios anteriores é fazer quadros de camadas. Vamos em frente e excluir nossa camada de plano de fundo e, em seguida, mantenha a tecla shift para selecionar nossas três camadas e, em seguida, ativar a camada de fundo novamente. Se você quiser ter um fundo. Mas só estamos fazendo isso para fins de teste, então não importa. Uma vez que temos estes todos selecionados, podemos alterar o tempo como eu recomendado, 0,1 segundos é uma boa escolha para variação sutil como esta e podemos ir em frente e pressionar play para testar isso. Legal. Isso tem um pouco de vibração. Acho que parece legal, talvez um pouco mais do que eu queria. O vibra é um pouco, mas eu acho que por causa das palavras desagradável e nojento. Eu acho que isso é bom porque o pulso bate um pouco. Parece um pouco nojento, vai bem com a cor, parece um pouco viscoso, então estou feliz com isso. Nós vamos parar com isso, eu vou ir em frente e excluir esses quadros porque nós vamos ter mudanças lá na estrada, então eu não quero confundir as coisas. O próximo passo é fazer a mesma coisa para bruto. Vou abrir uma nova camada e pegar meu arquivo de desenho. Veja aqui SKILL SHARE esboços, bruto, legal. Traga isso para o meu arquivo do Photoshop, coloque aquilo, e diminua a opacidade como estávamos fazendo antes. Antes de começar a desenhar, quero acertar o tamanho primeiro. Vou ligar uma das minhas camadas desagradáveis e verificar novamente. Parece que o tamanho está muito perto, meu ajuste, mudança cresce um pouco, isso parece muito bom. Vou desligar isso e então vamos fazer o mesmo processo que fizemos, mas por bruto desta vez. Agora temos nossas três notações, então novamente, vou voltar e trazer a opacidade de volta para cima. Vou nomear meus arquivos como um jovem muito inteligente ou uma jovem mulher, ou apenas uma pessoa muito inteligente, tão inteligente. BRUTO 3. Vamos testar nossas cartas nojentas. Vamos abrir nossa linha do tempo, em vez de fazer os quadros make de camadas, vamos apenas acertar essa coisinha duplicada algumas vezes. Temos nossas três camadas. Eu vou em frente para o primeiro e ter certeza que é GROSS 1 está ligado e agora eu estou indo para os dois e eu vou desligar um e ligar dois. Eu vou para o quadro três, e eu vou desligar um e ligar três. Um tem GROSS 1 ligado dois, tem GROSS 1 ligado e três tem GROSS 3 ligado. É a mesma coisa que estávamos fazendo antes, é apenas como fazer os quadros das camadas, isso é apenas fazê-lo manualmente. Nossas configurações já estão definidas porque fizemos isso da última vez, e vamos apenas tocar play. Legal que parece nojento, estou feliz com isso. Estamos prontos para o próximo passo, que é a razão pela qual estamos aqui, para transformar essas duas palavras juntas. Vejo você no próximo exercício. 5. Exercício simples de transformação de forma: Para este primeiro exercício, vamos fazer uma simples transformação usando apenas duas formas, um triângulo e um quadrado. Vamos fazer isso porque nos permitirá passar pelo processo da maneira mais simples sem nos preocuparmos com as nuances ou complexidades das letras envolvidas na transformação de duas palavras. Vou pegar meu iPad, conectá-lo ao Photoshop, e então você pode acompanhar na tela enquanto trabalhamos através desta primeira animação simples. Para começar, vamos abrir nossa paleta de camadas e, em seguida, fazer uma nova camada, e vamos desenhar nossa sequência inicial e, em seguida, nossa sequência de término, e o que eu quero dizer com isso é onde ela vai começar e onde vai terminar. O que vamos fazer para testar isso e ter uma ideia de como esse processo de morphing funciona, eu vou transformar um triângulo em um quadrado. Para começar, vamos fazer o nosso ponto de partida, então eu vou apenas desenhar o triângulo. Temos um triângulo lá, só vamos preenchê-lo, torná-lo sólido. Agora eu vou baixar a Opacidade para que você ainda possa vê-la, mas então eu posso desenhar em cima dela e ver outra coisa. A próxima coisa que vamos desenhar é onde queremos que isto acabe e como estamos transformando um triângulo em um quadrado, vamos desenhar o nosso quadrado. Nós mantivemos a opacidade do triângulo para baixo apenas para que pudéssemos fazer o quadrado da mesma forma porque ele vai torná-lo mais fácil. Não tem a mesma forma, o mesmo tamanho. Vou usar a altura como guia aqui. Vou preencher isso. Agora temos as nossas duas formas, temos o nosso triângulo e temos o nosso quadrado. Para animar uma transformação entre esses dois, precisamos fazer os quadros intermediários. Os quadros intermediários são fundamentais para fazer o processo de animação funcionar. Pense nisso como um flip book, se você olhar para um flip book uma página de cada vez, você veria apenas mudanças cada vez tão ligeiramente, e então quando você passa por ele rapidamente, ele se move. Vamos fazer a mesma coisa. O que queremos fazer é baixar a opacidade para cada um deles para que ainda possamos ver os dois, e vamos fazer uma nova camada em cima disso. O que queremos fazer é mudar lentamente o triângulo para o quadrado. É tão simples quanto isso. O que eu faria é traçar perto do triângulo, mas talvez o façamos um pouco mais largo agora e talvez esse ponto comece a se aproximar, mas está se aproximando do quadrado. Vamos desligar o primeiro, e agora vamos reduzir a opacidade em um que acabamos de desenhar, e então vamos fazer o mesmo processo novamente. Vamos começar uma nova camada e vamos apenas fazer esse triângulo mais perto do quadrado. Você pode se divertir com esses processos, ele não tem apenas que movê-lo lentamente, nós não temos que apenas mover lentamente esta linha. Você poderia experimentar diferentes maneiras de fazê-lo, e isso é parte do processo que eu realmente gosto. Eu gosto de tentar diferentes maneiras de transformar as coisas e fazê-lo de maneiras diferentes, então em vez de talvez apenas estender esta linha reta, se nós torná-lo mais orgânico? Mas ainda é uma mudança sutil, então não vai parecer completamente fora de controle quando é animado. Preencha isso, vamos desligar o anterior, mas estamos sempre deixando o final ligado porque é onde estamos tentando chegar, então cada passo está um pouco mais perto. Vamos novamente trazer a opacidade para baixo, fazer uma nova camada, e desde que começamos a fazer essa situação de formas orgânicas, vamos continuar com isso. Talvez possamos ter um pouco de sorte quando começarmos a construir aquela praça. Quase podemos fazer parecer que está batendo no lado e se dividindo um pouco. Vou bloquear isto e depois vamos preencher isso. Neste ponto você tem que decidir, isso é suficiente ou eu quero fazer outro? Acho que isto provavelmente está perto o suficiente da praça para podermos parar. Esta animação provavelmente funcionaria muito bem levando-nos para o retângulo. Você poderia fazer isso um loop apenas repetindo o processo e apenas revertendo essas camadas, mas o que eu gosto de fazer é tentar fazê-lo de uma maneira diferente para que não pareça apenas como um rebobinamento. Eu gosto de torná-lo mais um loop orgânico onde é uma sequência de ciclo completo. Bem, isso é um bocado. O que vamos fazer agora é voltar. Vamos, para que não nos confundamos, mover o retângulo de volta para o topo porque queremos começar com a imagem original e depois terminar com essa imagem final. Agora, para voltar atrás, vamos fazer a mesma coisa, mas em ordem inversa. Vamos pegar este quadrado e trazê-lo de volta para o retângulo. E se pudéssemos tentar algo diferente onde desenhamos o quadrado novamente? Então talvez tentemos apagar algo estratégico. Ferramenta errada, quis dizer a borracha. E se tentarmos fazer algumas linhas apagadas? Acho que são um pouco gordos, mas talvez possamos colocar alguns do meio aqui, então é como se estivesse se dissolvendo. Vamos desligar esse e então vamos baixar essa opacidade, e então podemos ver que podemos ir um pouco mais longe. Quando você está começando a dissolver coisas como essas linhas que são muito grandes, talvez a próxima elas sejam mais finas, é como uma evolução lenta. Então os que já são finos, eles só se tornam pedaços de linhas, talvez um pouco de pontos ou algo assim. Então talvez possamos obter esta forma um pouco mais perto e depois voltar e adicionar as linhas dissolvidas nos lados. Como você pode ver, eu não estou sendo tão particular com as bordas porque ele vai dar uma vibração natural que eu realmente gosto, e você vai ver o que eu quero dizer quando formos para animar isso. Vou puxar mais algumas linhas aqui, então é uma dissolução lenta. Muito bem, vamos desligar essa camada e trazer esta para baixo para podermos ver o que estamos a fazer. Eles vêm para as bordas do triângulo para este. Esses que eram apenas pequenas linhas, eu só estou tipo de colocar alguns pequenos pontos lá dentro. Uma vez que este é apenas um exercício, talvez deixe-se experimentar e ver o quão pouco você pode mostrar ou talvez o quão grande de uma mudança você pode fazer e tê-lo ainda lido. Ok? Tudo bem. Vamos desligar esta cedo. Vamos trazer essa opacidade. Então esta será a nossa final antes de voltarmos ao triângulo original. Vou desenhar o triângulo bem apertado até as bordas. Preencha isso. Então apenas transformar essas linhas em pedacinhos. Muito bem, já que estamos a reduzir a opacidade em todas estas linhas, queremos ter a certeza de que estão todas a 100 por cento. Preenche como todos eles e, em seguida, apenas como trazê-los todos para zero ou algo assim e então você pode trazê-los para fora de um 100 para ter certeza que eles estão todos no lugar certo. O próximo passo é ir para sua janela e encontrar a janela da linha do tempo. É aqui que vamos realmente fazer nossa animação. Quando abrires a tua linha do tempo, vais ter esta janela. Vamos clicar nessa coisa que diz Criar uma linha do tempo de vídeo. Vamos olhar para isto e dizer, “Oh meu Deus, isso é confuso. Não sei o que é.” Então você vai para o canto inferior e você vai ver esses pequenos quadrados e você é como, bem, esta pequena animação de quadro que parece legal. Clique nisso. Você é como, uau, um quadrado que parece muito menos assustador. Aqui é onde o truque de mágica acontece. Se você clicar sobre a direita sobre estas pequenas linhas aqui, nós vamos clicar nesta configuração mágica chamada quadros de microfone de camadas. O que isso vai fazer é pegar todas as nossas camadas e transformá-las nos quadros da nossa animação. Boom, aqui é o Center Mall. O primeiro é o nosso passado. O que você pode fazer é simplesmente excluir essa camada. Então vamos em frente e mantenha a tecla shift e selecione todos esses quadros. Podemos ir para as nossas camadas e virar isso para trás. O que isso faz é ligar essa camada para cada um desses quadros. Debaixo de cada quadrado, você verá uma configuração de tempo. Para este tipo de animação, descobri que colocá-lo, em um atraso de 0,1 segundo funciona muito bem. Você pode experimentar coisas diferentes, mas qualquer coisa acima que começa a ficar um pouco lento. Este tipo de lhe dá aquele olhar de animação natural. 0,1 segundos. Então você só quer ter certeza que isso é definido para sempre. O que isso significa está em loop. Aqui está o momento da verdade. Vamos ver se isso realmente funcionou. Vamos tocar no Play. Temos uma animação legal de morphing. Eu acho que isso é meio divertido porque desde quando está ficando menor aqui, essas linhas são como cair em direção ao centro. Tem uma vibração fria para ele. É quase como um batimento cardíaco estranho. Mas é isso. Fizemos uma pequena animação de morphing em loop. Bom trabalho a todos. A fim de realmente usar isso na web, você vai querer salvar isso como um GIF animado. Ou pode exportar um filme, o que preferir. Mas para salvá-lo como um GIF, basta ir para Arquivo Exportar. Então você pode fazer dizer para web. Uma vez que você está aqui, você só quer mudar isso para GIF. Aqui é onde você pode mudar o tamanho. Como eu mencionei anteriormente, eu gosto de trabalhar em 2.000 para que eu tenha a capacidade de desenhar mais facilmente quando você está trabalhando em baixa resolução, é difícil obter boas linhas. Aqui eu vou torná-lo menor. Este é apenas um GIFs animado que não vamos querer muito grande. Talvez façamos 800 pixels. Algo a ter em mente é que você deseja que o tamanho do arquivo seja menor e uma vez que estes são atendidos para a web. Se você vê aqui, isso é apenas 50 mil que é pequeno. Não há necessidade de se preocupar lá, mas à medida que você começa a ficar mais complicado com essas coisas e introduzir cores, ele pode ficar muito grande. Eu geralmente tento manter as coisas sob 500K, ou pelo menos sob omega se encaixa como um super-complicado. Uma vez que ele fica acima disso, você está realmente melhor usando um arquivo de filme do que um GIF. Podemos salvar isso. Vamos salvá-lo na área de trabalho. Então você pode ir ver isso. Temos um GIF, com licença. Se você quiser exportá-lo como um filme, basta ir para exportar vídeo de renderização. Isso é útil se você quiser trazê-lo para efeitos posteriores ou algo assim. Então você tem suas configurações diferentes aqui. Eu não vou falar sobre isso porque isso é um pouco complicado e não necessariamente para esta aula. Ok. Vejo-te daqui a pouco. 6. Exercício de escrita: Oi. Neste próximo exercício, vamos fazer uma animação simples, apenas soletrando uma palavra. Isso não é necessariamente uma transformação, mas é uma maneira de mostrar como essa animação quadro a quadro pode funcionar com o tipo. É um efeito legal que você pode usar em sua animação de morphing final ou em qualquer outra coisa de animação tipo. Eu vou fazer este no Procreate porque, como eu mencionei, o processo para criar essas animações é o mesmo no Photoshop ou no Procreate. Faremos este exercício no Procreate para que você possa ter uma ideia de fazê-lo em um aplicativo diferente. Mesmo que seja essencialmente a mesma coisa, e você pode fazê-lo no Photoshop com a mesma facilidade. Vamos olhar para a tela e parar de olhar para mim. O que vamos fazer é usar um script, uma palavra escrita em script, e então vamos fazer com que ela se escreva para a animação. Vamos começar. Vou usar a palavra “ok “como nosso exemplo. Estaria tudo bem para você? A maneira mais fácil de iniciar este processo é escrever a palavra como fizemos aqui. Então, assim como fizemos no exercício de morphing, vamos baixar a opacidade, e vamos fazer uma nova camada igual ao Photoshop. Este é apenas um aplicativo simples, sem todos os recursos que o Photoshop tem, mas é muito o que fazer em GIF animado como este. O que vamos fazer agora é começar do início. Quando você está fazendo isso com script, você quer pensar sobre como você escreveria a palavra, e como ela iria ser. Você pode experimentar o quanto você faz de cada vez ou quão pouco. Mas o que eu gosto de fazer é começar com apenas dois pequenos derrame, e às vezes eu arredondo o final assim. O que você pode fazer agora é fazer uma nova camada, mas você pode continuar começando de novo, e continuar rastreando, ou uma maneira mais rápida é se você apenas duplicar essa camada, e então você simplesmente ir em frente, e adicionar um pouco mais para ele. Isto é mais rápido, com certeza. O único problema aqui é que você não terá a mesma qualidade vibratória porque o começo vai permanecer o mesmo, mas então novamente, como está soletrando, você pode não notar que não está vibrando porque está em movimento de qualquer maneira, mas por uma questão de simplicidade, vamos fazer assim aqui. Vá um pouco mais longe. É, whoops, essa é a borracha. Vou desfazer isso. Você pode experimentar onde e quanto tempo você faz cada adição, mas o que eu gosto de fazer é prestar atenção onde há loops e coisas assim. Então parece natural. Muitas vezes eu vou taxa para onde o topo do loop está, modo que ele não apenas mudar para onde um loop completo é concluído porque então ele não vai parecer um movimento natural. Estou apenas duplicando a camada de novo. Vá um pouco mais longe. Este, vamos trazê-lo para o topo. Em seguida, o próximo irá fazer um loop para baixo. Duplicar essa camada. Mais uma vez, desligue-os à medida que você vai, mas fica confuso. Então aqui, assim como eu gosto de fazer com os loops, muitas vezes eu vou parar antes que ele cruze porque às vezes parece um pouco estranho se há apenas como um loop acabado do nada. Está se movendo muito rápido, então é muito indulgente. Você pode experimentar, ver o que funciona melhor para você. O mesmo aqui onde ele como chega a um ponto final, e então tem que voltar atrás para subir. Porque enquanto você escreve isso, você faz um loop, e depois direto para o fundo. Eu costumo parar por aí, e depois vou para o próximo, e talvez derrubar isso. Duplicado. Aí está ele. Quando eu tenho coisas como um ponto de exclamação ou talvez se ele está mudando para outra palavra, uma coisa que eu gosto de fazer é fazer como um pequeno salto divertido com uma linha para tentar fazer o ponto de exclamação. Às vezes, será tão simples como estender a linha por um minuto, e carregá-la para a próxima palavra. Já que estamos tentando fazer o ponto de exclamação aqui, o ângulo não se presta muito bem. Acho que pode parecer que atingiu uma parede imaginária ou algo assim, mas você poderia brincar, e ficar chique. Acho que vou fazer isso funcionar como um flip ou algo como se estivesse fazendo uma manobra legal. Você não sabia que essa aula é do tipo dublê, sabia? Este é basicamente o lettering X jogos. O que vamos fazer, vamos dar este doce salto aqui. Já chegamos lá? Eu não quero ser carregado ou extra novamente, nós vamos ter um R em um minuto. Vou fazer um loop nisso. Estamos virando aqui. Está ficando louco. Na verdade, isso pode ser um duplo flip. É difícil saber, mas vou duplicar isto. Queremos ter certeza de que com outras camadas desativadas para que possamos ver o que está acontecendo. A chave é porque isso está pulando, queremos separá-lo. O que eu vou fazer agora é separar isso, então está quebrando nossa palavra. Então eu terminarei isso. Então termina onde queremos. Vamos continuar este ciclo. Eu vou filmar isso. Não quero encurtar a cauda deles. Segure um pouco. Esta loucura. Normalmente não enlouqueço assim. Vamos ver se funciona. Eu não tenho certeza se ele vai, mas este é o resultado fora experimentando e se divertindo. Vamos apagar esta cauda. Agora estamos neste ponto. Então vamos filmar isso no nosso ponto de exclamação. Não é um ponto de exclamação, então você tem que ter certeza que é muito exclamatório. Isso é tudo? Não tenho certeza se é. Eu derrubo isto, terminei o nosso ponto de exclamação, apago o fim. Então talvez nós vamos colocar o ponto no final lá para que ele possa disparar no próximo. Duplicar isso, apagar o fim. Então poderíamos descobrir onde é, talvez, espalhá-lo para fora mais largo como se estivesse batendo em uma parede, e quebrando um pouco. Vamos duplicar isso. Bem, apague e desenhe normal. Esse loop foi um pouco caótico, mas vamos ver como foi. A única coisa que você tem que lembrar com o Procreate é fazer a animação. Você precisa verificar se todas as camadas estão ativadas, que é um pouco diferente da técnica do Photoshop. Vamos desligar o primeiro porque esse foi apenas o nosso ponto de partida. Agora, para fazer sua animação, você vai clicar nesta pequena chave inglesa aqui em cima, e depois ir para Compartilhar, e depois GIF Animado. Então você terá uma pequena prévia legal. Legal. Isso é divertido. Vamos fazer o Web Ready, exportá-lo. Podemos salvar nossa imagem. Exportação bem-sucedida. 7. Morphing, parte 1: Vamos começar com o evento principal aqui. Vamos morphs algumas palavras. A primeira coisa que você quer fazer é ligar sua primeira palavra. O que vamos fazer é derrubar a opacidade. Provavelmente vamos voltar e ajustar isto. O processo de morphing pode ser um pouco confuso, especialmente no início quando você não fez isso antes. Há alguns truques diferentes que você pode fazer para torná-lo um pouco mais fácil. Vou mostrar-te algumas das que gosto de fazer. Também vamos ligar a palavra “bruto”. O que precisamos fazer é sobrepô-los o suficiente para podermos ver ambos. Eu acho que é útil ver a palavra que você está começando com um pouco mais do que a outra palavra. Você pode ver desagradável um pouco mais. Uma dica rápida que eu tenho é porque estes são da mesma cor, torna ainda mais difícil distinguir entre eles. O que eu faço às vezes é clicar em um deles e eu vou em frente e fazer o comando I e inverter essa cor. Dessa forma, podemos facilmente alternar para frente e para trás para colocá-lo de volta quando terminarmos. Tornando esta cor roxa, torna muito mais fácil ver as diferenças entre essas letras. Ele também nos permite trazê-lo para baixo um pouco mais leve também. Vamos fazer uma nova camada, e esta vai ser a nossa primeira camada de transformação. A chave aqui é fazer mudanças passo a passo de nossa palavra desagradável para a palavra nojenta. Agora, obviamente, se você está usando palavras diferentes você pode usar suas palavras lá em vez de desagradável e nojento. Vamos pegar nossa primeira camada, o que é desagradável, e mudá-la um pouco para chegar mais perto do nojento. Eles vão parecer estranhos, mas você não precisa se preocupar com isso porque eles são apenas como um processo de movimento. Eles só vão vê-los por uma fração segundo Eu acho que apenas começando a desenhar isso vai deixar isso um pouco mais claro. Por exemplo, estamos olhando para este fim, a primeira parte de desagradável aqui, e vemos que este G é um pouco mais alto. O que eu vou fazer é começar a desenhar esta linha aqui para sair um pouco, então eu vou apenas bater sutilmente lá fora. Em seguida, desça, siga esta linha, e depois bata isso um pouco. Parece que vai entrar, então vou cortar um pouco disso. Então isso vai descer para chegar mais perto do G então eu vou estender isso um pouco. Mudando-o sutilmente para aproximá-lo da próxima palavra. Eu vou subir aqui e ver que temos essa barra transversal aqui que não temos no G. Poderíamos fazer duas coisas; poderíamos fazer isso mais fino e eventualmente tê-lo desaparecido, ou mudá-lo para cima para se tornar o topo do G. pode ser uma ideia melhor. O que eu vou fazer é aumentar isso um pouco, estender isso para chegar mais perto da parte superior. Aqui, eu só vou levantar isso para chegar mais perto. Nós temos essa cauda que precisa ir embora então eu vou fazer essa cauda um pouco mais curta. Vou trazer esta linha toda para cá. Torne isso um pouco mais gordo. Só ficar entre os dois pode fazer isso sair um pouco. Temos a mesma situação aqui onde vai haver uma lacuna. Para este, vamos fazer o final chegar um pouco lá e chegar um pouco mais perto. Eu não iria até lá fora que poderia ser um pouco chocante de uma transição. Como mencionei, é um pouco confuso no começo, mas está mudando um pouco. É como uma coisa passo-a-passo, um pouco de cada vez. Uma vez que temos essas linhas conectadas, eu vou em frente e tornar essa linha conectada um pouco mais fina e eventualmente fazer desaparecer. Temos esta situação aqui onde há lacuna vazia do G. Vou puxar isto daqui a pouco, porque as nossas palavras são nojentas e nojentas, são viscosas. Ter algumas fendas ondulantes e estranhas é uma coisa boa. Vamos passar por aqui. Porque a a é minúscula e todas as letras em bruto são maiúsculas. Temos uma lacuna maior aqui, mas tudo bem. Não é grande coisa que possamos fazer algumas mudanças sutis. Vou falar um pouco disso. Temos a mesma situação em que temos este contador vazio aqui em cima. Mas acho que faz mais sentido usar esta parte do A como pernas. Porque esta forma é muito próxima desta forma na parte inferior do R. Vamos dar uma chance a isto. Vou puxar isso um pouco, puxar um pouco para cima, e depois tirar isso um pouco. Vou fechar um pouco o contador. Como eu mencionei, eu vou dividir o fundo do A, quase como um A. maiúsculo mas eu não quero cortá-lo completamente imediatamente. Vou diluir aquele bar e derrubar isso um pouco. Estou indo em frente e preenchendo isso para tornar menos confuso olhar. Eu estrago isso lá em cima. Você quer ter certeza de terminar suas formas antes de você querer o balde de tinta. Agora você pode ver por que eu recomendei escolher palavras que têm a mesma quantidade de letras para começar. Porque assim podemos nos concentrar em transformar uma letra para outra letra. Você pode definitivamente experimentar e tentar outras coisas. É o mesmo processo para transformar uma palavra com menos letras para uma com mais letras. É só um pouco mais complicado. Nós temos isso s e isso vai ser um O. Pode fazer sentido alargar o s para chegar mais perto do o. O que quero dizer com isso é, eu vou puxar isso um pouco mais, estender isso, e então puxar isso e Acho que podemos eventualmente juntar-nos aos balcões. O que eu vou fazer é fazer o contador maior lá em cima e, em seguida, fazer este chegar mais perto. Então vamos juntar-nos a eles para fazer o contador no. Precisamos garantir que este t um pouco ficando um pouco mais largo pode tornar a cruz no t um pouco mais larga à medida que estamos encurtando-a. Pegue essa coisa de conexão e dilui-lo no início, em seguida, torná-lo mais largo para que possamos usá-lo para parte do s. Há definitivamente espaço de manobra aqui sem trocadilho pretendido. Porque esta coisa está acontecendo tão rápido que você pode escapar com um pouco e tê-lo ainda ler ok. Vou deixar parte disso ir para o topo disso, então estou diminuindo aquele bar um pouco. Vou voltar e preencher isto. Parece um pouco menos louco. Se você começar a ficar confuso, você pode seguir e olhar onde eles se sobrepõem. Eu tenho este roxo e esta linha aqui, então eu só vou desenhar entre eles. Essa será a diferença entre os dois apenas movendo essa lacuna um pouco. Aqui temos essa coisa. Vou encurtar tudo isto como uma unidade e depois deixá-la separar-se aqui. Então, novamente, para esta cauda como fizemos com a outra, vamos apenas encurtá-la um pouco. Legal e agora temos nosso primeiro quadro de transição. O que podemos fazer agora é ir até lá e podemos desligar a nossa moldura original desagradável, que é justamente de onde começamos. Vamos desligar para que possamos ver, então é de onde começamos. Eu vou mover nossa primeira camada de transição para cima que possamos ver aqui e você pode olhar para eles para frente e para trás. Então vamos de isto para isto. Como pode ver, é uma mudança subtil. Você ainda pode ver de onde veio, não é muito dramático, mas está nos aproximando disso. Agora, vamos pegar essa primeira camada de transição e fazer a mesma coisa que fizemos com a outra e reduzir a opacidade, exceto que desta vez vamos estar mais perto e fazer uma nova camada. Vamos fazer o mesmo processo de novo até que esteja mais perto. Normalmente, você pode fazer isso em três quadros. Nós não mudamos muito, você poderia realmente se safar de fazer mudanças mais dramáticas e você pode experimentar com isso como você vai, depende do olhar que você está indo para. Mas três geralmente é suficiente para que pareça bastante credível. Para este segundo, vou ser um pouco mais agressivo. Vou trazer isto até aqui. Eu vou encurtar isso mais e então eu vou ficar bem perto de cair nessas linhas aqui. Eu poderia até juntar-me a estes muito perto porque nós não estamos tendo que nos mover tanto para fazer isso funcionar. Porque nós não tínhamos nada aqui antes, eu só estou fazendo isso um pouco mais fino e então eu vou começar a usar aquele abstrato como forma que eu fiz lá e apenas fazer uma versão maior dele. Eu não quero me livrar dessa lacuna completamente, então eu ainda vou manter esta área da ponte um pouco, nós vamos saltar isso para cima. Já quase parece um G. Então pode trazer isso bem perto, trazer isso para baixo, chegar um pouco mais com isso. Então nós tínhamos esta pequena ponte aqui, então eu só vou torná-la mais fina e nós vamos fazer a mesma coisa aqui, mas um pouco mais grossa. Vamos ver. Às vezes, é útil apenas esquecer o que são as palavras e letras e apenas tentar trazer o verde um pouco mais perto do roxo ou qualquer cor que você está trabalhando com o seu. Acho que vou fechar toda esta área por enquanto e vou deixar estes juntarem-se. Eu vou realmente fazer isso um pouco menor para que possamos começar a aproximar isso. Legal. Vou trazer isso um pouco, mas quero que pareça uma evolução natural abrindo esse espaço. Então podemos chegar perto aqui, mas ainda precisamos fechar essa conexão. Quando há uma separação completa como nós tivemos lá, parece que se você deixá-los juntar-se com uma linha mais fina e depois preenchê-lo, é [inaudível] um pouco mais naturalmente. Neste, precisamos nos livrar do verde no meio, então eu vou apenas tirar um pouco dele sem apenas apagá-lo completamente para que lentamente pareça que está mudando. Apenas perceba que podemos ir mais apertado aqui, não há razão para ter tanto. Faça uma linha fina lá, dilua isso, encurte-a. Vamos em frente e preencha isso. Legal, então vamos ver onde estamos. Então eu vou trazer isso para baixo, desligar a camada bruta, vamos voltar para cima a opacidade em nossa primeira camada de morfo e, em seguida, olhar para isso, você já pode começar a ver a palavra bruto. Você pode passar pela evolução lá e se você estiver cético neste ponto, você sempre pode abrir sua janela de linha do tempo e fazer alguns quadros e começar a ver como sua transformação está funcionando. Vamos adicionar outra para que possamos transformar a primeira em uma de nossas camadas desagradáveis e depois transformar a segunda para a nossa primeira transformação, terceira para a nossa segunda transformação. Não, isso não está certo. Essa é a nossa segunda transformação. Então podemos mudar este para uma das coisas nojentas e depois desligar esta quarta camada porque não precisamos de quatro. Então vamos transformar isso em uns, para que ele não faça loop e pareça confuso. Pode tocar? Veja, já está funcionando assim. Nós nem precisamos de uma quarta camada, mas eu acho que vou fazer uma para que possamos fazer alguns pequenos efeitos com ela. Mas como você pode ver, apenas usando essas duas camadas, isso se transforma bastante naturalmente. Certo, então vamos desligar isso e voltar para onde estávamos. Este aqui é o nosso nível de morfo atual, então eu vou baixar a opacidade, colocar o bruto abaixo dele e então nós vamos fazer uma nova camada para fazer a nossa terceira. Então, uma maneira que você pode adicionar um personagem a alguns desses morphs e dar-lhe um pouco mais de energia ou estilo dependendo do tipo de desenho da literatura é talvez sugerindo a forma ou como eles são feitos. Então, já que isso é lodo, podemos brincar com como as coisas desaparecem enquanto se separam. O que eu quero dizer com isso é, por exemplo, esta cauda aqui, talvez possamos ter um pouco [inaudível] e talvez haja algum splat enquanto ele está desmoronando e talvez aqui você possa sentir como se fosse um pouco splattier como ele está se separando, quase como se estivesse quebrando e há algumas manchas gosmas. Mas talvez se sua palavra fosse feita de vidro ou areia ou algo assim, você poderia tê-la em vez de mudar lentamente assim, talvez as letras se separem em rachaduras, mas não é o que estamos fazendo aqui, então eu vou para apagar isso. Outra coisa que você pode fazer é como isso está chegando mais, eu fiz uma parte que pinga para baixo um pouco e você pode até exagerar que mais como ter outro gotejamento caindo que apenas cairia no resto da palavra. Pode torná-lo pegajoso um pouco ou algo assim. Alguns destes pingam para baixo. Talvez seja esse gotejamento que empurra este fundo para baixo. Ajuda a preencher e podemos ter apenas alguns pontinhos de onde essa linha é para ser como um respingos. Deixando a forma construir com um pouco de salpicos, coisa viscosa. Como você pode ver, parte disso estava bem longe da final, porque acontece tão rápido, que ainda é lido muito bem. Isso lhe dá um bom exemplo de quanto você pode se safar com não mostrar e ter a morph ainda ler bem. Agora, porque estamos tão perto do nosso lugar final, mas ainda precisamos de mais uma camada de transição para terminar esses pequenos respingos para fazê-los se sentir natural. Como você faz isso, é apenas fazê-los desaparecer de uma forma mais natural e você pode fazer isso apenas como torná-los um pouquinho menores e então eles simplesmente evaporam ou simplesmente fluem naturalmente para esta outra palavra. Mas em vez de redesenhar tudo de novo, o que você pode fazer é pegar uma de suas três palavras finais para bruto e usar isso como ponto de partida. Vou em frente e usar o terceiro. Porque vamos começar com um e isso nos dará algum espaço para loop sem parecer que está parando por um segundo, se isso faz algum sentido. Se não confiar em mim. Estou ativando a camada 3, selecionando tudo e copiando. Vou fazer uma nova camada e vou colá-la no lugar. Agora podemos usar isso como ponto de partida. Podemos voltar ao nosso primeiro bruto, trazendo a opacidade de volta a 100 por cento e depois Comando I para inverter a cor certa. Vou arrastar este backup para ficar com as outras palavras nojentas. Como temos um monte de camadas de transição, devemos ser inteligentes e rotular isso. Eu só vou chamar isso de “morfo 1”. É uma boa hora para garantir que suas opacidades voltem a 100 por cento. Veja, já estamos confusos. Camada 3 é morfo 3. Então o meu 4 que é a nossa cópia de três bruto, ver como isso pode ficar confuso. Se você rotular as coisas é menos confuso chamamos isso de quatro. Não. Sim. Está bem, fixe. Eu fiquei confuso porque parece normal porque isso é normal porque nós temos que adicionar algumas coisas a ele ainda. O que vamos fazer agora é ativar a morfo 3, baixar essa opacidade para que possamos ver algumas de suas outras coisas que estão acontecendo, e podemos adicioná-las a esta quarta variação. Nós só vamos fazer algumas coisas sutis aqui apenas para terminar a sequência de algumas dessas pequenas coisas splat que tínhamos acontecendo. Eu vou fazer meu pincel um pouco menor e apenas abordar esses pontos para que eles fiquem bem grandes lá. Vou fazer parecer que estão caindo e desaparecendo. Este aqui, vou fazer uma pequena mancha ali. Aquele está caindo e, em seguida, este está indo para o bajulador. Então é como nos mostrar que eles vão cair nele e se tornar parte do lodo. Com isso, eu poderia encostar isso, parece que ele está voltando para si mesmo novamente. Apenas dirigi-los um pouco para que pareçam que algo acontece com eles. Este fim faz a mesma coisa, aqui puxa um pontinho ali, este ponto ali e talvez isso se torne a tira. Nós temos isso, e então talvez isso seja só você pode dizer que está caindo em si mesmo. Isso nós podemos tê-lo terminando de onde ele caiu e talvez apenas fazer isso um pequeno conector magro. Este mais fino pode deixar que estes se desintegrem um pouco. É sutil, mas é suficiente para que pareça um pouco mais credível. Vamos voltar para dentro. Temos quatro morfos. Vamos testar isto e ver como fica. Temos quatro camadas para os morfos e mais duas para a sequência de início e fim. Número 1, vamos em frente e ligar um desagradável. Número 2, desligue um desagradável, ligue um morfo 1. Número 3, desligue desagradável, vá para a morph 2, desligue isso, vá para a morph 3 e então vamos para a morph 4 e então nossa iteração final com apenas bruto. Legal. Você pode ver como esses pequenos gotejamentos parecem que eles acabaram seu ciclo. Eles caem de volta na palavra, mas acrescenta um pouco de caráter a ela. Ficará ainda melhor quando usarmos nosso ciclo repetido para cada letra no início. Na verdade, neste ponto, você poderia simplesmente reverter isso e ser feito. Vamos em frente e fazer isso para que possamos ver como isso ficaria. Para a nossa final aqui, vou fazer uma sequência diferente de volta. Não é apenas uma ida e volta. Mas se você quiser que isso seja feito agora, você pode. Vamos em frente e fazer quadros a partir de camadas. Faça o mesmo processo em que desligamos a camada traseira. Vamos ativar a camada de fundo aqui. Os três primeiros quadros são os nastys e, em seguida, os três grosses. O que podemos fazer aqui é selecionar essas três malditas e duplicá-las algumas vezes. Assim temos mais tempo para lê-los e então vamos em frente e pegar nossas três camadas grosseiras finais. Selecione todos esses e vamos duplicar isso um par de vezes. Para fazer esse loop, precisamos fazer a transição para trás. Para fazer isso, podemos fazer um inverso da sequência Morph. Vamos fazer um novo quadro e então vamos em frente e ligar a última transformação. Isso vai nos trazer de volta a ser desagradável. Vou fazer um novo, desligar quatro, ligar três e depois descer para dois, descer para um. Isso nos permitirá transformarmos para frente e para trás, mas só repetirá o mesmo processo. Às vezes eu acho que fica um pouco melhor quando você tem uma sequência diferente para trás e para frente. Não parece apenas uma peça e depois rebobinar. Verá o que quero dizer quando jogarmos. Eu vou ir em frente e selecionar o primeiro quadro, em seguida, ir para o último quadro, selecioná-los todos e, em seguida, vamos voltar para o nosso 0.1 segunda coisa. Então podemos mudar os aqui para sempre, porque isso volta. Se batermos no jogo, espero que isso funcione. Legal. Temos um ciclo completo de dia feliz aqui. Neste ponto talvez você queira uma cor de fundo para isso, eu acho que seria útil. Acho que roxo será bom, talvez este roxo. Para fazer isso, podemos simplesmente ir em frente e selecionar nossa camada de fundo, torná-la roxa e vai fazer todas as camadas roxas. Isso é super néon e realmente exagera aquele verde viscoso. Vamos jogar agora. Legal, fizemos nossa transformação. Uma coisa sobre fazer um loop de volta assim, é um pouco estranho é que quando você chega a este ponto aqui embaixo, aqueles respingos que fizemos, quando você os reverte, realmente não faz sentido porque eles são como rebobinar de volta para onde eles começaram. Mas, novamente, ainda funciona e a maioria das pessoas não notaria isso. Se você não tivesse essa transição, seria bom também. Legal. Bem, vamos passar para o final mais chique. 8. Morphing, parte 2: Como eu mencionei, eu gostaria que você ficasse um pouco mais elegante com a transformação de volta e usasse aquele pequeno exercício de script que fizemos antes. Meu plano de jogo é deixar GROSS escorrer em uma pilha de lodo desleixado no chão, e então vamos usar esse lodo para soletrar a palavra “desagradável”. Parece um bom plano. Espero que funcione e vamos tentar. O que eu quero fazer é, eu vou puxar um guia arrastando da minha régua para baixo. Só estou fazendo isso para me dar um piso de algum tipo para mirar quando eu deixar isso escorrer lentamente. Verá o que quero dizer em um minuto. Eu vou fazer uma nova camada, assim como fizemos para todo esse processo, e eu vou trazer a opacidade para baixo na minha camada grosseira. Na verdade, antes de fazer isso, preciso recuperar a cor, verde, então estou desenhando com a cor certa. Agora vou baixar a opacidade e clicar na minha camada. O que eu quero fazer aqui é escorrer lentamente este tipo para baixo em uma pilha. Isso é fácil o suficiente. Vamos apenas fazer o que temos feito no passado, ou mudamos sutilmente um pouco. Porque isto está a pingar, vou começar a fazer esta linha um pouco mais baixa. Começando a sentir que está começando a derreter. Estou suavizando essas curvas como se estivessem pingando em si mesmas, trazendo isso para baixo e talvez parte deste goteje para o topo do G. Isso está ficando um pouco mais longo. Isso pingou em si mesmo. É muito nojento. Apenas escorrendo, pingando para baixo, fazer algumas formas divertidas e gotejadas. Assim como está derretendo completamente. Você só quer ter certeza de que você não faz nenhum ponto mais alto do que o original para que tudo pareça que está caindo. Vamos construir isso, isso parece gotejamento. Você poderia ir em frente e, se você quiser exagerar a grosseria, talvez ter algumas linhas grosseiras mais finas. Dê alguma variedade, então não é tudo a mesma coisa. Então vamos em frente e fazer o mesmo pelos outros. Temos o nosso primeiro, tal como fizemos antes, voltar e colocar o original de volta a 100 por cento e reduzir esta opacidade. Em vez de chegar mais perto de outra palavra, estamos apenas tentando aproximar isso de uma pilha no chão. Tudo o que temos que fazer é continuar movendo-o para baixo e lembrando que vai ser apenas uma pilha para que essas formas de letras possam lentamente se dissolver em bolhas. Temos este guia aqui, então podemos deixar que algumas dessas gotas maiores caiam no chão. Um pouco de um splat. Quando você está fazendo gotejamentos como estes, se você quiser que eles pareçam extra bruto, você pode fazer com que eles caiam em taxas diferentes. Há pensar na ideia da viscosidade, onde este é tão fino, então talvez não tenha caído tão rápido ou este tenha apanhado e passado. Agora que está começando a derreter, talvez possa ir um pouco mais rápido. Agora que temos um pouco no chão, podemos deixá-lo começar a se acumular e sair um pouco. Vou começar aqui para este papel. Coloque este preenchimento em alguns, obviamente sendo maior em áreas onde ele tinha atingido o chão pela primeira vez. Porque queremos que nossa física viscosa seja precisa. Neste ponto eu realmente estou apenas deixando esta poça, piscina para fora. Deixe isso vir muito longe desta vez. Eu realmente não preciso arrastá-lo muito devagar, porque é apenas uma bolha neste momento. Vai ser muito indulgente. Provavelmente eu só preciso preencher pequenas separações aqui para sugerir o que estava lá antes, mas também pode se misturar neste ponto. Acho que vou fazer mais uma camada para terminar para que não pareça que ainda está caindo. Eu ainda vou deixar que seja irregular, mas apenas um pouco mais suave como se tivesse acabado em uma pilha. Podemos visualizar nossa sequência de lodo. Da mesma forma, abra nossa linha do tempo de novo. Vamos encontrar a nossa camada grosseira final, ligar isso, fazer uma nova camada, ligar a nossa primeira camada de gotejamento. Vocês conhecem esse processo agora. Vocês são especialistas em animação. Eu acho que poderíamos ter escapado com algumas transições a menos aqui, mas foi divertido desenhar um pouco de lodo gotejamento, então eu fui em frente. Você provavelmente só precisa de três para fazer isso parecer bom o suficiente, mas vamos transformar isso em um para que possamos apenas vê-lo gotejar em uma pilha. Veja, parece bem natural. O benefício de fazer mais quadros é que ele tem um efeito mais natural quando você está tentando fazer algo que é realmente gotejado e fluido, porque faz com que pareça mais suave, ao contrário de uma vibração mais dura. Isso realmente dá o recheio de lodo, o que é bom. Para o próximo passo. O que vamos fazer agora é transformar este lodo num guião nojento. Você está pronto para ser desagradável, o que vamos fazer? Vamos fazer o que normalmente fazemos, vamos diminuir a opacidade. Precisamos encontrar nossa iteração final. Temos o nosso termo desagradável aqui, uma palavra desagradável, trazemos a opacidade lá em baixo e depois fazemos qualquer quadro. Vamos começar a trazer este lodo lentamente até o topo do início do fim. Então este será apenas o mesmo processo que fizemos naquele exercício quando animamos a palavra script Ok. O que faremos aqui é fazer uma arca, trazendo o lodo para cá. O que eu vou fazer é apenas tentar separar uma onda para começar. Então é o ponto em que precisamos ir e fazer uma onda nojenta. Agora que temos isso, vou aproximar um pouco mais, como se estivesse começando a se mover. Está alcançando e subindo para a frente. Eu vou puxar essa coisa em um pouco e apenas lentamente nós vamos torná-la um pouco menor, porque nós vamos atirar para cima no céu. Podemos voltar e desligar a camada anterior, e baixar a opacidade. Estou fazendo isso em um iPad e é pequeno, é por isso que está acontecendo. Nova camada. Agora podemos pegar esse rastro de lodo, e trazê-lo direto para começar a fazer o N. Eu vou subir aqui e começar a curvar por cima. Talvez tornar isso um pouco mais natural para diferenciar ou algo assim, e eu vou puxar isso para baixo para o nosso caminho que estamos seguindo, e agora que eu tenho essa curva, pode tipo de brincar com ter mais lodo chegando ao Acene como se estivesse a caminho para começar o resto da palavra. É como fluir para cima, e então para o corpo de lodo, eu vou fazer a mesma coisa onde eu apenas torná-lo um pouco menor para que possamos dizer que ele está se movendo para cima da página. É praticamente o mesmo processo, como usamos no exercício, mas acabamos de lidar com essa pilha de lodo. Eu vou voltar e consertar nossas opacidades tudo de uma vez mais tarde, então nós não temos que continuar fazendo isso cada vez, eu vou fazer uma nova camada, abaixar esta para que possamos ver o que estamos fazendo. Neste ponto, eu vou terminar o fundo, a primeira parte do N, e então talvez ter o início de um segundo splat chegando para mover para o resto dele. Queremos que essa onda de lodo mude um pouco para que pareça que está fluindo, então eu estou fazendo isso estendendo aquela parte onde ela está saindo um pouco, empurrando isso mais para que pareça que está fluindo, e então talvez possamos Comece um novo aqui em baixo. Empurre aquele, talvez um deste lado, só para que pareça que está em constante movimento, e então novamente, o processo aqui, movendo isso para a frente, tornando-o um pouco menor. Como eu mencionei, eu gostaria de ficar um pouco mais chique com a mudança de volta e usar aquele pequeno exercício de script que fizemos antes. Meu plano de jogo é deixar Gross apenas pingar em uma pilha de lodo desleixado no chão, e então vamos usar esse lodo para soletrar a palavra: desagradável. Parece um bom plano. Bem, espero que dê certo, e vamos tentar. O que eu quero fazer é, eu vou puxar um guia arrastando da minha régua para baixo, basicamente eu estou fazendo isso para me dar um fluxo de algum tipo, para apontar para quando eu deixar isso escorrer lentamente para baixo. Eu acho que você vai ver o que eu quero dizer em um minuto. Vou fazer uma nova camada, assim como fizemos por todo este processo. Vou trazer a opacidade para baixo na minha camada grosseira. Na verdade, antes de fazer isso, preciso recuperar essa cor, aquele verde, para que eu esteja desenhando com a cor certa. Agora vou baixar a opacidade e clicar em “Minha Camada”. O que eu quero fazer aqui é escorrer lentamente este tipo para baixo em uma pilha. Isso é fácil o suficiente. Vamos apenas fazer o que temos feito no passado, ou certamente mudamos um pouco. Porque isto está a pingar, vou começar a fazer esta linha um pouco mais baixa, e começar a sentir que está a começar a derreter. Então eu estou suavizando essas curvas como elas estão pingando em si mesmas, trazendo isso para baixo, pode ser parte deste gotejamento para o topo do G, isso está ficando um pouco mais longo. Isso pingou em si mesmo, é muito nojento, apenas escorrendo, pingando para baixo. Faça algumas formas gotejadas divertidas, assim como está derretendo completamente. Nós só queremos ter certeza de que, você não faz nenhum ponto mais alto do que o original para que tudo pareça que está caindo. Isso parece muito gotejado. Poderia ir em frente e talvez se você quiser exagerar a grosseria, talvez ter algum tipo, mais fino. Cisnes nojentos, dê-lhe alguma variedade , então não é tudo a mesma coisa, e então vamos fazer a mesma coisa pelos outros. Então nós temos o nosso primeiro, assim como fizemos antes, voltar e colocar o original de volta a 100%, e reduzir essa opacidade, e agora em vez de chegar mais perto de outra palavra, estamos Estou só a tentar aproximar isto de uma pilha no chão. Tudo o que temos que fazer é continuar movendo-o para baixo, e lembrando que vai ser apenas uma pilha para que essas formas de letras possam lentamente se dissolver em bolhas. Temos este guia aqui, então talvez possamos, neste momento, deixar algumas dessas gotas maiores atingirem o chão. Um pouco de um splat. Quando você está fazendo gotejamentos como este, se você quer que eles pareçam extra bruto, você pode fazê-los cair em taxas diferentes, então há como, pensar sobre a idéia da viscosidade onde este é tão fino, então talvez ele não caiu tão rápido ou este apanhou e passou, e agora que ele está começando a derreter, talvez você possa ir um pouco mais rápido. Agora que temos um pouco no chão e podemos deixá-lo começar a se acumular e sair um pouco. Eu vou começar aqui para esta parte com este preenchimento em algumas áreas obviamente maiores onde ele tinha atingido o chão pela primeira vez. Porque queremos que nossa física viscosa seja precisa. Neste ponto eu realmente estou apenas deixando esta poça de água para fora. Deixe que isso venha muito longe desta vez. Eu realmente não preciso arrastá-lo muito devagar porque é apenas uma bolha neste momento, vai ser muito indulgente. Provavelmente eu só preciso de algumas pequenas separações aqui para sugerir que lá antes, mas ele também pode se misturar neste ponto. Acho que vou fazer mais uma camada para terminar, para que não pareça que ainda está caindo. Eu ainda vou deixar que seja irregular, mas apenas um pouco mais suave como se tivesse acabado em uma pilha. Podemos visualizar nossa sequência de lodo. Da mesma forma, abra nossa linha do tempo de novo. Vamos fazer a nossa última camada grosseira. Ligue essa nova camada. Ligue nossa primeira camada listrada. Vocês conhecem esse processo agora e conhecer especialistas. Eu acho que poderíamos ter escapado com algumas transições a menos aqui, mas foi divertido desenhar um pouco de lodo de perú, então eu fui para ele. Novamente, você provavelmente só precisa de três para fazer isso parecer bom o suficiente. Mas vamos transformar isso em um para que possamos apenas vê-lo pingar em uma pilha. Legal, parece bem natural. O benefício de fazer mais quadros é que ele tem um efeito mais natural quando você está tentando fazer algo que é simplesmente muito trippy e fluído porque faz com que pareça mais suave em vez de uma vibração mais dura. Isso realmente dá o campo de lodo, o que é bom. Para o próximo passo. O que vamos fazer agora, é transformar este lodo num guião nojento. Pronto para ficar desagradável? O que vamos fazer? Vamos baixar a opacidade e precisamos ir para encontrar nossa iteração final. Temos o nosso termo desagradável aqui para trazer a opacidade lá em baixo e depois fazer um novo quadro. Nós vamos começar a trazer este lodo lentamente até o topo do início do n. Então ele vai ser apenas o mesmo processo que fizemos naquele exercício quando nós animamos a palavra script ok. O que faremos aqui é fazer como uma arca, trazendo o lodo para cá. O que vou fazer é tentar separar uma onda para começar. É como apontar para onde precisamos ir e fazer isso como uma onda nojenta. Legal. Agora que temos isso, vou trazer isso um pouco mais perto, como se estivesse começando a se mover, alcançando e subindo para a frente. Vou puxar isto daqui a pouco. Isso lentamente vai torná-lo um pouco menor porque nós vamos atirar para cima para o céu. Podemos voltar e desligar a camada anterior. Você abaixa a opacidade. Eu estou fazendo isso em um iPad é por isso e é pequeno, é por isso que isso está acontecendo. Nova camada. Agora podemos pegar esse rastro de lodo e trazê-lo para cima para começar a fazer o n. Eu vou subir aqui e como ter que começar a curvar por cima. Talvez tornar isso um pouco mais natural. As duas viagens diferentes ou algo assim. Vou puxar isso até o nosso caminho e vamos segui-lo. Agora que eu tenho essa curva pode brincar com ter mais lodo vindo pela onda como se estivesse a caminho. O motor de arranque é abaixado como se fluísse para cima. Então, para o corpo do lodo, eu vou fazer a mesma coisa pela qual eu apenas torná-lo um pouco menor para que possamos dizer que ele está se movendo para cima da página. É praticamente o mesmo processo que usamos no exercício quando acabamos de ter essa pilha de lodo para lidar. Vou voltar e consertar nossa opacidade é tudo de uma vez mais tarde, então não temos que continuar fazendo isso sempre. Vou fazer New Layer, abaixar este para que possamos ver exagero. Neste ponto, eu vou terminar o fundo da primeira parte do n e então talvez ter o início de um segundo splat chegando para mover para o resto dele. Então eu vou querer que essa onda de lodo mude um pouco para que pareça que está fluindo. Estou fazendo isso estendendo as obras de arte saindo um pouco, empurrando isso ainda mais para que pareça que está fluindo. Então talvez possamos começar um novo aqui, empurrar aquele e todos deste lado. Só para parecer que está em constante movimento. Porque isso está fluindo um pouco, tendo quebrado a linha um pouco e não ser totalmente terminado. Isto é útil? Este é outro lugar onde você pode experimentar como ter alguns salpicos, coisas como como ele está fluindo e nós poderíamos fazer isso mesmo aqui também. Talvez alguns respingos como esses realmente ajudaram a dar algum caráter. Com as coisas que você começou a torná-lo mais natural como essas coisas planas, você sempre quer ter certeza de terminá-los. O que eu quero dizer com terminá-los é, então este é um piso fino splat, e assim encontrar o ponto final no próximo quadro, e colocá-lo onde ele teria ido. Nós temos essa coisa aqui, então talvez apenas puxando o ponto final para baixo e deixando-o fluir de volta para a linha que estamos criando. Quando você está escrevendo scripts e você tem uma barra transversal no t, que naturalmente não flui nesta linha que queremos fazer, você pode encontrar algumas maneiras criativas de resolver isso. Já que estamos trabalhando com lodo aqui, o que eu pensei que poderia ser divertido é ter parte do splat do a para atirar através e se tornar o t. O que eu quero dizer é, eu vou continuar isso aqui em cima, eu vou fazer uma nova camada. Vou deixar isso subir nesta linha quase como uma rampa e fazer com que ela se abra. Nós vamos ter que apenas atirar para fora daqui e atravessar e atravessar o T. Agora, nós podemos terminar esta linha de lama, trazendo ainda mais para terminar de cruzar nossos T's. Você pode diminuir no início dele para permitir que ele se separe naturalmente. Normalmente, como eu estava desenhando isso, Eu teria levado a um continuar mais para o s, mas porque estamos atirando o foguete lodo, outro termo técnico, Eu vou esperar sobre isso para que eles não cruzem e torná-lo Parece muito confuso. Como você pode ver aqui, eu comecei a usar gotejamentos de todo o t para começar preencher esta parte do y. Eu estou fazendo isso apenas para tornar a transição um pouco mais rápida, modo que nós não estamos completamente esperando para o resto deste lodo para apanhar. Só porque nós fizemos isso, algumas dessas coisas não-tradicionais com foguetes de lodo, etc, eu acho que a transição pode ser um pouco lenta no início, então eu estou apenas tentando movê-lo um pouco, e eu não estou certeza se isso importa demais, mas depende do que o aplicativo é para o qual você está fazendo isso. Se você está fazendo isso só por diversão, então não importa. Mas você pode estar fazendo algo assim onde ele precisa igualar até uma certa quantidade de tempo; então pequenas coisas como essa podem fazer a diferença, seja ela muito lenta ou muito rápida. Acho que isso vai funcionar para a nossa camada final. O que vou fazer agora é certificar-me de que estão todos a 100 por cento de opacidade. Um truque fácil de fazer isso é apenas selecionar todas as suas camadas. Então, agora, a camada de plano de fundo, porque ela está bloqueada e não nos deixa mudá-la, tudo menos a camada de fundo, e então apenas mudá-la para zero, porque eles são todos diferentes e, em seguida, mudá-la para 100 e agora eles estão todos numerados. Vamos colocar nosso fundo roxo de volta. Vamos até a nossa linha do tempo e criar quadros a partir de camadas. Temos um monte de coisas, como fizemos antes, começando do início. Selecionando a primeira camada, vá para o fim, mantenha a tecla Shift pressionada, clique na última camada e, em seguida, ative o plano de fundo. Temos uma camada de fundo para tudo. Vamos ajustar nosso tempo para 0,1 segundos, mudar essa dica para sempre, e então queremos duplicar nossas três palavras completas que estão no estágio de morphing para que tenhamos mais algum tempo para ler a palavra. Vou para o quadro 1, mantenha a tecla Shift pressionada e vá para três, e clique neste botão duplicado. Isso nos dará mais tempo para que possamos ler a palavra. Vamos em frente ao nojento e encontrar o nosso primeiro nojento. Deixe-me mostrar-nos o terceiro. Vou selecionar todos e depois fazer a mesma coisa. Isto deve estar pronto para ir. Então vamos pré-visualizar e esperar o melhor. Legal. Isso é divertido. 9. Conclusão: Ei, todo mundo. Sou eu de novo, Professor Morfs, Worfy Mords. Worfy Mords? O que é isso? De qualquer forma, muito obrigado a todos por tomarem esta aula e seguirem junto. Eu realmente espero que você tenha se divertido. Se você não fez, bem, você perdeu o ponto. Tudo bem? Estamos tentando nos divertir aqui. Se você não se divertiu, volte ao início e faça de novo até se divertir. De qualquer forma, se tiver alguma pergunta, por favor pergunte. Se eu perdi alguma coisa, é só me avisar. Vou tentar acrescentar isso. Por favor, publique e compartilhe seu trabalho. Mal posso esperar para ver o que vai fazer com isto. Lembre-se de que você deve experimentar e se divertir. Devias tentar coisas que eu disse para não fazer porque não sei o que estou a fazer. Só estou inventando como todo mundo. Experimentar leva a coisas novas divertidas, então definitivamente compartilhe seu trabalho. Eu fornecerei feedback e responderei a todas as postagens aqui. Estou entusiasmado com isso. Se você postar seu trabalho nas mídias sociais, por favor, me marque nele para que eu possa conferir. Você poderia me marcar no Chris Piascik, e poderíamos usar a hashtag CPMORPHWORDS. Dessa forma, todos nós podemos acompanhar e ver o que todos os outros estão fazendo como uma grande e feliz família Word Morphy. Sim, obrigado mais uma vez. Estou muito animado para ver o que você faz. Espero que isto tenha sido útil, e falarei com vocês em breve. Tchau.