Como animar ilustrações usando o efeito Imagem Ondulada no After Effects

1. Introdução: Oi, aí. Meu nome é Kayla [inaudível], e eu sou um ilustrador e informações de design de Londres, Inglaterra. Eu tenho projetado agora por mais de três anos, trabalhando em scripts e conceitos todo o caminho até projetar ativos e consultar em animações finais. Trabalhar com animadores tem sido muito útil para a minha carreira de ilustração, e aprendi alguns truques ao longo do caminho, ajudando-me a trazer movimento para o meu portfólio de trabalho. vez mais clientes estão procurando ilustradores com o conhecimento de movimento, seja publicidade, mercadoria, aplicativos ou livros infantis, todo mundo quer imagens em movimento. Se um cliente vier ao seu site ou mídia social e já vir que você tem esse conjunto de habilidades extra, você vai levar muito mais caixas para ele. Se a ilustração é um hobby para você, isso é ótimo. Você vai se divertir muito animando suas ilustrações. Sei que pode ser difícil passar da ilustração para a animação. Às vezes, os processos parecem muito mais assustadores e mais desafiadores de entender. É muito menos assustador quando você tem alguém para quebrar para você, segurar sua mão um pouco, e é muito mais divertido também. O efeito de dobra de onda é uma ferramenta tão versátil que as possibilidades de usar em suas ilustrações produzirão resultados muito diferentes, todos perfeitamente ajustáveis para alcançar seu visual desejado. A melhor coisa é que não há quadros-chave. Através desta aula, vou ensinar passo a passo como criar uma ilustração em camadas prontas para animação. Vou ensinar-te a aplicar a dobra das ondas a partes da tua ilustração. Esta aula é para quem quer começar a animar suas ilustrações, seja para diversão ou trabalho, ou para qualquer pessoa que queira saber um pouco mais sobre o efeito de dobra de onda no After Effects. Você precisará do Procreate para ilustrar seu design ou, se preferir o Photoshop ou o Illustrator, desde que você possa ilustrar em camadas, ele é perfeito para essa classe. Você também precisará do Adobe Suite, pois usaremos isso para animação, como After Effects, Media Encoder e Photoshop. No final da aula, você exportará sua animação como mp4 e GIF, pronto para upload para adicionar essas imagens em movimento importantes ao seu portfólio e às suas mídias sociais. Se você está pronto, vamos começar. 2. O projeto: Muito obrigado por se juntar a mim nesta aula. Vamos nos divertir muito animando nossas ilustrações. Sua tarefa para hoje é compartilhar seu GIF animado que você faz comigo na galeria do projeto. Juntos, vamos passar por tudo o que você precisa para animar sua ilustração usando o efeito de dobra de onda. Vou guiá-lo através do meu processo criativo. Estamos criando um personagem ilustrado para animação e mostraremos como levo isso para o After Effects para animar. Depois, mostrarei exatamente como exportar em menos de uma noite e carrego seu GIF para o Skillshare. Tudo o que você precisa fazer é seguir junto. Concluir esta tarefa não só lhe dará GIF, mas também um MP4 que você pode muito feliz compartilhar em suas mídias sociais, e obter que toda a imagem móvel importante para clientes baseados em bate-papo. Eu realmente recomendo seguir junto com todo o processo de ficar preso no esboço para completar sua animação final, que você possa entender completamente os processos. É muito, muito gratificante ver suas próprias criações trazidas à vida. No entanto, se você não gosta de desenhar agora, eu forneci todos os meus arquivos na pasta de recursos, então você pode até usá-los. Em vez disso, se você quiser ficar preso nessa animação, ou se você quiser apenas usá-los como referência para seus próprios projetos. Não só o upload para a galeria do projeto dá a muitos alunos alguns incentivos para fazê-lo eles mesmos. Mas adoro ver os alunos trabalhando lá. Isso realmente me dá a oportunidade de abordar quaisquer desafios que você enfrenta, e apenas dar feedback geral sobre o seu trabalho. Também me permite saber o que você adorou na turma e o que posso fazer na próxima aula para te ajudar. Como um incentivo extra, eu gosto de postar muitos dos meus projetos no meu Instagram pessoal e compartilhá-los com o mundo, e dizer que você pode obter alguma exposição extra dessa forma. Então, se você está pronto para começar a fazer aquele GIF e MP4, vamos explorar a dobra da onda primeiro, então vamos abrir o After Effects. 3. O efeito Imagem Ondulada: Bem-vindos à primeira lição da nossa turma. Nesta lição, vamos explorar o Efeito de Dobra da Onda no After Effects. Vamos mergulhar. Agora, eu vou estar mostrando a vocês como configurar um projeto e ter uma nova interface nesta lição. Se você já sabe como fazer isso, basta pular para o código de tempo na tela agora. Se não, fique comigo, vou passar por tudo o que precisamos para começar com a dobra das ondas hoje. Vamos clicar em Novo projeto, e aqui você verá a interface do After Effects. Temos algumas janelas úteis abertas. Temos o painel do projeto onde nossos arquivos importados entrarão. Nosso efeito controla onde controlaremos a forma de dobra hoje. Aqui está uma composição, mas ainda não temos uma, mas vamos fazer uma em um momento. Este lado temos nossas bibliotecas que é realmente útil e nossos efeitos em presets onde vamos procurar a ferramenta Wave Warp. Nós também temos nossa linha do tempo no fundo aqui. Não perca isso, muito importante. Vamos criar a nossa nova composição. Você pode clicar aqui ou você pode pressionar o comando N e ele abrirá nossas configurações de composição. Vou chamá-lo de teste, porque estamos apenas testando a dobra de onda, e vamos querer uma predefinição personalizada hoje. Basta desbloquear a proporção de bloqueio e apenas colocar 1080 por 1080, tamanho perfeito para Instagram em nossos portfólios e, em seguida, selecionar pixels quadrados. Vamos precisar de 24 quadros por segundo de resolução total e vamos ver 10 segundos. Se escrevermos 1.000 lá dentro, vai aparecer como 10 segundos. Você pode escolher uma cor de fundo para sua composição. Não importa qual é a cor, apenas fique bonita. Escolhi para os meus roxos aqui na biblioteca com o conta-gotas. Vamos clicar em OK, e nossa nova composição virá aqui. Agora, vamos desenhar duas formas hoje. Vou clicar no pequeno retângulo aqui, vou selecionar a elipse primeiro. Vamos selecionar nossa elipse. No momento, nenhuma cor útil. Vamos torná-lo agradável e brilhante e vamos renomear essa camada. Vamos pressionar Enter e digitar uma elipse e, em seguida, eu vou selecionar V e clique fora dessa camada. A razão pela qual eu clico é porque eu não quero que este retângulo esteja na mesma camada. Caso contrário, será afetado pelas mesmas coisas. Mesmo que seja o que estamos fazendo neste teste hoje, vamos separá-lo, é uma boa prática. Vamos fazer isso rosa e temos nossas duas formas lá. Agora, se olharmos em nossos efeitos no painel de predefinições aqui e começarmos a digitar onda, você verá que a dobra de onda aparece sob distorção e é o número 16. Vamos arrastar nossa dobra de onda para nossa elipse aqui. Veremos que essa elipse começou a ser afetada por ela. Eu só vou arrastar minha área de trabalho para quatro segundos e jogar isso e veremos o Warp Ondas afetá-lo lá. Agora, vamos apenas copiar o nosso efeito. Nós podemos ir para editar e copiar com links de propriedade e clicar em nosso retângulo e, em seguida, comandar V, e nosso Wave Warp vai aparecer e ser controlado por qualquer coisa que façamos com a elipse. Veremos que terão exatamente o mesmo efeito sobre eles. A onda Warp vem com um dos meus tipos de onda favoritos, que é a onda senoidal. A razão pela qual eu amo tanto essa onda é porque ela é tão ajustável e você pode simplesmente aplicá-la a tudo. Naturalmente na vida, tudo vem em arco. Tem ondas lindas e tudo faz tudo parecer sobrenatural. Não sobrenatural, mas muito natural. Digamos que eu possa ajustar a altura aqui e a largura aqui arrastando ou posso começar a digitar. Podemos ter um bem largo e você pode ver que já esta elipse está começando a parecer com uma criatura que é realmente divertido. Aqui na direção, podemos definitivamente ver a direção da onda aqui. O que eu realmente gosto deste botão direcional que temos que podemos alternar, no momento ele está apontando da esquerda para a direita e podemos ver que nossa onda também está se movendo dessa maneira. Podemos fazer com que vá da direita para a esquerda. Podemos fazê-lo ir de cima para baixo. Agora de cima para baixo é muito bom porque, na verdade, se reduzirmos isso de volta , temos essa sensação aquosa em nossa elipse, que é perfeita para refletir pela lua ou pelo sol na água. Ele faz um belo pôr do sol e literalmente levou três segundos para fazer, o que é incrível. É por isso que adoro a onda senoidal. Lembre-se que você sempre pode digitar se quiser mudar de direção também. Em seguida, em nosso menu drop-down do tipo de onda temos o quadrado. A praça é interessante. É bastante mecânico. Eu suponho que eu posso imaginar tipo estilo robô punk vapor. Agora, as coisas ficam bem estranhas quando começamos a mexer com a altura. Como você pode ver, as formas começam a desmoronar-se e se cruzam de maneiras interessantes. Novamente, você pode ajustar a largura deles. Vamos voltar a uma altura ligeiramente normal. Vamos mudar de direção. Vamos subir e descer. O que é legal é que você também pode ir na diagonal e eu só acho que é um pouco de sinal de perigo ou um adesivo em alguma coisa. Mais uma vez, pode ser útil, quem sabe? Vamos redefinir e olhar para o triângulo agora, ou o Bart Simpson como eu gosto de chamar. Mais uma vez, podemos reiniciá-los. Podemos mudar a direção. Aqui você pode ver que a elipse não está lidando muito bem com este. Ele vai um pouco bizarro, mas os retângulos ainda parece ótimo. Algumas formas funcionam melhor com esses efeitos do que outras. Isso foi reiniciado de novo, e vamos para o dente de serra. O dente de serra é interessante. Obviamente, parece com dentes, por isso é bastante útil. Se gosta de mim, você é um ilustrador de personagens. Mas quando fica realmente interessante é quando você começa a mudar a velocidade da onda. Agora a velocidade da onda é apenas o tempo que leva para atravessar de uma extremidade à outra. Vamos clicar lá até cinco e muda completamente a sensação da onda, não é mais cômica, é pânico. Você pode imaginar James Bond em uma situação preocupante com seu quebra-cabeça. Vamos redefinir essa. Em seguida, temos o círculo. Agora o círculo, está tudo bem, está tudo bem, mas quando fica realmente interessante é quando atingimos a altura certa para cima. Eu só acho essa forma incrível. Se amarrarmos o retângulo por um momento, e vamos pressionar R para aumentar a rotação e colocar 90 graus lá dentro. Vamos colocar zero aqui, e agora vamos pegar uma onda com essa base também, e whoop, não muito longe. Agora não se parecem apenas com belas trilhas de fumaça vindo do fundo. Agora, no momento, pode parecer que alguém está flutuando em torno de algum incenso ou algo assim, mas normalmente terá uma fonte bastante estacionária de fumaça, e é aqui que a fixação e entra muito, muito útil. Agora a fixação fixará o efeito ou fixará sua forma em uma área específica. Eu quero, digamos que a fonte de fumaça seja da borda inferior. Agora, se eu pressionar a borda inferior, não há muitas mudanças. Agora, a razão para isso é que a fixação funciona com base na caixa delimitadora. Agora, com uma camada de forma no momento são caixa delimitadora é o tamanho desta composição. Você vê se eu arrastá-lo para baixo, começamos a ver o efeito de fixação que eu queria. Agora temos uma fonte definitiva de fumaça aqui. Podemos ajustar esses pedaços para torná-lo realmente mais esfumaçado. Sim, isso é bom. A borda inferior lá é a fonte de nossa fixação, e nós podemos mudá-la, a borda direita. Podemos ver que agora se eu movê-lo ao longo para a borda direita, é pino desse lado. Ou se eu quiser fixá-lo no topo, nós vamos ter que movê-lo para o topo lá e não tem o mesmo efeito de fumaça agora porque ele está entrando em algo. Eu suponho que você poderia colocá-lo no nariz de alguém, mas basicamente tudo que você precisa saber é que fixar depende da caixa delimitadora e se você tem um jogador de forma, você terá que criar uma caixa delimitadora para isso. Vou entrar em mais detalhes em uma de nossas lições porque é muito importante quando começamos a usar a ilustração para isso. Vamos para o nosso semicírculo. Agora, um semicírculo é bem legal. Podemos fazer muitas coisas com isso, mas o que realmente me lembra, se tivermos um ângulo assim, uma boa diagonal. Isso começa a parecer nuvens de velocidade saindo de algo. Acho que precisamos pagar mais velocidade lá. Não espere, vamos fazer isso um pouco mais rápido. É mais lento. Eu vou colocar dois tão velocidade dupla e, em seguida se apenas clicar de distância e apenas fazer um pouco de uma cobertura, mesquita falsa e vamos ter fundo em que agradável roxo novamente. Agora jogamos como se pudéssemos ver aquela bela estrada plana que você pode imaginar um patinador ou um carro muito rápido acelerando e está criando uma nuvem atrás dela. Não sei o que está acontecendo com o retângulo. Talvez encontremos um uso para isso no futuro. Deixe-me saber, postá-lo se você não pode encontrar um uso para esta forma. O último que vou mostrar é barulho. Temos essa borda difusa acontecendo, o que é muito legal, parece um pouco com um tapete para mim. Mas quando fica realmente interessante é quando começamos a brincar novamente com a altura e a largura. Desta vez eu vou colocar a altura em 43 e então eu vou colocar a largura todo o caminho até 1.122 muito específico, e então eu vou mover essa pequena máscara que fizemos e colocá-la aqui. Então eu vou jogar, estou muito rápido agora, não é? Vamos colocá-lo para baixo, 0.05 velocidade. Isso é melhor. Agora, para mim, isso pode ser uma escapadela da cidade que você está dirigindo e isso está à distância, e é apenas um pequeno detalhe na ilustração de aterro, mas você já tem uma escapadela da cidade com mudança de três configurações e sem quadros-chave. A melhor coisa sobre Wave Warp, sem quadros-chave e que irá explorar exatamente como este. Agora eu percebo que eu perdi dois bits fora da fase e o anti-aliasing, eu definitivamente vou passar por isso em uma de nossas lições posteriores. Confira isso, confira o uncircle e ruído suave, bem como e divirta-se com ele. Jogar com o Wave Warp desta maneira muito livre me dá tantas idéias para ser criativo e idéias para minhas ilustrações, espero que tenha feito para você também. Na próxima lição, vamos ilustrar nossas ideias e trazê-las à vida usando o Procreate. Você pode usar outro programa se desejar. Se você tem o Illustrator ou o salto Fotos é apenas você pode construí-lo em camadas, podemos animá-lo usando o After Effects. Vou te mostrar isso. 4. Ilustre sua ideia: Nesta lição, vamos criar um esboço baseado em todas as ideias que criamos na lição anterior. Para este esboço, eu vou estar pensando em uma ilustração de personagens, então você pode fazer isso comigo, ou você pode ilustrar o que quiser, desde que possamos aplicar dobra de onda em algum lugar nessa ilustração. Vamos nos lembrar por um momento sobre essas belas formas de dobra de onda. Agora eu só queria começar com esta linda forma de elipse. A elipse parece tão bonita com onda senoidal. Eu só quero dizer que a elipse vai ser muito útil em nossas ilustrações mais tarde. Pensando na minha ilustração, olhando para esta linda onda senoidal, e colocando um pouco a largura, eu estava pensando em coisas flexíveis. Coisas flexíveis que eu amo na vida geralmente pertencem a cães; orelhas de cães, rabos de cães, cães fazendo o que for, correndo no parque, pendurando suas cabeças na janela do carro, eles são meus favoritos. Os cães são a minha inspiração hoje, e pendurar a cabeça na janela do carro vai ser o assunto. Vamos abrir o Google, e então podemos digitar nossa idéia. Agora, eu costumo usar o Google, ou Pinterest, ou Instagram, onde quer que você obtenha sua inspiração é bom desde que você obtê-lo de alguns recursos, e já é um ótimo cão. Isso tem a língua que eu estou procurando, balançando com as orelhas, boa expressão, e essa é ótima também, imagine que na minha ilustração, mas eu só quero um pouco mais de flop, e eu apenas Se apaixonar por esse cara. Ele parece tão sério, e eu poderia imaginá-lo com algumas sombras, e sua língua trocando, orelhas soprando ao vento, super legal. Vou levá-lo como minha inspiração, assim como esses outros cães. Vou usar o Procreate para começar a esboçar isso. Eu tenho minhas referências W na tela e eu estou pronto para começar a esboçar. Vamos fazer um novo Canvas. Clique no pouco mais aqui, e vamos fazer nossa Canvas 1080 por 1080 pixels. Este é o tamanho perfeito para o Instagram. Vou ligar para o Instagram Canvas, e tenho meus pixels por polegada em 300. Você definitivamente não precisa que ele seja tão alto. Você pode apenas torná-lo 72 para a tela, que vai ser perfeito. Mantenho-o em 300 pronto para impressão, só por precaução. Pressione “Criar” quando estiver pronto, e isso aparecerá com o nosso Canvas. Agora pensando em nossa lição de dobra de onda e pensando sobre essas idéias que tivemos, eu vou me certificar de que minha animação, então as seções que eu quero, a língua, a orelha, o que quer que eu tenha vão ser bastante centrado. Vou ter o meu personagem centrado no quadro. Tirando sua cor, eu tenho um conjunto de cores obstetrícia, eles são apenas minhas cores de marca. Se você quiser ver como eu consegui isso, eu vou colocar o código de tempo para o meu curso anterior agora, e você pode verificar isso, e eu vou pegar um lápis de desenho, só vou usar este lápis Narinder. Pensando no conceito de ter a dobra de onda no centro, vou desenhar uma forma abanada para a minha língua aqui, e vai ser um grande esboço por enquanto. Nós estamos indo apenas para ir para a forma geral e volume do personagem aqui, então a forma eo volume do meu cão. Pensando na dobra das ondas, eu vou precisar fixar minha língua por aqui, então embaixo do focinho, que ele tenha uma noção clara de onde a onda está vindo quando eu aplicar a dobra da onda. Apenas algo para pensar quando avançarmos é que eu vou precisar deste pedaço de focinho como um pequeno encobrimento para o final da língua. A segunda peça de animação que estou pensando é na orelha, então vamos ter a orelha batendo fora. Legal, e eu só coloquei uma pequena marca nos olhos por enquanto. Eu só vou continuar com o meu esboço para obter o volume geral do personagem. Aqui, porque meu personagem é o foco da ilustração, eu não vou me preocupar com muitos detalhes do carro. Se você queria obter mais do fundo em, obviamente você faz o personagem muito menor, mas aqui eu vou apenas adicionar uma sugestão do carro. Vamos adicionar algumas nuvens no fundo, e estamos quase terminando aqui. Quando estiver satisfeito com o volume do seu personagem, você pode começar a refinar seu esboço. Se baixarmos essa camada e adicionarmos uma nova camada, vamos fazer esses refinamentos agora. Quando eu digo refinamentos, você só vai limpar o fluxo um pouco, ter uma boa interação de seu personagem dentro do quadro, dentro dos objetos, e isso vai ajudar a realmente situar seu personagem como se Eles estão realmente na cena. Ajuste todas as linhas, curvas e faça seus refinamentos. Uma coisa que eu gosto de fazer se eu não estou muito feliz com a colocação do meu personagem, é que eu posso realmente usar essa função de distorção para reposicionar e fazer ajustes como eu gosto dele para que eu possa realmente fazê-lo se encaixar. Porque isso ainda está em fase de esboço, novamente, realmente não importa se eu tenho uma área realmente áspera, desde que eu esteja feliz com ele. Então faça ajustes usando a ferramenta C e a função de distorção. Agora, eu só vou mudar meu design um pouco e dar a esse cara uns óculos de sol legal porque eu quero que ele tenha um pouco mais de uma vibração otimista do que uma vibração julgadora como a referência original. Vamos dar-lhe uns óculos de sol estilo Retro Aviator dos anos 80. Tudo bem, só os últimos pedacinhos, e então o que podemos fazer é checar sem essa camada, ver se estamos chegando um pouco mais perto do que queremos. Uma vez que você está feliz com seu estágio de esboço, estamos prontos para passar para o estágio de tinta. Novamente, desligue a opacidade e adicione uma nova camada e, em seguida, você pode selecionar o pincel de tinta. Agora eu tenho este pincel de cacto, que eu adoro. Eu fiz isso ao longo dos anos, refinado, e tudo o que é é uma caneta de estúdio ajustada, e eu posso colocar o código de tempo do meu curso anterior onde eu falo sobre este pincel em detalhes. Confira se você quiser usar o pincel de cacto, se não, use um pincel de tinta de sua escolha. Novamente, esta não é a fase final, mas estamos chegando perto. Apenas realmente fazendo um esforço para fazer melhorias no fluxo de seu design. Novamente, o que eu acho que é realmente bom sobre usar essa abordagem de desenhar e redesenhar e fazer seus refinamentos como você ir junto é que às vezes você vai encontrar esses pequenos erros e às vezes eles vão acabar melhor do que o que você já tinha tido. Como diz o grande Bob Ross, estes pequenos acidentes felizes às vezes podem melhorar a sua ilustração. Estou muito feliz com este palco. Nós temos o visual geral e o volume que eu estou indo para, e na próxima etapa, vamos separar as camadas e colori-las . Ótimo trabalho no seu esboço. Estou tão animado agora para adicionar um pouco de cor a este garoto chunkie. Vejo-te na próxima lição. 5. Criando camadas: Agora desenhamos e redesenhamos nosso esboço tantas vezes quanto precisávamos para sermos felizes com ele. Está finalmente pronto para colorir e dividir em todas as camadas importantes para o After Effects. Pensando na animação, vamos considerar quais são as nossas peças de fundo que são as partes não animadas, e as peças de primeiro plano que são as partes animadas e quaisquer encobrimentos para elas também. Pensando na minha animação de língua primeiro, eu sei que a minha fixação vai estar debaixo do focinho aqui no lado esquerdo. Muito importante toda a peça animada em uma camada separada, a peça do focinho será apenas um encobrimento para encobrir a fixação e fazer parecer que a língua está vindo da boca. Também precisaremos de uma camada separada para a orelha que será fixada à esquerda também, e será uma peça separada. Eu vou continuar a cabeça por baixo do fone de ouvido apenas no caso de ele mover uma ferramenta em animação, nós nunca temos uma pausa na ilustração. Vou rapidamente com três camadas de fundo: o carro, o corpo e o céu, e então entrarei em detalhes sobre as camadas animadas quando entrarmos nele. Esta é a camada corporal, e eu só estou me certificando agora que minha camada estará completa embaixo do fone de ouvido. disso que eu estava falando antes. Uma vez que a orelha é animada, não temos quebras na ilustração. Eu fiz o mesmo com o carro e eu vou fazer o mesmo aqui embaixo dos óculos de sol, bem no caso de eu decidir movê-los mais tarde. Com este pedaço de focinho, nós realmente vamos desenhar até o canto da boca, certificando-se de que temos o detalhe do nariz aqui e as pequenas manchas fofas. Então, o que faremos é usar rapidamente esta Ferramenta de Seleção e selecionarei à mão livre a área do focinho e, em seguida, clique na Ferramenta de Transformação. Vou deslizar com três dedos para copiar e colar isso. Agora que fez uma pasta da peça que eu vou precisar nós vamos renomeá-la de focinho, e nós vamos esconder essa peça pronta para mais tarde. Isso cobrirá nossa língua quando viermos animar. Comecei a criar os óculos de sol com cada parte em sua própria camada. Parece um pouco tolo agora porque está em cima do nariz no momento, o que é muito incomum. Mas isso é porque eu sei que eu tenho um pedaço de focinho que eu posso colocar em cima, então podemos esconder isso mais tarde. Eu decidi fazer meus óculos de sol em sua própria grade porque eu tive uma grande idéia para animar o brilho usando urdidura onda mais tarde. Vou marcar um guia na ilustração por enquanto. Vamos colorir isso. Eu fiz isso em uma máscara de recorte, então você basta tocar e obter a máscara de recorte e isso irá garantir que uma nova camada apareça na camada abaixo. Vamos rotular e transformá-los em um grupo, e então rotular isso também. Você vai notar que eu rotulo absolutamente tudo. Isso porque uma vez que levamos o arquivo para o After Effects, ele também vai levar esse nome e nós vamos ter que falar sobre mais tarde enquanto estamos animando para nomear tudo. Também é uma boa prática se você for um Illustrator trabalhando com animadores. Então rotule suas camadas. Parece que temos todos os nossos bits animados conhecidos feitos, estamos prontos para passar para as partes animadas. Vou colorir meu fundo, e vamos manter a palete agradável e simples. Vou começar com a parte de trás mais animada, as nuvens. As nuvens serão mais fáceis de fazer. Tudo o que eles são é uma bela linha reta no fundo. Podemos tocar e segurar para ficar em linha reta. Assim que aplicarmos a onda senoidal nelas, elas serão uma linda nuvem abanada em segundo plano. Vamos reduzir o esboço um pouco mais. Legal. Muito melhor. Ainda temos as outras duas peças animadas. Vamos para a língua agora. Você se lembra, no início, eu falei sobre a importância das formas elípticas. Vamos usar esse conhecimento agora para criar a língua. Vamos apenas facilitar para nós mesmos, solando a camada de esboço e a camada de língua. Vou recriar a língua como uma forma elíptica, em vez da forma ondulada que tínhamos antes. Se aplicarmos a dobra da onda a uma forma ondulada, não teremos o efeito que esperamos. Vai parecer feio. Vou realmente mostrar-lhe o que acontece quando aplicamos a forma de onda a uma forma ondulada em uma lição posterior. Então, cuidado com isso. Você geralmente quer uma forma suave agradável e, em seguida, aplicar a urdidura onda para ele, e ele vai olhar incrível quando você animar. Vamos colorir essa língua agora e vamos dar-lhe uma cor mais escura. Espero que consigas ver isso. Então também vamos dar aquele olhar molhado, um pouco de baba, um pouco de baba. Vamos nomear isso como Linguage Fill, e vamos agrupar todos eles e rotulá-lo Tongue. Vejamos com as outras camadas. Parece uma bagunça agora, mas vamos colocar a língua neste lado esquerdo. Se virarmos o Focinho de volta para casa e criarmos uma camada de preenchimento na mesma cor que o corpo, vamos encobrir essas partes feias. Como é a mesma cor, vamos pensar em outra técnica para colorir. Vamos apenas desativar a camada de cor, e vamos colocar a camada que estamos usando em Multiplicar que apenas escurece a cor. Vamos preencher isso usando a Multiplicação. É uma técnica super útil se você quiser manter uma paleta mínima como eu faço. Vamos encher esse focinho até a área no topo e depois ajustar o preenchimento. Vamos ajustar o limiar lá apenas arrastando nosso lápis. Vamos colocar essa camada de volta ao normal. Devemos ver que, se colocarmos as camadas de volta, a língua é coberta bem e os óculos parecem corretos. A última peça que vamos fazer é a orelha. Novamente, vamos desativar a camada Cor para que possamos ver corretamente. Vamos recriar a orelha novamente como uma forma elíptica com o volume geral da orelha presente. Vamos fazer o mesmo para colorir como fizemos com o focinho. Vamos usar Multiply para que possamos preencher isso. Obviamente, com Multiply, escurece cada camada abaixo dela. Então você verá a linha externa da cabeça. Mas quando voltarmos ao normal, você não verá mais isso. Vamos juntar-nos aqui no topo para que a linha seja coberta, e então vamos colocar o nome como Ear Fill. Vamos nomear os contornos, e podemos agrupá-los todos juntos como o grupo Orelha. Vamos colocar isso de volta ao normal, e você verá agora que a manchete está encoberta. Podemos arrumar isso um pouco. Isso parece bom agora. Vamos verificar novamente com todo o resto das camadas e desligar o esboço. Isso parece muito bom. Acho que vou passar um pouco de tempo adicionando um pouco de brilho, adicionando alguns toques finais, mas não vou. Acho que estamos quase prontos para animar. Nós colhemos em todos os lugares certos, e fizemos toda a nossa rotulagem correta. Estamos prontos para importá-lo para o After Effects. Vejo você na próxima lição. 6. Importando seu design: Nesta lição, vamos exportar nosso arquivo do Procreate e importá-lo para o After Effects. Se você estiver usando o Photoshop ou similar, basta pular o estágio do AirDrop e salvá-lo em um local realmente seguro para que o After Effects sempre possa encontrá-lo. Então, só algumas coisas que eu quero mencionar antes de seguir em frente é que eu acabei de finalizar minha ilustração um pouco mais. Eu também adicionei um pouco de brilho e eu me certifiquei de que tudo está rotulado para que estejamos prontos e preparados para o After Effects. A outra coisa que eu queria mencionar é que eu deixei esta camada de esboço aqui no topo e isso vai ser uma referência para a nossa dobra de onda mais tarde no After Effects. Esta forma informará as decisões que tomamos sobre a altura, a largura e a direção do efeito de dobra de onda que aplicamos. Podemos desligar isso por enquanto e agora vamos importá-lo para o After Effects. O que queremos fazer é pressionar a chave na parte superior e queremos compartilhar a imagem como um arquivo do Photoshop. Esse é o PSD, toque nisso e então seu menu aparecerá. A maneira mais fácil de transferir para mim é o AirDrop, mas você pode enviar e-mail a partir daqui, você pode salvar no seu Dropbox, o que você preferir. Eu vou para AirDrop, então eu vou clicar aqui e selecionar o computador e ele vai aparecer. Então só precisamos aceitar isso no computador. Eu salvo em downloads e então eu vou abrir os downloads no localizador e ele será o primeiro lá. Agora, eu geralmente tenho um modelo de pasta que eu gosto de usar. Nesse modelo de pasta temos arquivos de projeto e temos todos os programas que precisaríamos. Vamos colocar isso aí e anotar para mim, eu ainda não nomeei. Vamos chamá-lo de cão de condução e pressionar “Enter”, e está tudo guardado. Também podemos renomear nosso modelo de foto e podemos chamá-lo de dobra de onda. Ótima. Então estamos prontos para importar isso para o After Effects. Podemos importá-lo de maneiras diferentes. Podemos ir para arquivo e importar e arquivo ou podemos pressionar Command I ou meu favorito pessoal, podemos simplesmente arrastar do localizador. O que queremos importar é definitivamente composição, não filmagens. Eu só gosto de manter esta composição sem manter seus tamanhos só porque pode levar a complicações mais tarde. Vou mantê-lo como estilos de camada editáveis caso eu precise voltar para o Photoshop. Vamos pressionar “Ok”. Então, se clicar duas vezes nessa composição, veremos que todas as nossas camadas estão vindo em bom, esboço, brilho, orelha e assim por diante. Uma vez que estamos felizes que todas as nossas camadas vieram bem, podemos pressionar “File and Save” e, em seguida, encontrar a nossa pasta e certificar-se de que salvamos tudo corretamente lá dentro. Vamos chamar isso de “Cão Conduzindo “animado. Bem, eu vou guardá-lo lá e está tudo feito, estamos prontos para começar a animar. É isso. Basta lembrar de verificar se todas as suas camadas ainda estão lá, todas elas estão presentes e corretas, e para verificar se você salvou em um lugar realmente bom para que o After Effects sempre seja capaz de encontrar esse arquivo. Na próxima lição, vamos finalmente aplicar alguma dobra de onda em nossas ilustrações. Vejo você lá. 7. Como aplicar o efeito de Imagem Ondulada: Nesta lição, vamos aplicar que toda a dobra de onda importante para nossas ilustrações. Para os propósitos do meu projeto, e apenas para simplificar, vou usar a dobra da onda senoidal para fazer meus cães pararem. Vamos indo, e a partir disso, estamos quase prontos para animar, mas temos um pouco de limpeza para fazer primeiro. Podemos reduzir nossa área de dobra para quatro segundos, que é a quantidade mínima para mp4 no Instagram. Vamos manter nosso arquivo agradável e leve, mas ainda podemos enviá-lo. Então vamos tirar uma foto. A razão pela qual tiraremos um instantâneo é para que, se movermos algo mais tarde, possamos mostrar o instantâneo e apenas realinhá-lo. Realmente útil se você está preocupado que algo vai se mover, basta tirar essa foto. Agora vamos passar pelas camadas e dar uma olhada naquelas que vamos animar. Qualquer coisa que animamos, é sempre bom escolher uma cor, então vamos comandar e selecionar as que vamos animar. Temos Nuvens, Língua e Orelha. Vamos mudar a cor para isso. Vamos torná-lo agradável e brilhante, Fúcsia. Sim. Eu não vou animar o fundo, então eu posso desligar isso. Não vou animar o carro ou o corpo. Agora vou animar a língua. O que é realmente importante, porque vai bagunçar você mais tarde, é desligar este pequeno botão. Este pequeno botão é continuamente rasterizado e pode ser uma dor certa quando você está tentando animar com ondas deformações. Basta clicar lá e ele será desligado. Eu vou voltar para a cópia da língua, então tenha paciência comigo. Os óculos de sol, por enquanto, não vou animar, o que posso mostrar-lhe um pequeno truque com isso mais tarde. O focinho, não, a orelha, sim e podemos bloquear o brilho e a camada de esboço. Agora que a nossa limpeza está pronta, estamos prontos. Vamos começar com as nuvens, porque as nuvens são as mais fáceis. Nós não vamos fazer nenhum pinning com este aqui. Em Efeitos e Predefinições, digite dobra de onda e você pode pressionar “Enter” ou arrastá-lo para aplicá-lo, e lá vamos nós. Se pressionarmos “Play” perto da barra de espaço, você verá a onda de dobra lá. Eles vão trazer a largura para cima. Apenas um pouco como nuvens sem brilho poderia ser linhas de velocidade com o carro, apenas para ter a impressão de movimento nos fundos. Também só vai atrasá-los um pouco, torná-lo um pouco mais de um rascunho de país. Sim, isso parece bom agora, e estamos prontos para passar para a língua. Se eu desligar os focinhos para que possamos ver a língua corretamente, a língua está ficando diferente das nuvens porque nós vamos querer fixá-la debaixo do focinho. No momento, se aplicarmos a dobra de onda na língua, e tocá-la, você verá que não está presa. Eu não apliquei qualquer fixação ainda, e mesmo se eu tentasse fixá-lo na borda esquerda, ele não vai mudar nada porque no momento, que a fixação está usando toda a composição como nesta borda, como o delimitador caixa. O que queremos fazer é reduzir o tamanho dessa caixa delimitadora para apenas ao redor da língua, para que possa começar a ver que a fixação precisa estar aqui. Vamos apenas remover a dobra de onda por enquanto, e para tornar a composição em torno da língua muito menor, vamos precisar pré-compor. A razão pela qual eu disse que tinha duas cópias da língua foi porque eu queria mostrar-lhe como pré-compor. No momento, isso já está em uma composição com os contornos da língua e o preenchimento da língua. Não precisamos pré-compor isso se não quisermos. Se você ainda não tiver um grupo do seu arquivo procreate, você pode criar um em sua única camada PSD aqui clicando com o botão direito do mouse e indo para Pré-compor. Ou você pode pressionar “Command Shift C”, e isso abrirá uma janela pré-compor para você. Certifique-se de que tem a opção Deixar todos os atributos marcada e, em seguida, pressione “Ok”, e você pode clicar duas vezes para abrir isso. Aqui você verá a língua em sua própria composição e agora podemos começar a ajustar essa composição para que possamos obter a fixação exatamente na nossa ilustração. Podemos usar este botão, que é chamado de região de interesse, que é o que eu mais gosto de usar, então podemos desenhar nossa nova caixa delimitadora. Agora, porque queremos fixar este lado esquerdo. Vamos aproximar muito de perto e certificar-nos de que isso está firmemente contra as nossas ilustrações. Quando fixarmos, ele ficará realmente firmemente preso lá. Então, se diminuirmos o zoom, vou deixar um pouco de espaço de cada lado da língua aqui porque a minha onda senoidal vai viajar para cima e para baixo. Então vou deixar o máximo de espaço necessário para que isso aconteça. Eu realmente não preciso de muito no final, mas eu só estou te dando um pouco de margem de manobra lá. Assim que estiver satisfeito com sua região de interesse, você pode ir para “Composição” e Colheita Comp para Região de Interesse. Agora ele vai aparecer com nossa pequena composição, o que é ótimo. Vamos voltar a conduzir o cão. Nossa língua se mexeu. Mas fomos muito espertos no início e tiramos aquela linda foto, que nos mostra exatamente onde nossa língua deveria estar. Vamos pressionar “B” e clicar na “Língua”, e podemos começar a arrastar isso para o lugar. Estamos quase lá, parece muito bom. Sim. Agora, quando aplicarmos a dobra da onda e a fixarmos na borda esquerda, verão que nossa dobra de onda flui muito bem para fora da borda esquerda, onde está firmemente presa. Então podemos começar a ajustar a altura e a largura conforme necessário. Agora, esta é a razão pela qual eu salvei minha linda camada de esboço aqui, ver se eu desbloqueá-lo e eu dar uma olhada nisso, eu posso realmente solo essa camada para que eu possa ver a onda original, e se eu un-solo ela, eu quero Replicar este movimento. Vamos voltar para a língua e aumentar um pouco a altura da onda. Provavelmente um pouco demais, na verdade, mas queremos muito mais largura, então vamos voltar para cima, e vamos verificar o esboço. Sim, nós podemos realmente mover isso para ver e tentar e combiná-lo com a posição da língua, e vamos apenas fazer a altura um pouco maior, e a largura um pouco maior. Vou mudar a direção um pouco para combinar com a nossa língua aqui. Nós o temos firmemente preso a essa borda esquerda. Vamos jogar com a barra de espaço, e isso está começando a ficar ótimo. Vamos colocar o músculo de volta por cima, e está lindamente escondido. Você pode notar que eu tenho um pequeno erro chegando aqui. Agora, eu posso consertar isso muito facilmente. Isso pode acontecer porque você nem sempre pode prever essas coisas quando ilustra sua foto primeiro. Você pode simplesmente pressionar “Command E” e isso abrirá o Photoshop para você. Então o que você pode fazer é editar diretamente este arquivo e então você pode encobrir esse pequeno erro. Agora, é realmente importante que você não adicione nenhuma camada ou tire nenhuma camada porque isso irá bagunçar completamente seu arquivo de efeitos secundários. Basta fazer a edição para as camadas existentes e você vai ficar absolutamente bem. Eu sei que eu só preciso estender este pequeno contorno do focinho. Se eu selecionar a mesma cor e eu pegar meu pincel, eu posso apenas polir isso um pouco. Se você pressionar “Command S” ou você vai para “File Save” e voltar para “Aftereffects”, ele deve apenas atualizar lá e espero cobri-lo, e para corrigi-lo um pouco mais, apenas indo para mover a língua para baixo ligeiramente. Lá vamos nós. Ninguém jamais saberia, mas você já cometeu esse erro antes. A última peça de animação que vou fazer nesta ilustração é a Orelha aqui. Agora, vamos ver que já está em uma composição com nosso preenchimento de orelha e nosso contorno de orelha, e assim como a língua, vamos fixá-lo em determinada área. Agora, se eu olhar para isso e eu pré-compô-lo, ele vai ver a borda esquerda onde eu quero fixá-lo como toda esta seção aqui, e eu realmente não queria que isso afetasse. Eu quero girar esta ilustração que possamos trabalhar com ela horizontalmente e será muito mais fácil de fixar. Eu vou realmente pré-compor este grupo, “Command Shift C” e chamá-lo de Ear Comp 2, tudo bem. Vamos abrir o Ear Comp. Para obter essa horizontal, vamos clicar no “Orelha” e vamos girá-lo. Mas se eu rodar agora, ele vai girar em torno desse ponto central. Precisamos mover esse ponto de ancoragem para o meio da orelha, e isso vai facilitar muito o trabalho. Então vamos arrastar isso e girá-lo até que estejamos praticamente horizontais, e vamos fazer uma nota deste número menos 25. Teríamos que girá-lo pelo oposto de volta em nossos arquivos de cães dirigentes. Lembre-se, menos 25. Uma vez que temos isso agradável e horizontal, vamos cortá-lo para a região de interesse. Óptimo, e certifica-te de que somos bons e próximos. Na verdade, vou cortar um pouco dessa laranja fora, e então cortamos o Comp para a Região de Interesse, e voltamos para o nosso arquivo “Driving Dog”. Agora, lembre-se desse fator de rotação. Nós estávamos menos 25 e os últimos precisamos ser mais 25 aqui. Vamos movê-lo de volta para a posição. Lembrem-se que temos aquele instantâneo para verificar, e isso está ótimo. Vamos aplicar a dobra de onda na orelha, e vamos fazer nossos ajustes na onda. Vamos levar isso para 15, como a língua, e vamos subir a largura da onda. Agora, como a orelha é um pouco diferente, material mais grosso que a língua, eu vou dar-lhe um pouco mais de uma largura lá dentro. O mais importante, vamos fixá-lo na borda esquerda. Muito melhor. Agora, isso está realmente ótimo. Posso fazer ajustes aqui. Se eu não quisesse que ele estivesse em uma viagem tão country, eu poderia anotar minha velocidade aqui em dois, ele estaria indo um pouco mais rápido. Vamos fazer o mesmo com a língua. Agora ele está indo um pouco mais rápido pelo país, eu o imaginei na Rota 66. Não se esqueça, é muito importante pensar sobre o tipo de material que você está representando em sua animação. Assim como a diferença entre a orelha do cão e a língua do cão, não foi demais. Considerando que se você tivesse, digamos, uma seda em uma linha de lavagem, seria uma onda muito lenta, muito larga em comparação com sua bandeira em um campo de golfe, seria muito rápido e chicoteando onda. Certifique-se de que você pode fazer ajustes sua onda senoidal até que pareça a coisa que você está tentando representar. Agora, eu só tenho um pouco mais para adicionar ao meu cão de condução, e eu vou dobrar alguns efeitos e eu mal posso esperar para mostrar a você a magia que isso traz para sua ilustração. 8. Duplicando: Parabéns por usar a dobra das ondas. Tenho certeza que sua ilustração já parece incrível. Mas nesta lição, vamos analisar o uso dois efeitos para trazer ainda mais variedade à sua Dobra de Onda. Olhando para o esboço original da orelha, podemos ver que ele tem um pouco de um movimento para cima mais do que nossa ilustração atual. Posso usar outro efeito no topo da dobra das ondas, ou devo dizer, abaixo da dobra das ondas, muito importante, chamado CC Curve It. Outra função de distorção, CC Bend It, coloque-a no painel Efeitos, e nossa orelha desaparecerá. Se apenas solarmos nossa orelha clicando no botão “Solo”, você verá que temos um começo que podemos colocá-lo no início da orelha, e podemos apenas reposicionar isso um pouco, e temos um fim que podemos posicionar no final do Orelha. Agora, temos efeitos de tom após tom para o início e o fim onde está a nossa ilustração. Agora, podemos usar o Bend It para dobrá-lo de qualquer maneira. Podemos dobrá-lo para baixo ou podemos consertá-lo. Mais uma vez, ele vai ficar dentro daquela caixa delimitadora. Se você precisar fazer ajustes na composição, você pode. Eu não vou, porque eu acho que isso é uma curva suficiente para mim, e é solo. Agora, nós temos o Bend It fazendo ele ir um pouco mais alto. Vou abaixar um pouco. Sim. Só estou deixando um pouco mais alegre. Podemos usar CC Bend It dessa forma. Vou guardar isso agora porque estou muito feliz com a animação. Vou mostrar-vos outro exemplo de duplicação. Aqui está outra ilustração de um esquiador muito orgulhoso 80. Eu disse que amo os 80. Ele vai ter este glorioso cabelo longo e fluído. Agora, em vez de uma elipse desta vez, eu fiz o cabelo em forma de ovo quebrado. Isso é porque eu quero esses detalhes lá, então eu quero aqueles slots. Se eu un-solo isso agora, e eu já apliquei meus primeiros efeitos de Warp de Onda, você pode ver, assim como uma bela bandeira, ele está acenando na brisa. Mas como é cabelo, é um pouco mais orgânico do que isso, podemos dobrar para torná-lo mais natural. Podemos comandar D ou duplicar esse efeito. Adicionamos outra dobra de onda, mas isso é muito extremo agora, está fazendo com que vá por todo o lado. O que podemos fazer é reduzir a segunda dobra de onda, torná-la um pouco mais calma. Vamos descer para cinco. Vamos baixar a largura, só um toque. Você vai ver agora, em vez de apenas a onda original que é bastante normal, nós estamos recebendo um pouco mais de um efeito em cada um deles nem todos eles são iguais. Como podemos enfatizar isso ainda mais? É aqui que a fase entra realmente em jogo. Se colocarmos o virado para cima, então as ondas estão agora fora do tempo um com o outro, podemos começar a ter aquele efeito realmente interessante, mais natural para o cabelo. Agora, ele continua apenas fazendo este cabelo glorioso soprando na brisa, ele apenas está incrível. São duas maneiras de adicionar mais variedade ao seu Warp Ondulado. A primeira maneira era adicionar uma curva CC para adicionar uma curva à sua onda, e a segunda maneira era duplicar a dobra de onda e apenas mudar o faseamento um pouco para obter um visual mais natural. Experimente com eles e veja como você começa. Na próxima lição, vamos adicionar alguns detalhes aos nossos jogadores de Warp de Onda. Vejo você lá. 9. Adição de detalhes: Nesta lição, vamos estar olhando para adicionar detalhes. Vamos fazer isso usando a ferramenta caneta e as ferramentas de forma no After Effects. Com esse cara, eu realmente quero fazer ajustes no cabelo porque eu sinto que ele é um pouco pontudo demais, enquanto ele é bastante arredondado. Agora, em vez de voltar para o arquivo Procreate original, que podemos ver dentro do Hair Comp, que é este, aforma de ovo quebrado, forma de ovo quebrado, podemos construir uma nova camada dentro do After Effects. Nós não precisamos necessariamente voltar. A grande coisa sobre construí-lo como uma camada de forma é que podemos começar a colocar formas em camadas e adicionar mais detalhes dessa forma. Deixe-me apenas mostrar-lhe como construir no After Effects. Selecione a ferramenta Caneta e selecionaremos o mesmo preenchimento desta forma. Vamos pressionar Alt porque não queremos um ataque vermelho brilhante, e então vamos começar a construir. Agora, é como o Illustrator se você já o usou, eu costumo construir com o método do relógio. Então, 12 horas, três horas, seis horas, nove horas e onde quer que você chegue a um ponto, faça um ponto. Faça um ponto do ponto. Temos um ponto de ancoragem lá, um ponto de ancoragem às 12 horas e basta clicar e arrastar para trazer as alças. Onde se trata de um ponto, fazer um ponto ligeiramente mais arredondado e , em seguida, mesmo lá e isso só vai ser um ponto afiado. Dê um pouco de arredondamento. Seis horas. Não se preocupe muito em ser muito preciso agora, e às três horas. Agora, se eu segurar Alt, posso começar a ajustar essas alças para que possamos preencher essa forma. Porque efetivamente, eu não quero praticamente a mesma forma, eu só queria aqueles cantos arredondados. Isso está quase lá. Ótima. Agora, se eu desligar essa camada original do Photoshop ou Procreate e eu olhar dentro do Skier, agora temos essas bordas arredondadas com exatamente a mesma dobra de onda que aplicamos antes. Agora, eu quero adicionar mais detalhes e eu não posso tê-los porque eu tenho essa camada de forma. Vamos apenas pressionar V e clicar longe da camada de forma, e vamos criar outra camada no topo. Desta vez eu não quero um preenchimento. Eu gostaria de um golpe, não vermelho brilhante, mas branco, e eu vou ficar com 10 pixels. Agora eu vou fazer riscas no cabelo dele então vai fluir muito bem com a ilustração. Primeiro de tudo, vou mostrar o nosso ponto de vista e arrastá-lo para fora e depois tomar outro. Vamos ter uma boa forma de curva para combinar com a forma do cabelo. Então eu vou precisar apenas clicar na camada e então nós podemos fazer outra. Se eu puder clicar na camada e vamos fazer um ajuste apenas para essa, clique na camada e vamos ter outra sequência no centro. Clique na camada. A razão pela qual você tem que clicar na camada no meio é caso contrário, ele vai apenas juntar-se a si mesmo assim, o que simplesmente não é útil para ninguém. Clique na camada, faça seus ajustes e, em seguida, eu tenho listras completas tudo em uma camada, o que vai ser realmente útil. Agora, se eu voltar para o meu esquiador, ótimo, ele tem riscas agora, mas elas são feias e não estão dentro da forma. Vamos voltar à composição capilar. Eu realmente notei enquanto estávamos lá, que os pontos eram um pouco altos, então vamos apenas arrastá-los para baixo um pouco. Ótima. Nessa camada, o que podemos fazer é pressionar o T. O T, Preserve Transparência, olhará para a camada abaixo e mostrará somente nessa camada. Quando você voltar para o seu esquiador, você tem este lindo detalhe todo dentro da forma que você fez. Você também pode fazer isso com várias coisas. Você pode fazer formas. Você pode ter cores diferentes lá e ele vai apenas aplicá-lo na mesma camada e aplicar aquela onda de dobra. Você pode começar a fazer este efeito de máscara de recorte com os detalhes e eles vão assumir todas as propriedades que você já colocou lá para que você não precise dobrar nada. Vamos voltar para o nosso cão de condução original aqui. A grande coisa sobre usar o pequeno T como fizemos no esquiador, para mascarar em nossos efeitos, podemos fazer isso em nossas camadas de forma, bem como fizemos no Procreate. Se abrirmos o Precomp de Óculos de Sol lá, aqui temos as armações e depois temos as lentes. Eu vou para o Precomp Lentes e você vai ver nas lentes, nós temos um brilho nas lentes. Vou recriar o brilho usando nosso efeito de dobra de onda. Eu só vou criar uma nova forma, um retângulo em branco, em nossa camada aqui, e eu vou precompor isso pressionando Command Shift c. Vamos chamar isso de “Shine Animated”. Tudo bem, vamos entrar na composição agora. Podemos adicionar o efeito de dobra das ondas. Lá vamos nós. Desta vez, como eu disse na nossa primeira lição, vamos usar o efeito de ruído. Eu vou ficar um pouco louco com os números aqui e bater todo o caminho até 3.000, e então bateu a largura todo o caminho até 3.000 bem e nós temos este tipo de forma de linha. Se eu jogar isso, parece um pouco louco no momento. Mas vamos abrandar isso. Vamos colocar 0,05. Temos esse tipo de movimento autocue lá dentro. Agora, se voltarmos para a composição anterior, veremos esse efeito acontecendo aqui e o que precisamos fazer é girá-lo ligeiramente para obtermos esse efeito inclinado. Em seguida, usamos Preservar Transparência, para que ele só apareça na camada abaixo. Então tudo o que precisamos fazer é ter um pouco de um violino com onde ele está, então ele começa e termina no lugar certo, preferência onde não há nada. Mas então quando você tem o seu comp original, você pode ver o efeito de óculos legais lá nos óculos de sol do cão. Esta é a minha animação completa. Você pode encontrar muitas maneiras muito diferentes e criativas de usar a dobra das ondas e mascará-las em seções de sua ilustração. Então definitivamente experimente isso. Você também pode adicionar esses detalhes usando a ferramenta caneta, usando as ferramentas de forma, e usar todas as funções importantes de preservar a transparência para mascará-los em partes da ilustração. Agora que você sabe sobre esse tipo de técnica, você pode realmente fatorar isso no estágio de design para que quando você está fazendo suas ilustrações, você pode pensar, “Oh, eu posso mascarar isso mais tarde.” É uma técnica muito, muito útil. Estou tão feliz por ter ensinado isso a você. Na próxima lição, vamos olhar para diferentes tipos de onda senoidal e diferentes tipos de ilustração e como eu combinei todas essas técnicas para isso. Te vejo lá. 10. Outras maneiras de usar o efeito de Imagem Ondulada: A ferramenta de dobra de ondas é muito versátil, e eu sei que só mostrei a vocês realmente a onda senoidal. Nesta lição, vamos ver como apliquei os diferentes tipos de ondas a ilustrações diferentes, e como usei a combinação de todas as técnicas diferentes de dobrar e adicionar detalhes em minhas ilustrações. Vamos mergulhar. Este aqui, o Sr. Sharky é o nosso dente de serra. Você pode ver nos dentes de cima, por exemplo, no Procreate, eu só fiz essa bolha elíptica e então eu precompus, e então adicionei o tipo de onda de dente de serra. O que é realmente legal é que podemos duplicar isso e mudar a fase um pouco. Então você começa a ter muito mais dentes viciosos lá dentro, o que é muito legal. Podemos fazer o mesmo com os dentes inferiores também. Se movermos o rosto, e então o Sr. Sharky começa a parecer muito mais cruel. Aqui está minha ilustração chamada, fumar ainda é legal. Podemos ver aqui o efeito de fumaça que você viu na lição de efeito de dobra de onda. Tudo o que fiz foi adicionar duas ondas de dobra. Você pode ver que estas são as ondas circulares, e eu adicionei a segunda com um pouco de faseamento apenas para adicionar algum interesse às direções. Nem sempre é uma trilha semelhante quando você está fumando. Na verdade, já era um arquivo maluco, então isso veio do Procreate. Obviamente, se você adicionar uma dobra de onda a um arquivo wiggly, ele vai ficar assim, que não é o efeito que estamos tentando alcançar. O que eu fiz foi criar essa forma elíptica alongada, e então eu apliquei a dobra de onda dupla também para obter esse efeito legal usando a onda circular. Outro tipo de onda muito útil. O último que vou mostrar é o semicírculo. Você pode ver que este personagem aqui é um que eu desenhei, mas eu tenho um amigo animador muito talentoso que realmente faz o ciclo de empurrões para mim. Acabei de adicionar alguns pedaços extra de dobra de onda no final. Você pode ver que há cargas e cargas de onda senoidal aqui, especialmente os cadarços. Eles têm uma onda senoidal muito rápida em movimento. Em menos 5, se olharmos para a velocidade da onda para fazê-la ir da direita para a esquerda. Então, no mestre, eu também adicionei uma pequena nuvem de velocidade aqui usando um semicírculo. Além disso, em menos 5, para combinar os laços e a velocidade do personagem. Então eu adicionei uma máscara de retângulo sobre o topo apenas para mascarar a estrada, e lá nós temos esse efeito de nuvem de velocidade muito bonito, que foram realmente bem. Cada design que você criar exigirá uma jornada de dobra de onda diferente. Eu realmente encorajo você a experimentar, experimentar as coisas, e o mais importante, se divertir com isso. Quando estiver satisfeito com sua animação, você estará pronto para exportar, e é isso que faremos na próxima lição. Vejo você lá. 11. Exporte sua animação: Uma vez que a experiência clara é feita e você verificou sua animação, você corrigiu nas áreas, você dobrou seus efeitos, você adicionou seus detalhes, e você está super feliz com isso, você está pronto para exportação. Nós vamos exportar como mp4, e então nós vamos passar para GIF um pouco mais tarde. Para exportar como mp4, vamos para Composição e, em seguida, Adicionar à fila do Adobe Media Encoder. Seu arquivo aparecerá na janela aqui. Agora você precisará selecionar H.264 no menu suspenso e, em seguida, você terá que escolher um bom lugar para salvá-lo. Vamos voltar para nossa pasta desktop, Exportações, e é MP4, então colocá-lo em vídeos, e entregue. Basta verificar o arquivo como mp4 lá. Pressione “Salvar” e, em seguida, pressione “Play” e Media Encoder fará sua mágica. Uma vez feito isso, vamos verificar nosso arquivo na pasta. Aqui vamos nós, abra isso usando a barra de espaço. Sim, parece bom. Torná-lo um pouco menor para que seja um pouco mais representativo. Maravilhoso. Temos o nosso MP4 pronto para carregar no Instagram. Eu vou colocar isso no meu telefone normalmente, e então eu posso enviar isso para o Instagram. Olhando bem. Para salvá-lo como GIF, o que podemos fazer é abrir esse arquivo no Photoshop. Se formos para Abrir com e apenas encontrar o Photoshop em nossos aplicativos, veremos que será aberto com a linha do tempo aqui. Se você não sabe muito sobre a linha do tempo, eu tenho outro curso que é animar padrões e texturas usando o Photoshop para suas ilustrações. Então você pode verificar isso. Você não precisa saber muito sobre isso aqui, mas é sempre útil ter o conhecimento. Para exportar como GIF, basta ir para Arquivo, Exportar, Salvar para Web, e que vai carregar. Vamos levar um momento. Muitas computações acontecendo. Aqui vamos ver o nosso GIF subir. O que é realmente bom em trabalhar com GIFs no Photoshop é que podemos ver o tamanho do arquivo. Primeiro de tudo, muito útil. No momento, isso é 1,8 meg. Idealmente para GIF, gostaríamos que fosse sob um. Há muitas coisas que podemos fazer no Photoshop para reduzir o tamanho. Uma coisa boa é que podemos visualizar no navegador. Se visualizarmos isso, ele aparecerá como nossa imagem. O que é realmente bom é que diz todas as configurações aqui em baixo. Então podemos começar a fazer comparações quando reduzimos o tamanho do arquivo. Agora uma coisa que eu posso ver imediatamente é que isso é enorme, muito grande para o meu portfólio aqui. Então vamos reduzir o tamanho disso antes de tudo. Vamos descer para 60 por cento, e pressionar “Enter”. Vamos pré-visualizar isso. Desceu para 1022K. Estamos chegando lá. Veja a qualidade, apenas muito mais suave. Agora eu só usei cerca de seis cores aqui. Então eu definitivamente posso reduzir a quantidade de cores. Vamos descer para 16 e tentar isso. Ainda parece o mesmo, mas estamos em 700K em vez disso. Parece exatamente o mesmo. Então nós acabamos de economizar 300K apenas alterando a quantidade de cores que é realmente legal. Você pode trabalhar algumas configurações diferentes aqui. Você pode alterar o algoritmo de redução de cores. Você pode alterar o dither se não precisar e isso afetará o tamanho do arquivo. Experimente com eles, divirta-se. Mais uma vez, eu vou mais para ele no meu outro curso se você quiser verificar isso. Quando estivermos felizes, pressione “Salvar” e certifique-se de que estamos no arquivo GIF correto. Deveríamos estar. Vamos colocar o cão de condução GIF. Sim, ótimo. Pressione “Salvar”. Então podemos verificar nosso GIF em nosso arquivo. Abra isso. Ele está ótimo. Agora que exportamos como GIF, podemos enviá-lo para o nosso portfólio e podemos enviá-lo para a nossa galeria de projetos. Vamos chamar isso de drivin, vou colocar o Dawg desta vez para torná-lo mais divertido. Vamos enviar esse GIF, deve abrir imediatamente. Levará um segundo para carregar aqui. Agora ele não será reproduzido na foto da capa, mas basta selecionar uma boa parte da imagem. Então podemos colocar um pouco sobre o nosso processo aqui. Adicione mais detalhes e perguntas se precisar me perguntar alguma coisa. Vamos colocar a imagem lá dentro. Lá vamos nós, esse é o nosso projeto todo feito. Tudo o que precisamos fazer é clicar em “Publicar”, e então isso é enviado para a galeria do projeto. importante lembrar que se você entrar em exportações MP4, você adicioná-lo à sua fila Media Encoder e selecionar “H.264" no menu suspenso. Em seguida, você pode importar isso para o Photoshop e usar a função Salvar para Web, e simplesmente mexer com todas as suas configurações e realmente obter o tamanho do GIF desejado. Depois de fazer tudo isso, não se esqueça de enviar seu GIF para a galeria do projeto. Posso responder a todas as perguntas que tiver aí. Adoro ver todos os projetos. Então faça upload deles. Estou ansioso para verificar o seu trabalho. 12. Considerações finais: Que trabalho incrível vocês. Nesta classe, descobrimos o quão incrível é a Warp Ondulado, e como ela pode dar vida às suas ilustrações sem absolutamente nenhum quadros-chave. Aprendemos a desenhar uma ilustração com a Urdidura das Ondas em mente usando as reticências como forma chave para nos ajudar a animar com a Urdidura das Ondas. Aprendemos que podemos duplicar a dobra de onda para criar camadas diferentes em nossa animação, e podemos duplicar os efeitos usando CC Bender. Também aprendemos que podemos criar formas no After Effects usando ferramentas de forma de padrão para recriar nossas camadas ilustradas e adicionar detalhes a elas. Aposto que você tem apenas uma ilustração animada incrível para compartilhar com o mundo, para compartilhar com seus amigos e familiares, e eles vão ficar tão impressionados. Se há uma coisa que eu espero que você tire desta classe, é apenas o quão simples, quão divertido, como é fácil adicionar a dobra de onda às suas ilustrações. Estou tão ansioso para ver todos os seus projetos e envios. Portanto, certifique-se de adicioná-lo à galeria do projeto. Se você colocá-lo nas redes sociais, certifique-se de me marcar e eu vou compartilhá-lo para minhas histórias. Eu também tenho uma pasta de trabalho estudantil lá dentro. Então, confira isso para mais inspiração. Tudo de melhor com sua jornada de animação. Estou ansioso para vê-lo em outra aula muito em breve.