Animação para iniciantes: adicione a animação às suas fotos do Instagram usando o Procreate

1. Introdução: Sejamos honestos, animação pode ser intimidante, especialmente se você nunca animou antes. Pode ser demorado, yada, yada. Mas não se preocupe, é por isso que estou aqui. Olá pessoas adoráveis. Sou Tyra Washington, sou designer gráfico, YouTuber e acho que você pode me chamar de animador autodidata. Hoje serei seu guia ajudando você a criar sua primeira animação quadro a quadro no Procreate. Se você deseja usar animação para comercializar sua marca ou adicionar um pouco de magia às suas fotos pessoais do Instagram, animação é mais fácil do que nunca com ferramentas como o Procreate. Se você é um iniciante completo que quer mergulhar no mundo da animação, ou você é um profissional que quer aprender a usar o Procreate para suas animações, essa classe é para quem quiser adicionar um pouco de mágica para suas fotos do Instagram usando animação. Nesta aula, vamos usar o procreate para criar nossas animações. Você aprenderá a usar o Animation Assist no Procreate e , em seguida, guiarei você por uma série de técnicas de animação diferentes que você pode aplicar às suas fotos. Por exemplo, mostrarei como animar objetos diferentes em sua foto, como animar linhas de expressão, texto, luzes e como usar máscaras para animar. Por fim, mostrarei como exportar suas animações do Procreate e como fazer loop de sua animação final usando o Adobe After Effects. Não fui à escola para animação. Na verdade, ainda estou aprendendo. É por isso que acredito que qualquer um pode animar. Se eu puder fazer isso, você pode fazer isso também, então vamos entrar nisso. 2. Orientações para o curso: Bem-vindo. Estou tão animado por você ter decidido fazer essa aula. Para o projeto de classe, o que vamos fazer é usar o Procreate para criar uma animação quadro a quadro que faz loops sobre uma de suas fotos. Depois de adicionar um pouco de mágica à sua foto, o passo final será enviar sua animação para o Instagram, se quiser. Pensei em vez de criar uma animação completamente do zero, por que não adicionamos algumas animações de suporte a uma foto que já existe. Além disso, você terá uma incrível animação personalizada que você pode compartilhar com seus amigos reais e família real, junto com seus amigos virtuais aqui no Skillshare, dos quais é um bônus, se eu diga isso eu mesmo. Acredito que essa classe seja para todos os níveis de habilidade. Vou orientá-lo por uma série de técnicas de animação diferentes e, com base no seu nível de habilidade, você pode optar por aplicar uma técnica ou aplicar algumas técnicas diferentes juntas comigo no final. Para esta aula, você definitivamente precisará de um iPad e do aplicativo Procreate. Eu recomendo comprar um lápis Apple, mas você definitivamente pode usar o dedo se quiser. Você também precisará de um laptop e do programa Adobe After Effects. Quando terminarmos nossas animações, eu adoraria se vocês enviassem seus projetos para os projetos da classe. Eu junto com todos os seus colegas de aqui no Skillshare adoraria ver o que você criou. Tudo bem, estou animado para começar, então vamos. 3. Princípios de animação no Procreate: Antes de começarmos a animar, há alguns princípios de animação a serem lembrados. Esses princípios farão com que sua animação pareça mais realista e flua melhor. Nesta lição, vou abordar quatro dos 12 princípios de animação. Isso deve ser muito útil para um novo começo de animação. Os quatro princípios que vou abordar nesta classe são tempo, lentidão e desaceleração, arcos e alongamento de esmagamento. Você poderá pegar esses conceitos e aplicá-los a quase tudo o que você anima. Vamos começar. O primeiro é o tempo. tempo é basicamente determinado pela quantidade de quadros que você usa em uma animação. Neste exemplo, você vê que esta animação de pássaros tem muitos quadros, nesta animação de avião tem menos quadros. Qual animação você acha que terá a animação mais rápida? Vamos ver. Você vê que a animação que tinha mais quadros é realmente mais lenta do que a que tem menos quadros. Basicamente, tudo o que você precisa saber sobre o tempo é que mais quadros são iguais a tempo mais lento, menos quadros é igual a tempo mais rápido. que nos leva ao próximo princípio que é chamado de lento e lento que, basicamente, fala sobre a aceleração de um objeto. Na vida real, os objetos começam devagar, aceleram no meio e, em seguida, diminuem a velocidade quando estão prestes a parar. Para alcançar a aceleração, você começa com mais quadros no início, menos quadros no meio e, em seguida, mais quadros no final. Aqui está um exemplo da bola que não usa lentidão e lenta. Realmente os robôs são a única coisa que pode se mover a uma velocidade constante como essa, então simplesmente não parece muito realista. Agora vamos falar sobre arcos. A maioria dos objetos na vida real segue um arco quando eles estão em movimento. Arcos basicamente fazem sua animação parecer muito mais realista porque está seguindo as regras da gravidade. Se você não seguiu um arco e sua animação se parece com isso, ela parecerá mais robótica, e o cachorro nessa animação provavelmente será como, “Eu não estou comendo essa árvore porque não confio nela”. Em seguida, é abóbora e alongamento, que realmente apenas enfatiza a maneira como um objeto se estica ou se esmaga à medida que está se movendo. A maneira como um objeto se esmaga e se estende realmente ajuda o espectador a ver o quão pesado o objeto é e a rapidez com que ele está se movendo. Por exemplo, se você jogar uma bola de basquete, teria muito mais squash e alongamento do que uma bola de boliche. Agora você tem um pouco de conhecimento sobre alguns dos princípios de animação. Você aprendeu sobre o tempo, abrandar e diminuir a velocidade, arcos e abóbora e alongamento. Basta ter isso em mente quando começamos a animar mais tarde nesta aula. Se você achou esses princípios interessantes, eu realmente recomendo que você procure todos os 12 princípios. Estou cansado de falar sobre princípios. Junte-se a mim na próxima lição, onde nos familiarizaremos um pouco com o Procreate. 4. Primeiros passos no Procreate: [MÚSICA] Procreate é um aplicativo de ilustração digital que os artistas usaram para criar obras de arte incríveis. Recentemente, o Procreate atualizou seu recurso de animação. Agora, os artistas podem criar animações quadro a quadro diretamente do iPad. Não vai mentir, o Procreate é um pouco mais limitado do que alguns dos outros aplicativos criados especificamente para animação. Uma das maiores desvantagens é o limite de camada, e há algumas limitações com o vídeo, mas você ainda pode criar algumas animações quadro a quadro no Procreate. Nesta lição, mostrarei como configurar sua tela para o tamanho e o DPI corretos para o Instagram. Também mostrarei algumas das ferramentas básicas no Procreate. Abra seu aplicativo e mostrarei a você sobre o Procreate. Quando você abre seu Procreate, sua tela deve parecer um pouco assim. Normalmente, você verá linhas e linhas de projetos em que você está trabalhando. Mas não vou mentir, meu painel estava louco, então decidi limpá-lo para parecer um pouco mais profissional. De qualquer forma, [RISOS] para adicionar uma nova prancheta, pressione o sinal de mais. Você verá que na verdade há uma tonelada de opções já disponíveis, mas vamos criar um tamanho personalizado pressionando este ícone no canto. Vamos falar sobre as diferentes dimensões uma postagem no Instagram. O Instagram tem três opções diferentes que você pode escolher atualmente. Você pode escolher uma opção quadrada, uma opção de retrato ou uma opção de paisagem. Dependendo da foto que você vai animar, basta escolher a opção que é melhor para você. Por enquanto, vou escolher a dimensão quadrada porque acho que funcionará melhor para a foto que vou usar. Vou digitar 1080 x 1080 pixels. Para o DPI, 72 é bom para a maioria das mídias sociais e uso digital. Mas saiba, se você está tentando imprimir isso, isso será uma bagunça pixelada. Se você acha que há uma chance imprimir isso, definitivamente defina seu DPI para 300. Não sei por que você gostaria de imprimir uma animação, mas só sei. Agora que temos todas as nossas dimensões conectadas, podemos ver quantas camadas máximas poderemos ter. Por fim, basta verificar novamente para se certificar de que você tem Pixels selecionados, pois isso é para mídias sociais. Uma última coisa, apenas certifique-se de que seu perfil de cores esteja definido como RGB e Create. Aqui vamos nós. Uma nova prancheta esperando por você para criar alguma magia. Agora, vamos percorrer algumas dessas ferramentas. Primeiras coisas primeiro. Aqui está a ferramenta Pincel. Você verá que há tantos pincéis para escolher. Qualquer coisa, desde esboço até pintura. Há também algumas texturas legais que você pode aplicar à sua arte. Eu recomendo apenas explorar todos os pincéis. Além disso, dentro de cada pincel , você pode clicar nele, e isso abre uma janela inteira de ainda mais opções. Temos opções. Uma coisa que pode ser útil para ajustar é a estabilização. Isso ajuda a garantir que suas linhas sejam mais retas. Depois de selecionar o pincel para brincar, podemos deslizar para o lado esquerdo, onde temos algumas opções de tamanho. O que é realmente legal é que você pode realmente escolher um tamanho e salvá-lo. Não há mais tamanhos de linha inconsistentes, você os salvou aqui na escala. Por exemplo, se estivermos aqui desenhando algumas linhas, e estivermos tipo, “Espere, espere. Qual era esse tamanho maior que eu estava usando?” Bem, bam. Já foi salvo para você. [RISOS] De qualquer forma, você pode excluir os tamanhos salvos apenas pressionando o sinal de menos. Sob o tamanho do pincel, temos as configurações de Opacidade. Você pode derrubar a opacidade, fazer as coisas parecerem reais, translúcidas. Faça as coisas parecerem transparentes. As últimas ferramentas que temos aqui são o botão Desfazer. Você pode apenas tocar nisso e no botão Refazer. Um atalho que uso o dia todo a noite é o toque com dois dedos para desfazer ou o toque de três dedos para refazer. Deixe-me dizer-lhe, este é o melhor atalho tempos porque eu o tenho usado o tempo todo. Além dos pincéis, temos a ferramenta Borrar e a ferramenta Borracha, que a borracha tem todas as diferentes opções disponíveis para os pincéis. Basta selecionar seu pincel e vê-lo fazer o que as borrachas fazem melhor, apague. Em seguida, temos o painel Camadas. Esta é a única camada que temos até agora. Você pode deslizá-lo para a esquerda e duplicá-lo. Você também pode clicar em uma camada para revelar muitas outras opções. Só vou renomear o meu. Vou chamá-lo de linhas por enquanto, ou acho que uma camada 1 linhas. Claro. Claro, você pode adicionar uma nova camada pressionando o sinal de mais, e você pode excluir uma camada deslizando-a para a esquerda e pressionando Delete. Em seguida, é o painel de cores. Como você pode ver abaixo, há algumas visualizações diferentes que você pode escolher. Essa primeira visualização é a visualização em disco. Então temos a visão clássica, que é minha preferência pessoal. Outra maneira realmente interessante de selecionar cores é essa visão de harmonia. Com base na cor escolhida, você pode clicar neste canto. Há um monte de opções de paletas de cores diferentes. Depois de selecionar quais cores, aparecerão automaticamente no canto direito. É aí que você pode arrastar e soltar sua nova paleta de cores na prancheta. Outra forma de visualizar sua paleta de cores é esta guia Valor. Este é para cores muito específicas. Você pode inserir hexadecimais específicos e assim por diante. A última opção é essa opção de paleta de cores, que é onde você pode criar suas próprias paletas de cores personalizadas, o que é bem legal. Passando para o lado esquerdo do Procreate, é aqui que temos a ferramenta Wrench, que é apenas um painel cheio de ações. Nesta guia chamada Adicionar, podemos inserir uma foto. Podemos inserir algum texto. Todas essas coisas boas. Na guia Tela, é aqui que usaremos o Animation Assist posteriormente, diferentes opções para nossa imagem de referência e informações do Canvas. Em seguida, temos a guia Compartilhar, que apenas oferece diferentes opções para exportar sua arte. Na verdade, é aqui que o Replay de lapso de tempo vive. Se você quiser exportar seu vídeo de lapso de tempo, ele está bem aqui. Apenas algumas preferências diferentes que eu não vou entrar. Em seguida, temos o painel Ajustes, que oferece tantas opções para mudar a cor das coisas. Para ajustar o desfoque , dissolução, clone, apenas todos os tipos de ajustes. Em seguida, temos a ferramenta Seleção, que permite selecionar objetos específicos em uma camada, e apenas aplicar vários ajustes diferentes a eles. Enquanto seu objeto ainda estiver selecionado, [NOISE] você pode usar a ferramenta Seleção direta para mover o objeto. Existem diferentes opções abaixo, como flip horizontal, flip vertical. Basicamente, essa ferramenta permitirá que você distorça e transforme seu objeto como quiser. Eu diria que cobrimos o básico aqui. Agora, estamos todos configurados no Procreate. Você aprendeu a configurar sua tela para o tamanho e o DPI corretos para o Instagram. Você também aprendeu sobre algumas das ferramentas básicas no Procreate. Na próxima aula, ensinarei tudo sobre o Animation Assist do Procreate, que é a arma secreta quando se trata de animar no Procreate. [MÚSICA] 5. Auxiliar de animação no Procreate: A principal chave para animar no Procreate é essa coisa chamada Animation Assist. O que é basicamente uma linha do tempo visual que permite definir seu plano de fundo e imagem de primeiro plano, permite que você veja o skinning de cebola como um guia e permite que você apenas reproduza sua animação para ver o que ela parece. É uma ferramenta realmente poderosa quando se trata criar animações quadro a quadro. O que são animações quadro a quadro, você pode perguntar? Bem, basicamente, quadro a quadro está desenhando quadros com pequenas diferenças entre cada quadro, e quando você os agrupa, parece que o objeto está se movendo. Prepare-se para desenhar alguns quadros, vamos mergulhar. Então, para ativar o Animation Assist, vá para a ferramenta Chave inglesa, vá para Canvas e, em seguida basta ativar esta opção Animation Assist. Você verá a nova linha do tempo de assistência à animação aparecer na parte inferior da tela e isso será realmente útil, para quando começarmos a criar nossas animações quadro a quadro. Vou ir em frente e desenhar o primeiro quadro da minha animação. Vamos fingir que algo vai derreter sobre a tela. O primeiro ramo praticamente feito para adicionar o próximo quadro, vamos pressionar Adicionar quadro no canto da linha do tempo. Ao fazer isso, você notará que ainda pode ver o quadro anterior da animação. Isso é chamado de pele de cebola. A pele de cebola basicamente funciona como uma referência para quando você está desenhando seu próximo quadro. Você pode ajustar a visibilidade da sua pele de cebola acessando as configurações. Você pode escolher quantas peles de cebola você vê de uma só vez ajustando os quadros de pele de cebola. Eu geralmente gosto de colocar o meu próprio em um, porque acho que é menos distrativo ter apenas uma pele de cebola. Você também pode ajustar a opacidade da pele da cebola, então eu gosto de colocar a minha em baixa opacidade, só para poder ver por baixo. Outra coisa, você pode mudar a cor da pele da cebola, que eu não sei, se você quiser ter uma pele de cebola laranja ou uma pele de cebola roxa por qualquer motivo você pode fazer isso aqui. Mas sim, uma vez que você tenha todas as suas configurações de pele de cebola ao seu gosto, você pode ir em frente e desenhar o segundo quadro da sua animação. Vou desenhar esse segundo quadro um pouco mais baixo , então parece que está derretendo para baixo. Assim, você criou os dois primeiros quadros de sua animação. Só vou alternar para ver como essa animação está parecendo até agora. Quero dizer, está se movendo. Claro, digamos que queremos duplicar esse quadro. Tudo o que você faz é clicar na camada e, quando esta nova caixa de diálogo aparecer, basta pressionar a palavra “Duplicar”. Instantaneamente, você verá que ele fez uma nova cópia da camada em que estávamos apenas. Quero que essa animação continue derretendo. Nesta nova camada duplicada, vou usar a ferramenta de seleção direta, movê-la um pouco para baixo e preencher rapidamente esse grande espaço antigo na parte superior, basta clicar e arrastar a cor amostra no canto superior direito. Uau, este é o derretimento mais rápido que eu já vi. Para ajustar a velocidade da animação, basta entrar nas configurações e ajustar os quadros por segundo. Acho que a maioria das animações está definida para cerca de 12 quadros por segundo, mas honestamente apenas ingere o seu para o que parece melhor. Acho que vou bater o meu até cerca de oito e agora você sempre pode ajustar isso mais tarde. Então, falamos sobre essa linha do tempo. Agora, vamos dar uma olhada neste painel de camadas. Você notará que todas as camadas que estão aqui na linha do tempo também aparecem neste painel de camadas. Isso significa que qualquer nova camada ou grupo de camadas no painel de aparecerá como um quadro na linha do tempo. Isso significa que se você tiver uma ilustração que usa mais de uma camada, poderá agrupá-la completamente e ela aparecerá como um quadro na linha do tempo. Agora digamos que você queira adicionar um plano de fundo à sua animação. Vamos adicionar um novo quadro, ir até a ferramenta Chave inglesa, adicionar e inserir uma foto. Deixe-me passar pelo meu álbum muito rapidamente e simplesmente colocar uma imagem no lugar. Mas não se preocupe, vou entrar em muito mais detalhes sobre como adicionar uma foto à sua prancheta mais tarde nesta aula. Você notará quando reproduzirmos nossa animação até agora, a foto parece com outro quadro na animação. Mas uma coisa legal sobre o Procreate é que você pode realmente definir a imagem de fundo. Deixe-me mover esse quadro para o início, e quando você clicar nele, você verá que há uma opção para configurá-lo como plano de fundo. que significa que, quando você reproduz a animação, essa imagem permanece em segundo plano o tempo todo. Apenas certifique-se de que a imagem desejada como plano de fundo seja a primeira camada ou você não poderá defini-la como plano de fundo. Assim como o plano de fundo, você também pode definir seu primeiro plano. Digamos que queremos que o assunto da nossa animação fique por dentro da nossa animação o tempo todo. Vou usar a ferramenta de seleção para selecionar parte do meu assunto, e quando estiver feliz com a seleção, basta descer para copiar e colar. Você verá que ele automaticamente coloca sua seleção em uma nova camada, assim como o plano de fundo tinha que ser a primeira camada. Para definir o primeiro plano, ela tem que ser a última camada. Deixe-me apenas ligar isso e ver como essa animação é reproduzida. A forma como cortei o assunto é absolutamente terrível. Mas ei, ele está ficando em primeiro plano, assim como queremos. Na verdade, vou desligar isso, porque não gosto disso. Deixe-me apenas excluir isso completamente. Basta clicar no quadro que você deseja remover e pressionar “Excluir”. Nossa animação está se movendo, e eu diria que é um bom sinal, e eu diria que cobrimos todos os conceitos básicos do Animation Assist. Nesta lição, você aprendeu todos os conceitos básicos do Animation Assist no Procreate. Você aprendeu a adicionar e duplicar quadros. Você aprendeu a definir sua imagem de plano de fundo e primeiro plano. Você também aprendeu sobre pele de cebola e como usá-los. Certifique-se de que sua linha do tempo do Animation Assist esteja visível e, em seguida, encontre-me na próxima lição, onde mostrarei como importar uma imagem para o Procreate. 6. Importe uma imagem no Procreate: [MÚSICA] A foto que você escolher causará um enorme impacto na sua animação. Uma boa imagem irá inspirá-lo e apenas abrirá você para um mundo inteiro de possibilidades. Nesta lição, vamos selecionar a imagem que usaremos para essa classe e, em seguida, mostrarei como importar essa imagem para o Procreate. Vamos começar. Já sei qual imagem vou usar para essa animação. Para adicionar uma imagem, vamos até a ferramenta chave inglesa, pressione “Adicionar” e “Inserir uma foto”. Imediatamente, você verá sua galeria de imagens aparecer. Na verdade, recomendo criar álbuns de fotos diferentes para suas fotos para que elas fiquem mais fáceis de encontrar. Só vou abrir este álbum aqui. Meus amigos e eu costumávamos fazer sessões de fotos o tempo todo, então aqui estão apenas algumas fotos selecionadas dessas sessões de fotos. Ao olhar suas imagens, basta perguntar a si mesmo, qual é o assunto principal da imagem? E como uma animação pode interagir com esse assunto? Há algo interessante na foto que você possa animar? Você poderia mudar a cor de algo como talvez o plano de fundo dessa imagem? Você poderia mostrar um movimento ou mostrar um movimento? Ao olhar suas imagens, basta ver o que salta para você e o que o inspira. Por exemplo, sempre que olho para essa imagem, tudo o que consigo imaginar são os cones de sorvete derretendo. Definitivamente vou incorporar isso na minha animação. Agora que tenho minha imagem na minha prancheta, percebo que talvez eu deva usar o tamanho do retrato em vez do tamanho quadrado só porque acho que ela vai caber na minha imagem um pouco melhor. Vou para a ferramenta de chave inglesa, Canvas, e depois Cortar e redimensionar bem na parte superior. Na nova caixa de diálogo, vou para Configurações e é aqui que você pode alterar as dimensões do seu Canvas. Se você se lembra, o tamanho do retrato para Instagram é 1080 por 1350, então eu vou conectar isso e você notará que ele nos deu um pouco mais de espaço em nossa tela. Só vou pressionar “Concluído”. Não quero arriscar que minha imagem seja pixelada escalando-a, então vou enviá-la novamente. Deixe-me excluir esta imagem, acesse a ferramenta de chave inglesa, Adicionar e, em seguida, vou reinserir minha foto. Estou apenas navegando de volta para minha foto, foi super fácil de encontrar porque estava em um álbum. Agora vou escalar minha imagem apenas um pouco só para levá-la às bordas. Basta usar essas alças pequenas e ajustar o corte da sua imagem. Certifique-se de que você está realmente feliz com o corte da sua imagem antes desmarcar sua imagem, porque depois de desselecioná-la, a borda da sua imagem desaparece completamente, como a garota adeus. [RISOS] Mas não se preocupe, você pode usar o desfazer de dois dedos e começar de novo. Apenas certifique-se de que seja cortado ao seu gosto e apenas tome seu tempo. Certifique-se de que está cortado corretamente. Assim como o grande Bubba Sparxxx disse uma vez, corte-o direito, corte-o bem. Não sei se isso foi uma citação direta, mas seguindo em frente. [RISOS] Vamos fazer alguns ajustes em nossa imagem. A primeira coisa que gosto de fazer é aprimorar minha imagem. Pressione “Afiar” e eu realmente gosto de fazer isso porque reduzimos a qualidade da nossa imagem para 72 dpi, então adicionar um pouco de nitidez apenas garantirá que sua imagem seja um pouco mais crocante para o Instagram. Basta usar o lápis Apple e deslizar para a direita para ajustar a nitidez ao seu gosto. Agora nossa imagem está bonita e nítida. Algumas outras coisas que você pode ajustar são as curvas que apenas ajustam o brilho e a escuridão da sua imagem. Você também pode usar a ferramenta Clonar, que é bastante semelhante à ferramenta Clonar que está no Photoshop. Quando você seleciona a ferramenta Clonar, você verá esse pequeno círculo aparecer em sua tela. Esse pequeno círculo funciona basicamente como o ponto de referência à sua clonagem. Digamos que eu queira encobrir essa linha telefônica. Onde quer que seja o ponto de referência, é exatamente o que vou pintar com meu pincel. Digamos que eu tenha o ponto de referência aqui, você verá que estou realmente clonando o sinal do DQ e não é isso que estamos indo para aqui, então desfaça. Outra coisa legal é que você pode usar qualquer pincel que você quiser clonar. Se esse pincel de script for muito difícil, você pode usar algo macio como um aerógrafo em um tamanho pequeno. Basta cloná-lo, certificando-se de que seu ponto de referência esteja no local que você deseja copiar. Além disso, só quero observar que você pode fazer todos esses ajustes de imagem no Photoshop de antemão e depois carregar sua imagem para o Procreate. Honestamente, alguns desses ajustes de imagem podem ser muito mais fáceis no Photoshop. Por exemplo, há essa coisa chamada Content-Aware, que remove coisas indesejadas da sua imagem basicamente como mágica, tão rapidamente. Mas saiba que existem opções. Eu só queria mostrar que você poderia fazer todos esses ajustes aqui no Procreate. Acho que nossa imagem está parecendo boa. Acho que estamos prontos para começar a adicionar alguma animação. Nesta lição, passamos por algumas coisas a considerar ao selecionar uma imagem para animar. Também aprendemos a importar essa imagem para o Procreate e como fazer apenas alguns ajustes de imagem no Procreate. Nas próximas aulas, vou percorrer uma série de técnicas de animação diferentes que apenas adicionariam um pedaço de magia às suas fotos do Instagram. Se você estiver pronto, junte-se a mim na próxima aula, onde mostrarei como animar um objeto em sua foto. [MÚSICA] 7. Anime objetos (Parte 1): Animar objetos em sua foto é uma ótima maneira de dar vida à sua foto. Nesta lição, mostrarei como editar sua imagem de fundo para prepará-la para sua animação, você aprenderá a procurar um vídeo de referência e, por fim, aprenderá a animar um objeto em sua foto. Vamos mergulhar diretamente. Já temos nossa foto no lugar da lição anterior. Agora, só temos que descobrir o que queremos animar. Nesta foto, eu definitivamente acho que os cones de sorvete são o assunto principal e acho que seria muito legal adicionar um pouco de movimento a essa imagem fazendo com que os cones de sorvete derretam. A primeira coisa que gosto de fazer com esse tipo de animação é esboçar minha ideia. Vamos criar uma nova camada e vou renomear esse esboço por enquanto. Basicamente, nesta camada de esboço, eu só quero planejar como eu quero que meu estilo de ilustração seja. Basta perguntar a si mesmo: “Você quer que sua ilustração pareça mais realista ou mais caricatura?” Pregar seu estilo de ilustração agora economizará muito tempo para quando estivermos prontos para começar a animar e dar vida à nossa foto. Para nos ajudar a nos inspirar um pouco, vamos procurar uma imagem de referência e um dos meus lugares favoritos para encontrar inspiração é o Pinterest. Meu Deus, toda vez que abro meu Pinterest, fico espantado com as coisas que as pessoas criam. É tão legal. Mas, de qualquer forma, vamos seguir em frente e usar a guia Pesquisar, e vou procurar a ilustração de sorvete e vamos ver o que aparece. Temos algumas opções. Acho que este é muito divertido. Eu realmente gosto de quão redondo é e da forma como está derretendo. Este é muito clássico como um cone genérico, mas eu realmente gosto da forma dele e acho que funcionaria perfeitamente para minha animação. Uma coisa legal que você pode fazer no Procreate é clicar e segurar em qualquer aplicativo que esteja no seu documento e simplesmente arrastá-lo ao lado da janela do Procreate. Você também pode ajustar o tamanho e a imagem bam, referência logo diante de seus olhos. Antes de começarmos a esboçar, basta verificar novamente para se certificar que você está na sua nova camada de esboço. Porque se você acidentalmente começar a desenhar em sua imagem de fundo e cometer um erro acidentalmente, quando você for apagar o erro, você realmente estará apagando sua imagem de fundo como bem, o que não queremos. É por isso que desenhamos em uma nova camada. Dessa forma, se você cometer um erro, você pode apagar apenas a camada com o erro, que é um salva-vidas. Mas, de qualquer forma, podemos ir em frente e começar a esboçar em nosso sorvete. Primeiro, vou seguir em frente e pegar meu pincel favorito, que é o pincel Script. Outro pincel que as pessoas realmente gostam é o pincel de xarope, então talvez experimente esse também e veja qual é o seu favorito. Mas tudo depende do estilo de ilustração que você está buscando. Gosto muito de como o topo começa com o pequeno redemoinho. Deixe-me acertar essa forma. Não vou copiar esse sorvete completamente, vou modificar e adicionar meu próprio estilo a ele. Eu definitivamente não acho que vou adicionar tantas ondulações às minhas. Acho que talvez três ondulações de cada lado estejam boas. É bom o suficiente para mim. Esta é uma boa forma básica. Eu desenhei o meu bem baixo, então vou usar a ferramenta Seleção Direta e aumentar minha ilustração um pouco. Estou bem com esse esboço básico, e agora acho que é um bom momento para começar a adicionar um pouco de cor. Vou pressionar e segurar a tela para soltar essa cor acastanhada. Vou adicionar essa nova camada de cores logo abaixo da camada de esboço. Nesta nova camada, vou traçar ao longo do esboço que desenhei anteriormente e apenas farei o seu melhor para ficar nas linhas. Terminamos isso, vamos voltar para essas camadas. Na verdade, vou renomear essa camada só para que possamos ficar um pouco organizados. Vou chamar isso de Chocolate, talvez de cor base, então sabemos o que é isso. Até agora temos nosso contorno, temos nossa cor base. Em seguida, vou adicionar a camada de sombra e quero que esta esteja logo acima da nossa cor base. A razão pela qual estou mantendo todas essas partes do sorvete em camadas separadas é porque isso só me dá mais flexibilidade. Nomeamos essa camada de Sombras, e o que vou fazer é pegar uma cor marrom um pouco mais escura para a sombra. Vou deslizá-lo para a direita um pouco para uma sombra marrom mais escura. Acho que adicionar sombras às suas ilustrações dá uma boa profundidade e realismo a elas. Quando estou desenhando as sombras, estou apenas fingindo que a fonte de luz está vindo desta área superior esquerda, que significa que a sombra cairia no fundo de cada ondulação. Além disso, há algumas sombras presentes na minha imagem de referência, então, se eu me perder, sempre posso olhar para nossa referência. Outra coisa, quando você está desenhando nessas sombras, não tenha medo de experimentar alguns pincéis diferentes que talvez tenham alguma textura. Existem algumas texturas agradáveis sob o grupo de pincéis de desenho e talvez até Carvão, então tenha isso em mente como uma opção para sua ilustração. Assim como preenchemos as sombras, em seguida, vamos preencher alguns destaques. Vou deixar cair o olho na cor base deste cone e depois escolher uma cor de destaque que esteja um pouco acima e à esquerda da minha cor base. Vá em frente e faça uma nova camada logo acima da camada de sombra. Vou renomear esses destaques de Chocolate, e vou começar a desenhar esses destaques na borda superior de cada ondulação, que é exatamente de onde vem nossa fonte de luz fingida, este canto superior esquerdo. Acho que farei mais um destaque e chamarei isso de bom. Enquanto estou olhando para essa ilustração, esse esboço está realmente começando a me incomodar um pouco. Eu não gosto que ele esteja passando por todo o caminho, então vou apagar um pouco. Este é, na verdade, um exemplo perfeito de por que usamos camadas. Consegui ajustar o contorno sem incomodar nenhuma outra camada e agora estou ajustando as sombras, tudo sem arruinar toda a ilustração, que seria trágico. Neste ponto, acabei com minha ilustração final, então vou agrupar todos esses elementos separados juntos. Basta selecionar cada camada deslizando-a para a direita e, depois que todas elas estiverem selecionadas, pressione o botão “Grupo” na parte superior. Por fim, vou renomear esse grupo para que saibamos o que é. Vou chamá-lo de sorvete de chocolate. Agora que terminamos nossa primeira ilustração, realmente não precisamos mais da nossa imagem de referência neste momento. Para se livrar da janela do Pinterest, tudo o que você faz é pegar essa alça aqui e deslizá-la para fora do quadro, assim. Agora estamos prontos para começar a nos preparar para começar a animar. Para ativar o Animation Assist, vá até a ferramenta Chave inglesa, vá para Canvas e ative o botão Animation Assist. Você provavelmente está se perguntando : “Por que meu quadro se parece com isso?” Bem, o que você precisa fazer primeiro é ir até a Linha do tempo e garantir que sua imagem esteja definida como plano de fundo. Dessa forma, sua imagem permanece em segundo plano durante toda a animação. Eu diria que uma boa regra antes de começar animar é encontrar um bom vídeo de referência, então eu realmente vou puxar Google rapidamente para que eu possa fazer uma pequena pesquisa sobre como um sorvete realmente derrete. Um lugar que eu realmente gosto de ir é o Adobe Stock. Eu só acho que eles têm algum vídeo de boa qualidade, então vamos a este site. Certifique-se de que o vídeo esteja selecionado neste menu suspenso. Agora vou digitar minha busca, que já digitei antes, sorvete derreter, e vamos ver o que inventamos. Imediatamente, já existem tantas boas opções. Deixe-me percorrer e dar uma olhada em alguns. Vamos clicar neste vídeo por enquanto. A primeira coisa que percebo quando estou assistindo a este vídeo é que o sorvete encolhe e fica mais curto à medida que está derretendo, então eu definitivamente quero fazer isso na minha animação. O que é realmente útil é que você pode realmente rolar para trás pelo vídeo e fazer uma pausa nos momentos em que deseja ver um pouco mais. Isso pode ser muito útil. Vejamos outro vídeo, talvez este. Neste vídeo, este é um bom vídeo para referenciar como um sorvete pingaria. Parece que o gotejamento fica muito longo e, assim que ele se rompe, o gotejamento volta e encurta novamente. Eu sinceramente recomendo procurar vídeos de referência para qualquer coisa que você esteja animando, seja fogo, relâmpago, e você provavelmente poderia procurar outras animações para se inspirar também. Acho que reunimos uma boa inspiração. Deixe-me voltar para a tela do Procreate porque acho que podemos realmente começar a animar esse sorvete. Na verdade, já temos o primeiro quadro de nossa animação terminado. Para adicionar um novo quadro, basta ir para Adicionar quadro no canto desta linha do tempo e, imediatamente, você verá a pele de cebola do quadro anterior. Eu quero ajustar a opacidade da minha pele de cebola e apenas aumentar um pouco mais, então vou fazer isso nas Configurações. Isso parece muito melhor. Acho que seria útil se eu tivesse meu vídeo de referência na mesma janela do meu Procreate. Basta pressionar e segurar qualquer aplicativo que você quiser ao lado da janela do Procreate e deixe-me rolar para baixo até o vídeo que eu quero ver. Agora, sempre que estou um pouco preso quando se trata de animar, posso dar uma olhada aqui e saber que tenho um pequeno backup por precaução. Agora, podemos começar no segundo quadro dessa animação. Com base em algumas das referências de vídeo que procuramos, aprendemos que os cones de sorvete encolhem e ficam um pouco mais curtos à medida que derretem, então, como você pode ver neste quadro, estou fazendo o sorvete casquinho um um pouco mais curto e estou desenhando cada ondulação um pouco mais baixo do que o quadro anterior. Também estou adicionando algumas pequenas ondas que se transformarão em gotejamentos mais tarde; então vou adicionar uma lá, talvez outra nesta ondulação, bem ali. Eu desenhei esse quadro um pouco largo demais. Acho que estou muito feliz com a aparência desse quadro. Agora, é hora de desenhar o próximo quadro. Basta descer para a linha do tempo novamente e basta pressionar Adicionar quadro. Neste terceiro quadro da animação, eu ainda estou apenas focando no contorno, então ainda estou tornando o sorvete mais curto, ao mesmo tempo que deixa os gotejamentos um pouco mais longos. Estamos apenas continuando esse movimento descendente, tornando cada ondulação um pouco menor do que a última e apenas usando sua pele de cebola como guia. Nesta fase da animação, pode ser realmente útil voltar e ver como seus quadros estão até agora. Deixe-me realmente mudar minhas configurações , então estamos vendo apenas uma pele de cebola, então é mais fácil ver o que está acontecendo. Começamos com nosso sorvete completo e você pode ver que ele está diminuindo lentamente à medida que vamos. Para o próximo. Para este próximo quadro, vou deixar esse gotejamento muito longo, acho que provavelmente vai se romper no próximo quadro. É basicamente a mesma história, novo quadro, estamos apenas fazendo esse sorvete encolher enquanto também prestamos atenção em que estágio cada gotejamento está. Por exemplo, neste próximo quadro, esse gotejamento está definitivamente pronto para ser interrompido. Eu só vou desenhar o gotejamento e se você se lembrar de volta à referência do vídeo, assim que o gotejamento se rompe, a parte superior se encolhe para um tamanho menor. Vamos fazer isso começar a diminuir um pouco, assim, e deixe-me acelerar isso enquanto eu deslize o resto dessas ondulações. Apenas fazendo esses gotejamentos um pouco mais também. Provavelmente os faremos quebrar em um dos próximos quadros. Deixe-me verificar o progresso dessa animação. Eu diria que é sempre uma ótima regra para verificar o progresso da sua animação como você vai, porque é muito mais fácil fazer edições neste estágio versus quando você está mais longe no processo de animação. Neste próximo quadro, vamos fazer com que esse gotejamento se mova um pouco mais longe, e vamos adicionar um pouco de abóbora e esticar para exagerar o movimento desse gotejamento para baixo. Com essa parte superior, vamos continuar permitindo que ela diminua novamente, e decidiremos se queremos fazer esse gotejamento novamente mais tarde. Mais uma vez, apenas continuando a desenhar cada ondulação um pouco mais baixo. Eu realmente queria que esses dois gotejamentos não estivessem pousando. Isso é algo que podemos decidir mudar agora ou simplesmente deixá-lo. Agora, para este gotejamento, acho que é um bom momento para este romper. Vou desenhar a parte inferior assim, e lembre-se de que precisamos fazer este topo começar a voltar um pouco. Neste ponto da animação, o tempo de cada gotejamento pode começar a ficar um pouco confuso, mas apenas se concentre em um de cada vez e você ficará bem. Este gotejamento ainda continua a cair, e eu realmente vou ter uma abóbora um pouco assim que bater no meu dedo. Para o topo do gotejamento, acho que vou pingar mais uma vez, então deixe-me fazê-lo um pouco mais. Continuando tudo para baixo. Para este pequeno gotejamento aqui, vou esticar e depois voltar um pouco no topo. Mais uma vez, é sempre uma boa ideia reproduzir sua animação para ver como ela está parecendo até agora. Apenas certifique-se de que nada esteja louco e faça qualquer edição que você precise enquanto ainda estamos nesta fase. Como isso está sendo reproduzido, acho que é uma boa ideia olhar para cada gotejamento separadamente apenas para ver como eles se animam por conta própria. Vou adicionar mais alguns quadros a essa animação, acho que vou ter a terra de gotejamento , e então vou chamá-lo de bom. Vamos seguir em frente e adicionar um novo quadro e, à medida que essa queda cair, vou apenas esmagar completamente contra o meu dedo. Então eu vou passar e ter tudo o resto encolher um pouco, e deixar a gravidade fazer o que a gravidade faz melhor, que é apenas puxar as coisas para o chão, e eu vou em frente e deixarei esta segunda gota abóbora no meu dedo também. Essa queda do meio está parecendo um pouco estranha, então deixe-me consertar isso muito rapidamente e deixe-me ver como isso parece. Agora, está parecendo um pouco fino demais, então vamos engrossar isso um pouco e torná-lo um pouco mais longo. Vamos dar uma olhada nisso. Outra coisa que estou percebendo é este gotejamento superior está se recuperando um pouco estranho, é quase como muito saltitante se você sabe o que quero dizer. Deixe-me achar o quadro que começa a ser um pouco estranho, que é este, e deixe-me encurtar isso um pouco. Vamos desenhar esse quadro um pouco mais semelhante ao quadro anterior para que ele se mova mais devagar. Quando eu toco isso de volta, acho que preciso editar este último quadro também, encurtar este também, e talvez um pouco mais fino também. Vamos ver como isso joga. Eu diria que é um pouco melhor. Sim, estou bem com isso. A última coisa que vou fazer é rastrear uma cópia exata desse quadro apenas para uma cópia exata desse que ele faça um loop no final. Eu basicamente vou passar e rastrear tudo exatamente da mesma forma. Não estou tentando mais fazê-lo derreter, só quero que esse quadro treme no final, então tenho a opção de fazer loop se precisar. Com meus dois quadros de tremulação no final, vou copiar os dois para que ele faça loops apenas um pouco mais. Vou duplicar esse primeiro quadro e depois duplicar esse segundo quadro de jitter. Quando jogarmos isso de volta, você verá que ele treme um pouco no final, em vez de ficar parado. Gosto de ter esse pequeno tremor no final da animação para que eu tenha a opção de fazer um loop pelo tempo que eu precisar no final. Por exemplo, definitivamente vou animar a outra casquinha de sorvete nesta foto. Os dois quadros de jitter me ajudarão a cronometrar as animações para que elas terminem ao mesmo tempo. Agora que terminamos com nossos quadros básicos e temos 100% de certeza de que estamos bem com a aparência de tudo, podemos entrar em cada quadro e começar a adicionar a cor e os detalhes. 8. Anime objetos (Parte 2): Vamos voltar ao primeiro quadro de referência e deixar cair de olho na cor que vamos adicionar a cada quadro. Vamos passar para o primeiro quadro em que vamos adicionar cor. Acho que é realmente mais fácil usar o painel Camadas para esse processo. Você verá que temos cerca de sete ou oito quadros aos quais precisamos adicionar cor. Vamos adicionar uma nova camada para nossa moldura colorida. Então precisamos agrupar essa camada com o quadro número dois. Basta deslizar a camada para a direita para selecioná-la e, em seguida, basta pressionar “Agrupar” na parte superior. Depois de pressionar “Grupo”, você notará que ele colocou nossas duas camadas em uma pasta agradável e arrumada, e você pode usar esse pequeno triângulo na lateral para recolher a pasta. Honestamente, as peles de cebola podem ficar um pouco confusas neste momento. Assim, você pode desativá-los ou pressionar e segurar nosso grupo e isolar apenas o grupo com o qual estamos trabalhando. Certifique-se de que você está em sua nova camada. Então esta é a parte relaxante. Você pode simplesmente passar e colorir seu quadro, assim como um livro de colorir. Terminamos de adicionar cor a este primeiro quadro. Para ativar a visibilidade de todas as camadas novamente, basta pressionar e segure a marca de seleção novamente. No quadro número três, vamos criar uma nova camada para nossa cor novamente, deslizar o quadro três para a direita para selecioná-lo e, em seguida, pressionar “Agrupar”. Além disso, certifique-se para cada um desses grupos que a camada de contorno esteja no topo da camada de cor, porque queremos poder ver o contorno. Estou apenas pressionando e segurando a marca de seleção novamente para isolar esse grupo, e estou apenas aproveitando um pouco de tempo para colorir. Eu diria que esta é a parte mais relaxante da animação, porque terminamos a parte difícil planejar cada quadro, e agora só começamos a relaxar e colorir. Vou mostrar a vocês outra maneira de agrupar camadas juntas. Vamos adicionar uma nova camada para a nossa cor e, em seguida, basta arrastar a nova camada para cima do quadro número quatro para agrupá-las. Mais uma vez, só precisamos ter certeza de que nosso contorno esteja no topo da nossa camada de cores. Deixe-me isolar esse grupo e colorir isso rapidamente. Além disso, não sei se sou o único, mas esse sorvete de chocolate está começando a parecer o emoji de cocô? Sim, meio estranho. Só por esse motivo, não vamos mais isolar os grupos. Vou colorir o resto dos quadros com a imagem de fundo ligada. Em seguida, é o quadro número seis. Vocês já conhecem o exercício. Crie uma nova camada de cores, agrupe-a com o contorno do quadro e coloque sua cor. Você vê que é um desenho um pouco distrativo com as peles de cebola neste momento. Então, basta entrar em configurações e transformar os quadros de pele de cebola em nenhum. Podemos nos concentrar no quadro em mãos. Isso está ficando um pouco repetitivo. Vou terminar de adicionar cor a esses últimos quadros, e conhecerei vocês quando terminar. Voltamos. Vamos ver o que parece quando jogamos de volta. Parece muito bom. Mas adivinhe, a única coisa que estamos perdendo são as sombras e os destaques que incluímos em nossa ilustração de referência. Isso basicamente significa que precisamos voltar por cada quadro e adicionar uma camada de sombra a cada sorvete. Deixe-me entrar neste primeiro grupo. Vou adicionar a sombra logo acima dessa camada de cor base. Mas primeiro, deixe-me realmente voltar à nossa referência para que eu possa soltar os olhos na cor da sombra correta. Lá vamos nós. Deixe-me adicionar isso à nova camada que criamos logo acima da nossa cor base. Cabe a você determinar quantos detalhes você deseja adicionar à sua ilustração. Gosto de adicionar sombras só porque acho que parece um pouco mais agradável e um pouco mais realista. Basta saber que quanto mais detalhes você tiver em sua ilustração, mais tempo levará para você terminar cada quadro. Aqui estou aqui, adicionando destaques a cada quadro também, e estou adicionando-o logo acima da camada de sombra. Ainda não acabei de adicionar minhas sombras e destaques, mas você notará que meu sorvete de chocolate está começando a cutucar debaixo da minha animação. Para corrigir isso, preciso fazer uma pequena edição na minha imagem de fundo original. Só vou isolar a imagem de fundo pressionando e segurando a marca de seleção, e isso simplesmente desativará a visibilidade de todas as outras camadas. Outra coisa que quero fazer é fazer uma cópia. Então, deslize sua imagem de fundo para a esquerda e pressione “Duplicar”. Gosto de fazer uma cópia no caso de eu estragar tudo. Só vou desligar a visibilidade da cópia, e trabalharemos nessa imagem por enquanto. Para remover o sorvete de chocolate, vou até a ferramenta Varinha e pressionar “Clone”. Basta mover esse círculo para um bom ponto de referência. Acho que quero copiar esse cimento. Você verá quando começar a pintar, ele começa a copiar o que estiver embaixo do círculo. Na verdade, vou usar um pincel mais suave para isso, e talvez algo um pouco menor, então não é muito louco. Sim, isso parece muito melhor. Talvez eu queira clonar essa curva amarela um pouco. Sim, estamos apenas nos livrando do topo desta casquinha de sorvete. Não parece perfeito, mas ninguém vai notar. Se você não estiver cavando a ferramenta Clonar, você pode usar a ferramenta Seleção e usá-la para selecionar a área que deseja copiar. Selecionarei parte da rua, parte deste meio-fio, e apenas me certifico de selecionar uma área que seja larga o suficiente e alta o suficiente para cobrir sua casquinha de sorvete. Acho que minha área é grande o suficiente, então vou descer até essa barra inferior e pressionar “Copiar e colar”, que copiará e colará automaticamente apenas a área que selecionamos em uma nova camada. Eu só vou mover essa nova camada e colocá-la bem em cima da minha casquinha de sorvete, e isso por si só já está começando a disfarçar a casquinha de sorvete. Você também pode distorcer essa camada um pouco para garantir que a calçada esteja alinhada. Certifique-se de que tudo esteja coberto. Acho que essa cobertura parece muito boa. A única coisa que preciso ajustar são essas bordas duras. Vou usar essa ferramenta Borracha e talvez usar um pincel mais macio como um aerógrafo, e eu definitivamente preciso diminuir o tamanho disso, porque está apagando demais. Mas sim, apenas apague as partes que não precisamos, e apenas suavize as partes que são um pouco duras, como aqui. Basta fazer o melhor para misturar todas as bordas com o resto da imagem. Assim como um truque de mágica, é assim que você faz as coisas desaparecerem. Estou muito feliz com a aparência disso. Só vou mesclá-lo com a cópia da minha imagem original. Você pode pressionar “Mesclar para baixo” ou outra maneira de mesclar camadas é apenas apertá-las junto com os dedos. Às vezes, beliscar camadas juntas me leva um pouco de tempo, mas, ei, nós fizemos isso. Agora vamos ver como nossa animação se parece com o plano de fundo removido. Ei, parece muito natural para mim. Não vou aborrecê-lo adicionando os destaques e sombras finais. Deixe-me apenas puxar minha animação final. Existem algumas diferenças nesta versão. Por exemplo, usei um contorno marrom em vez de preto, e também usei uma pequena textura para as sombras. Assim como antes, eu incluí meus dois quadros de jitter finais, para que possamos fazer um loop isso pelo tempo que precisarmos. Outra coisa que eu quero que vocês estejam cientes é o limite de camada do Procreate. Para ver quantas camadas você ainda tem, vá para a ferramenta Chave inglesa, Canvas e, na parte inferior, pressione “Informações da tela”. Na nova janela que aparece, apenas certifique-se de ter a Camada selecionada, e ela lhe dará um detalhamento completo quantas camadas você tem disponível. Parece que eu só tenho 19 camadas disponíveis, e levei cerca de 41 camadas para criar essa animação. Dito isto, definitivamente precisarei animar esse sorvete de baunilha em um arquivo diferente. Na verdade, já animei esse sorvete de baunilha. Como você pode ver, eu tenho o sorvete de chocolate, tenho o sorvete de baunilha. Eu até animei este sinal da Dairy Queen para derreter também. Se quisermos dar uma olhada no sorvete de baunilha, você verá que acabei de animá-lo exatamente da mesma forma que animei o sorvete de chocolate. Eu criei algumas camadas de jitter no final, que eu possa simplesmente fazer loop pelo tempo que eu precisar cronometrar os dois juntos. Vou mostrar como combinar todas essas animações separadas em uma animação em loop, em uma das lições finais. Apenas fique atento para isso perto do final. Perfeito. Nesta aula, você aprendeu a editar sua imagem de fundo para prepará-la para sua animação no Procreate, depois aprendeu a procurar um vídeo de referência e, por último, como animar um objeto em sua foto. Agora é a sua vez. Veja sua imagem e veja se há um objeto ao qual você pode animar ou adicionar movimento em sua imagem. Em seguida, encontre-me na próxima aula, onde vou te ensinar a animar linhas de expressão no Procreate. Vamos. 9. Linhas de expressão de animadores e formas: [MÚSICA] Usar linhas e formas básicas em sua animação é uma ótima maneira de adicionar expressão, movimento e interesse às suas fotos. Eles também apenas dão ênfase ao assunto da sua foto. Nesta lição, vou mostrar como animar algumas linhas de expressão em sua foto. Para esta animação, escolha uma imagem que tenha um assunto claro para o qual você deseja dar um pouco de ênfase. Eu diria que os cones de sorvete são o assunto desta imagem. Então, vou usar a animação para trazer uma pequena centelha de interesse. A primeira coisa que vamos fazer é criar uma nova camada. Vamos adicioná-lo logo acima da imagem de fundo. Acho que vou renomear esse esboço. Vou usar essa camada para esboçar minha ideia para essa animação. Deixe-me pegar um belo pincel muito rapidamente. Na maioria das vezes eu uso o pincel de script sob a caligrafia , mas definitivamente diria experimentar pincéis para descobrir qual deles é o seu favorito. A ideia básica aqui é ter faíscas saindo desse sorvete, como marcas de expressão. Minhas marcas estão tortas, mas não se preocupe, basta usar a ferramenta “ Seleção direta” e você pode fazer os ajustes necessários. Isso parece muito bom, agora preciso adicionar a faísca ao outro sorvete. Para fazer uma cópia de qualquer camada, basta deslizá-la para a esquerda e depois pressionar “Duplicar”. Então vou usar minha útil ferramenta Dandy Direct Selection para mover minha segunda faísca para a posição. Acho que essa segunda faísca ficaria melhor se fosse virada. Então deixe-me pressionar esta ferramenta “Seleção Direta” novamente e basta pressionar “Virar Horizontal”, que apenas a espelha horizontalmente. Agora que meu esboço está pronto, vou apenas ir em frente e mesclar essas duas camadas juntas. Você pode fazer isso simplesmente apertando as camadas juntas e então eu quero agrupar esse esboço com minhas imagens de fundo, já tenho um novo grupo configurado a partir da última lição. Mas, basicamente, basta clicar e arrastar seu esboço e passar o mouse sobre o plano de fundo para agrupá-los. Acho que estamos prontos para o Animation Assist. Venha até a chave inglesa, pressione Canvas e, em seguida, Animation Assist. Quando a linha do tempo aparecer, certifique-se de que sua imagem esteja definida para o plano de fundo. Isso só garantirá que nosso grupo de imagens, incluindo nosso esboço, permaneça em segundo plano durante toda a animação. Dito isto, deixe-me realmente reduzir a opacidade do meu esboço só para que seja um pouco menos distrativo. Também ajudará para que eu possa ver meus quadros de animação um pouco melhor. Tudo bem, então deixe-me mostrar algumas maneiras de animar essas faíscas. Com qualquer animação, você quer começar adicionando primeiro um novo quadro. Vamos para Adicionar quadro no canto da linha do tempo. Para a primeira opção, tudo o que vamos fazer é rastrear completamente nossa camada de esboço. Em seguida, vamos criar outro quadro pressionando Adicionar quadro novamente. Neste quadro, vamos simplesmente traçar o esboço novamente. É isso para a primeira opção. Quando você reproduz a animação, você verá que ela apenas dá às faíscas um pouco de tremulação e parece que você adicionou um presente aqui à sua imagem. Agora vou te mostrar outra maneira de animar essas faíscas. Vou construir essa animação para que primeira opção para faíscas e a segunda opção para faíscas sejam reproduzidas ao mesmo tempo para que possamos compará-las. Apenas me dê um segundo para adicionar mais quadros. Essa primeira animação parece exatamente a mesma. Acabei de adicionar mais quadros para que eu possa criar essa segunda animação. Normalmente, eu criaria uma segunda animação em um Canvas completamente diferente, mas eu só quero que vocês possam ver isso lado a lado. Primeiro, deixe-me criar uma nova camada para o primeiro quadro dessa animação. Então vou selecionar o primeiro quadro da nossa primeira animação e agrupá-lo junto com o primeiro quadro da segunda animação para que eles joguem juntos. Basicamente, todas as camadas agrupadas no painel de camadas aparecem como um quadro aqui na linha do tempo da animação. Para esta segunda opção de animação, vou fazer com que essa faísca se expanda fora e depois desapareça. Para este primeiro quadro, vou desenhar uma porção muito pequena dessa faísca. Isso é bom para o primeiro quadro. Agora, vamos para o segundo quadro aqui na linha do tempo, no painel de camadas, vou criar um novo quadro para nossa nova animação e apenas agrupá-lo junto com o segundo quadro da nossa primeira animação. Então deixe-me ajustar minhas configurações para que meus quadros Onion Skin estejam definidos como um. Porque acho que será útil ver o primeiro quadro da nossa animação para referência. Então isso apareceu. Como esse quadro da animação está em um grupo, basicamente está me perguntando em qual camada eu quero desenhar. Deixe-me mostrar-lhe, na verdade, como eu fiz essa configuração aparecer. Se você quiser essa configuração também, vá para a ferramenta Chave inglesa, vá para Preferências e toque em “Controles de gestos”. Há tantas preferências que você pode configurar, mas basicamente o que eu fiz foi ir para essa opção de seleção de camada e, em seguida, liguei esse botão mais o botão do Apple Pencil. Essa opção é realmente legal quando você está tentando encontrar uma camada específica em sua arte. De volta para onde estávamos. No quadro dois, vamos pressionar a camada vazia que criamos. Então, neste quadro, vamos estender a faísca um pouco mais longe do que o primeiro quadro. Eu diria estendê-lo para um pouco mais do que a metade do seu esboço original para que reste um pouco no final. Passando para o quadro três da animação. No painel de camadas, vou criar uma nova camada e agrupá-la com o quadro número três. Deixe-me recusar a opacidade da minha pele de cebola para que eu possa ver um pouco melhor. No terceiro quadro desta animação, quero estender nossa faísca até o final do nosso esboço, mas, ao mesmo tempo, eu realmente quero começar a encolhê-la. Vou desenhá-lo um pouco mais alto que o fundo, mas estendê-lo até o topo do nosso esboço. Se quisermos visualizar nossa animação até agora, você verá que ela está começando a se estender para fora. Na verdade, acho que só precisamos mais um quadro para essa animação. Deixe-me ir para o quadro número quatro. Como sempre, vamos criar uma nova camada no painel de camadas e agrupá-la com o quadro número quatro. Uau, na verdade é difícil dizer a diferença entre minha pele de cebola e meu esboço. Deixe-me apenas trazer à tona a opacidade da minha pele de cebola. Basicamente, basta usar as configurações Onion Skin para fazer o que for mais fácil para você ver. Para este último quadro, quadro número quatro, estou terminando com um pequeno ponto logo fora do quadro anterior. Acho que esse fluxo é muito bom. Aqui estão os dois juntos. Na verdade, deixe-me desligar nossa camada de esboço original para que possamos ver a animação em pleno efeito. Aqui estão as duas opções juntas. Você verá que criamos essa faísca nervosa e, em seguida, a faísca que se estende para fora. Mas saiba que existem muitas maneiras de adicionar linhas de expressão às suas animações. Apenas se inspire e não tenha medo de experimentar. Nesta lição, você aprendeu a animar linhas de expressão simples para adicionar movimento e ênfase à sua imagem. Agora é a sua vez. Olhe para sua foto e veja onde você pode adicionar algumas linhas de expressão. Então, junte-se a mim na próxima lição, onde faremos uma pequena animação de texto. [MÚSICA] 10. Texto de animar: [MÚSICA] Usar palavras em sua animação pode dar uma pequena história de fundo à sua animação. Também pode dar um pequeno contexto ao espectador sobre o que você quer que eles saibam. Há muitas maneiras de animar o texto no Procreate, mas nesta lição, mostrarei como fazer seu texto aparecer gradualmente e depois desaparecer. Vamos. Para essa animação, vou usar essa foto que tirei em San Diego. Eu adoro esse cara em segundo plano e acho que ficaria muito bom com alguma animação de texto. Já tenho uma ideia do texto que quero adicionar a essa imagem, mas se você estiver completamente perplexo por uma palavra, o que eu faria é começar a procurar por algumas expressões idiomáticas. A palavra que acho que quero incluir na minha animação é a palavra sonhos. Deixe-me procurar expressões nos sonhos e ver o que vem à tona. Temos coisas como além dos seus sonhos mais loucos, isso é bom. Temos coisas como sonhos quebrados. Você pode clicar mais longe e ver quais outros resultados aparecem , mas isso é apenas uma ideia de como criar uma palavra ou frase. Mas, de qualquer forma, uma vez que você tenha uma palavra ou frase selecionada, mostrarei como adicionar algum texto. Vamos até a ferramenta de chave inglesa, pressione “Adicionar” e, em seguida, pressionar “Adicionar texto”. Instantaneamente, você verá uma nova caixa de texto aparecer. Enquanto o texto ainda estiver selecionado, esse é o momento em que eu gosto de escolher a cor. Para isso, acho que vou ficar com a cor branca só para manter o fundo bonito e limpo. Agora é hora de digitar nossa palavra. Basta puxar o teclado e a palavra que selecionei é a palavra “Sonhadores”, só porque esta é uma imagem muito legal e sonhadora. Verifique se o texto está selecionado. Para formatar nosso texto, vamos pressionar este duplo A no canto. Isso só vai abrir essa caixa diálogo estilo de fonte. Como você pode ver, existem várias fontes diferentes que você pode escolher, então basta passar. Vou ficar com o DIN Condensado só porque é bom e limpo. Então você pode simplesmente passar e fazer outros ajustes. Você pode escolher o tamanho. Basta brincar com as configurações. Se você não gosta de algo, basta colocar essa configuração de volta em zero por cento. Uma coisa que vou fazer é deixar meu texto em maiúsculas pressionando essa pequena alternância no canto. Outra coisa que você pode fazer é fazer seu texto todos os contornos pressionando isso. Honestamente, para ser honesto, nem sei o que essa ferramenta faz. Vamos apenas desfazer. [RISOS] Estou muito feliz com essas configurações, então vou pressionar “Concluído”. Se seu texto estiver indo em duas linhas como a minha, você pode usar essas pequenas alças no canto e tornar sua caixa de texto tão ampla quanto você precisar. O texto está muito bom. Eu só quero posicioná-lo no centro. Vou para a ferramenta de seleção direta e acho que quero que ela esteja bem ali. Vamos escalar um pouco. Isso parece bom. Nosso texto está louco normal. Não há nada de especial demais acontecendo. Eu acho que o que eu quero fazer é criar uma forma personalizada, como talvez eu tenha o arco de texto um pouco mais apenas para adicionar um pouco mais de interesse. O que vou fazer é adicionar uma nova camada. Vamos chamar essa referência por enquanto. Nesta camada de referência, vou apenas esboçar a forma que quero que meu texto siga. O topo vai ser reto. Eu só vou arrastar, manter pressionado com o meu Apple Pencil para fazer uma linha reta, e então você pode segurar com o dedo para fazer a linha encaixar em uma linha horizontal perfeita. Na parte inferior, vou fazer um arco. Vou apenas desenhar meu arco, pressionar e segurar com o Apple Pencil sem levantar para torná-lo um arco perfeito e, em seguida, pressionar para baixo com o dedo para torná-lo um arco circular perfeito. Então vou colocar essa forma. Nas laterais, clique e segure, use o dedo para tornar a linha perfeitamente vertical, e eu farei a mesma coisa neste lado. Essa forma está muito boa, mas acho que quero ajustar a altura apenas para que ela se encaixe um pouco melhor no espaço. Vou pegar a ferramenta de seleção e apenas selecionar a parte superior da forma. Certifique-se de que estou na camada certa. Então eu usarei essa ferramenta de seleção direta para aumentar um pouco a altura, para que eu acho que isso parece muito bom. Agora que temos nossa forma de referência criada, vou começar a ajustar o texto que ele siga essa forma. Vamos para a camada de texto. Para ajustar a forma, precisamos rasterizar o texto. Primeiro, vou criar uma cópia para que a tenhamos apenas por precaução. Para essa outra camada de texto, vou pressionar rasterizar, o que rasterizar apenas significa que você não pode mais digitar com esse texto. É como uma forma em vez disso. Há muitas maneiras de ajustar o texto no Procreate. Uma coisa que vejo as pessoas fazerem muito é usar Dissolver. Em Dissolver, você pode ajustar o tamanho e apenas empurrar seu texto para uma forma de onda. Você também pode torcer seu texto se esse for o seu atolamento. Você provavelmente pode realmente fazer uma animação legal com essa. Não sei, apenas brinque com alguns desses efeitos que estão disponíveis. Mas para essa aula, não vou usar nenhum efeito de dissolução. Na verdade, vou usar essa ferramenta de seleção direta. Esta ferramenta de seleção direta tem todas as ferramentas que eu preciso. Deixe-me escalar isso até o limite da minha referência e podemos começar. No canto, você verá essa opção chamada Warp. Quando você clica nele, ele adicionará todas essas pequenas grades ao seu texto e você pode usá-lo para esticar sua imagem. Eu só vou puxar um lado para baixo um pouco, depois o outro lado. Então eu vou empurrar esse meio de volta para cima. Vou continuar fazendo esses ajustes muito pequenos em um lado, para o outro lado, e depois consertando o meio. Estou tomando meu tempo com esses ajustes porque quero manter a integridade da fonte o máximo possível, mesmo que estejamos distorcendo. Outra opção, se vocês querem que seu texto pareça ainda mais perfeito, você pode criá-lo no Adobe Illustrator e apenas importar um PNG para o Procreate. Deixe-me derrubar as barras transversais do Es, e acho que isso parece decente. Estou muito feliz com isso. Terminamos essa referência. Vou apenas ir em frente e excluir essa forma. Para finalizar minha frase, vou adicionar mais algumas palavras ao topo. Mais uma vez, iremos para a chave inglesa, adicionaremos e adicionaremos texto, selecionaremos sua cor. Então, para o topo da minha frase, vou digitar “Vingança do”. Grite para quem sabe o que é isso. De qualquer forma, certifique-se de que seu texto esteja selecionado antes de formatar. Basta formatar seu texto como quiser. Vou fazer as minhas maiúsculas novamente e reduzir a fonte um pouco. Desta vez, vou usar algum kerning na largura da palavra “Sonhadores”. Deixe-me ajustar um pouco essas alças. Estou muito bem com isso, então pressione “Concluído”. Mais uma vez, vou usar a ferramenta de seleção direta para escalar esse texto para a largura da palavra “Sonhadores” e garantir que você tenha Uniforme selecionado ou então você estará distorcendo seu texto de uma forma estranha. A menos que você queira isso, quero dizer, vá em frente. Temos a estrutura base do nosso texto configurada. Agora é hora de começar a animar. Para ativar o Animation Assist, vá para a ferramenta chave inglesa, vá para Canvas e ative o botão Animation Assist. Como sempre, gosto de definir minha imagem de fundo para o plano de fundo para que ela permaneça em segundo plano para toda a animação. Acho que realmente quero que esse texto fique em segundo plano também, mas deixe-me pegar “Vingança do ” e agrupá-lo com a imagem de fundo. Qualquer coisa agrupada com o plano de fundo permanecerá em segundo plano o tempo todo. Sabe o quê? Vou até colocar nosso texto personalizado que acabamos criar no grupo de segundo plano também, porque quero usá-lo como mais referência em vez de realmente ser um quadro da animação. Deixe-me realmente renomear esta Referência para que eu saiba continuar fazendo referência a isso enquanto estou animando. Temos nossa estrutura e tudo configurado, agora vamos pensar na animação. Meu plano é fazer com que um objeto atire da esquerda para a direita e preencha as letras à medida que ele vai. Então talvez eu faça a transição para fora fazendo com que todas as letras derretam. Para começar, vamos para nossa prática camada de referência dandy e pressione “Selecionar”. Quando sua camada estiver selecionada, você verá todas essas linhas diagonais estranhas. Se sua seleção parecer preta assim, certifique-se de que a mão livre esteja selecionada. A seleção significa apenas que só podemos desenhar dentro da forma selecionada, que por acaso é a palavra “Sonhadores”. Vá em frente, adicione um novo quadro, e o que vamos fazer é preencher gradualmente as letras da esquerda para a direita. Mas primeiro, deixe-me diminuir a opacidade dessa camada de referência para que possamos ver o que estamos fazendo um pouco melhor. Acho que até 21 por cento está bom. Também acho que seria útil apenas adicionar uma camada de esboço para esboçar o caminho da nossa animação. Só vou desenhar essa seta vermelha para indicar o arco que eu quero seguir. Eu só tenho essa pequena camada de esboço no grupo de fundo com o resto do fundo. Selecione seu primeiro quadro e, finalmente , inicie o primeiro quadro da nossa animação. Vou começar um pouco devagar. Eu só vou fazer um bloop muito pequeno para o primeiro quadro. Agora, isso é importante. Toda vez que você adicionar um novo quadro depois disso, vamos pressionar “Duplicar” para que possamos continuar adicionando e construindo essa animação à medida que avançarmos. Pressione “Duplicar” novamente, adicione um pouco mais de comprimento à sua forma. Pressione “Duplicar” novamente. Adicione ainda mais comprimento e largura à sua forma. Deixe-me fazer mais uma só para que possamos ver como isso está acontecendo até agora. Duplique, adicione ainda mais e agora vamos ver o que criamos até agora. Está se unindo lentamente, mas com certeza. Uma coisa que eu quero observar é agora nossa camada não está selecionada, então quando vamos preencher o E, ela é livre neste momento. Basicamente, sempre que você percorrer a linha do tempo, em vez de apenas clicar em uma camada, ela desmarcará sua seleção. O que você precisa fazer é voltar pelas camadas e encontrar sua referência. Certifique-se de que ele esteja selecionado e, ao selecionar uma camada em sua linha do tempo, clique nela com absoluta certeza então clique em vez de rolar. Então, a partir daí, você pode ir em frente e continuar duplicando. Acho que vocês entenderam neste momento , então vou avançar um pouco. Basta continuar duplicando cada slide e depois preenchendo-os cada vez mais longe. À medida que passo pela construção em cada um desses quadros, estou tentando o meu melhor para seguir esse caminho de arco vermelho que criamos para nós mesmos anteriormente nesta lição. Estamos um pouco mais do que na metade da nossa animação e vamos fingir cometer um erro. Digamos que eu esqueci de preencher o topo do D e não percebi, então continuarei duplicando quadros para preencher o resto dessa animação. Deixe-me avançar mais alguns quadros e mostrarei o que acontece quando você esquecer de preencher um pequeno pedaço de suas cartas. Acho que isso é muito bom para o exemplo. Depois que cometi esse erro, preenchi cerca de quatro quadros adicionais. Como estamos duplicando quadros, isso significa que o erro está nos últimos quatro quadros dessa animação. Vamos percorrer a linha do tempo para ver onde cometemos o erro. Vou diminuir a opacidade das minhas peles de cebola. Parece que o erro foi cometido neste quadro, o que significa que foi copiado em todos os quadros depois dele. São cerca de quatro ou cinco quadros, o que não é ruim para este exemplo, eu poderia facilmente voltar e apenas preencher isso nos cinco quadros. Deixe-me selecionar minha referência e, em seguida, selecionar o quadro. Lembre-se de selecionar não rolar. Selecione o quadro em que preciso preencher o D e continue fazendo isso através de todos os quadros que eu perdi. Este não foi um erro muito terrível, foi muito fácil de consertar, mas você pode imaginar que se você cometeu um erro em um de seus primeiros quadros, pode ser uma dor ter que voltar e conserte todos os quadros depois dele. Honestamente, dependendo da situação, pode ser mais fácil excluir todos os quadros depois e começar do quadro em que o erro foi cometido. Mas, de qualquer forma, vou continuar preenchendo o último desses quadros. Só mais um depois disso e podemos chamá-lo de feito. Vou duplicar esse quadro final mais uma vez, e vamos ver como ele se parece. Está parecendo muito bom, mas esse arco vermelho é um pouco distrativo, então eu vou desligar essa camada. Na verdade, também podemos desativar a camada de referência neste ponto. Agora vamos vê-lo com o efeito total. Acho que parece muito bom, mas acho que poderia adicionar alguns detalhes para fazer essa animação parecer um pouco mais legal. Vou rolar até o ponto em que cada letra terminar como aqui, este é o quadro em que o D termina e vou apenas fazer uma pequena marca de respingo. Esse gotejamento apenas enfatiza o fim do D e atua como uma animação secundária dentro da nossa animação. No segundo quadro, vou terminar o gotejamento com um pequeno ponto. Em seguida, deixe-me ver onde o R. termina. Na verdade, é o mesmo quadro o D. Eu gostaria que o D, R e E terminasse em horários separados mas eu vou rolar com ele. Deixe-me apenas fazer o elemento de gotejamento no E e no segundo quadro, finalizá-lo com o ponto, assim como o D. Vou pular o A e o M por enquanto e encontrar o ponto em que este E acabamentos, que está bem aqui. Vou desenhar um pequeno gotejamento no primeiro quadro e, em seguida, no próximo quadro, vou fazer o gotejamento desaparecer com um pequeno ponto. Aqui está o R. Mais uma vez, estou fazendo o gotejamento no quadro onde o R termina e, no próximo quadro, estou apenas fazendo um pontilhinho para fazê-lo desaparecer. Eu definitivamente adoro como os E, R e S terminam em momentos diferentes. Acho que quando as animações são escalonadas dessa forma, isso só traz mais interesse em comparação com se todas terminarem ao mesmo tempo. Vamos dar uma olhada nessa animação com os gotejamentos adicionados, eu definitivamente gosto dela no final com E, R, S, mas o começo parece um pouco claro. Deixe-me ir em frente e adicionar um gotejamento ao R. Este é o quadro onde o R termina, e então vamos apenas fazer o gotejamento desaparecer. Agora vamos ver como ele se parece. Eu fiz isso, mas uma coisa que notei como isso estava jogando é que as palavras estão se sobrepondo em cima de sua cabeça. Acho que isso pareceria muito mais forte se talvez o chapéu dele estivesse em cima das letras. Acho que era o chapéu sobreposto, acrescentaria uma boa profundidade a essa animação. O que é legal sobre o Procreate é exatamente como você pode definir uma imagem de fundo, você também pode definir uma imagem de primeiro plano, que significa que a imagem ficaria no topo enquanto toda a animação se desenrola. Deixe-me ir para a imagem de fundo e fazer uma cópia desse chapéu. Vou usar essa ferramenta de seleção para desenhar o contorno do chapéu. Basta tomar seu tempo com ele e acompanhar o contorno o melhor que puder até rastrear todo o contorno do chapéu. Acho que a seleção é muito boa, então vou descer para copiar e colar, e quando pressiono isso, ele automaticamente solta o chapéu em uma nova camada. Vou apenas nomear este chapéu só para ficar um pouco organizado. A única maneira de definir uma imagem de primeiro plano é ter sua imagem na parte superior do painel de camadas ou se você olhar para baixo para a linha do tempo de assistência à animação, ela tem que ser o último quadro. Agora temos nossa imagem de primeiro plano definida e aparência, essas letras estão indo atrás do chapéu. Acho que parece muito bom. Você pode deixar essa animação como está, ou pode realmente animar a maneira como deseja que as letras saiam. Esta é a minha animação final, e eu decidi que as letras derretessem para sair do palco. A maneira como criei essa transição de fusão é realmente muito fácil. Deixe-me rolar de volta para onde as letras estão cheias. Este é o começo da boca , então deixe-me desligar minhas molduras de cebola. Basicamente, o que você faz é continuar apagando letras de cima e apenas adicionando pequenos gotejamentos na parte inferior. Basta continuar fazendo isso e pouco a pouco, o espaço com o gotejamento ficará menor até que eventualmente, você tenha essas pequenas linhas e então elas desaparecerão. Essa é apenas uma das muitas maneiras pelas quais você pode animar o texto no Procreate. Nesta lição, você aprendeu a usar a ferramenta de texto no Procreate, você também aprendeu a trabalhar seu texto em uma forma interessante e, por último, aprendeu a animar seu texto para aparecer e desaparecer gradualmente. Olhe para sua imagem e veja onde você pode adicionar alguma animação de texto e me encontrar na próxima lição, onde você aprenderá a animar algumas luzes. [MÚSICA] 11. Luzes de animador: [MÚSICA] Sempre que há luzes em uma imagem, essa é uma ótima oportunidade para adicionar alguma animação. Nesta lição, vou te ensinar como usar máscaras para criar um efeito de iluminação agradável e dinâmico e como animar luzes piscando em sua imagem. Para essa animação, escolhi essa imagem com este sinal de néon muito legal em segundo plano. Este sinal está basicamente gritando para ser animado. Para começar, vou rotular essa camada de fundo como Normal. Isso só vai me informar que esta é a camada original sem efeito de iluminação. Claro, fiz um erro de digitação. Deixe-me voltar e consertar isso. Agora, vou fazer uma cópia dessa camada para o efeito de iluminação. Basta deslizar a camada para a esquerda e pressionar Duplicar, e então eu vou renomear essa camada e vou chamá-la de Bloom, já que esse é o nome do efeito de iluminação que estamos prestes a usar. Agora, estamos prontos para adicionar esse efeito de iluminação. Vá até a ferramenta Varinha e , em seguida, role para baixo e encontre a palavra Bloom. Quando esta nova janela aparecer, tudo o que você faz é deslizar o cursor para a direita, para ajustar a quantidade de floração que você adiciona à sua imagem. Instantaneamente, você verá que agora a luz parece que está até o máximo de brilho. Quando você alternar entre a visibilidade de suas camadas, você verá que há uma grande diferença na iluminação. Com ambas as camadas criadas, vamos ver o que temos até agora. Vou ligar a ferramenta Chave inglesa, ir para Canvas e deslizar sobre este Animation Assist. Então a primeira coisa que eu sempre faço é definir a imagem de fundo na linha do tempo. Deixe-me apenas ativar a visibilidade da nossa camada Bloom e ver o que temos. Não temos nada. [RISOS] A imagem de fundo permanece em segundo plano, então ela nunca aparece sobre a camada de floração. Só vou criar uma cópia e colocá-la acima da camada de flor. Lá vamos nós. Agora, temos algo muito rápido. Vou apenas ajustar os quadros por segundo nas configurações. Isso parece muito melhor. Acho que essa animação parece boa como está, mas acho que podemos fazer algo um pouco melhor e mais dinâmico. Deixe-me apenas me livrar da cópia dessa camada normal e vou desligar o Animation Assist por enquanto, porque é hora de ficar um pouco esboçado. Só vou criar uma nova camada e vou renomear esse Sketch. Basicamente vou usar essa camada de esboço para apenas esboçar o caminho do movimento do meu objeto. Deixe-me pegar uma bela cor brilhante e deixe-me fazer um belo pincel de esboço. Minha ideia é ter um pequeno feixe de luz mágico entrar e ativar as luzes. Deixe-me apenas tentar esboçar um caminho. Isso não. [RISOS] Vai vir atrás de mim aqui, na frente, e ativar a luz aqui. Acho que quero que as luzes ativem uma de cada vez, então 1, 2, 3, 4. Primeiro, o M, depois A, depois o K, depois o E. Agora que tenho o caminho do meu objeto mapeado, agora preciso mapear o tempo. Vou fazer o final lento, então nosso princípio. Vamos fazer com que o objeto comece devagar, acelerar no meio, e ele vai desacelerar ao redor dos cantos, bater no meio, diminuir a velocidade nos cantos e assim por diante. Lembre-se, se você quiser que seu objeto fique lento, adicione mais quadros. Eu realmente quero que isso vá um pouco mais rápido lá, então eu removerei alguns quadros. Certo, temos um plano. Vou agrupar essa camada de esboço com o fundo e diria que estamos prontos para animar. Vou deixar a camada de flor desligada por enquanto, mas não se preocupe, vamos voltar para isso. Vamos vir aqui e ativar nosso Animation Assist novamente. É a ferramenta Chave inglesa, Canvas, Animation Assist, e certifique-se de que sua imagem de fundo esteja definida na linha do tempo. Já definimos como antes, então estamos prontos para ir. Basta pressionar Adicionar quadro e vamos começar esta animação. Quero que pareça que um feixe de luz está entrando para ativar essa luz. Acho que esta caneta leve me dará o efeito que estou procurando. Quanto à cor, acho que essa luz tem uma tonalidade azulada, então vou escolher uma cor bem semelhante. Antes de começar a animar, certifique-se de ter um novo quadro, eu já tenho um. Vamos apenas criar o primeiro quadro dessa animação e em torno do quadro número 2 e 3. Como estou desenhando nesses quadros, estou apenas usando as marcas de marca que coloquei no lugar antes. Também estou usando o princípio de squash and stretch para realmente exagerar rapidez com que esse slide está se movendo. Quando as luzes se movem muito rápido, você vê uma rua e, à medida que ela está se movendo lentamente ao virar desta esquina, vou deixá-la menor. Agora, neste momento, quero que o feixe de luz fique atrás de mim. Este Hushbrush não está funcionando. Vou usar algo um pouco mais suave, como esse pincel macio. Eu acho que essa borracha macia apenas combina a luz um pouco mais e faz parecer que está indo atrás do meu cabelo. Não precisa ser perfeito, pois essa animação vai se mover muito rapidamente, mas acho que isso parece bastante crível. No próximo quadro, basta pressionar Adicionar quadro e, mais uma vez, este está passando na minha cabeça. Vou usar esse pincel macio para apagá-lo por trás do meu cabelo. Adicione um quadro e, mais uma vez, chegamos ao ponto em que a luz está diminuindo ao virar da esquina, então tente esses quadros e ele se estende à medida que vai mais rápido. Essa linha parece instável, então sinta-se à vontade para desfazer a qualquer momento e tentar novamente. Apenas tente não me julgar pela quantidade de vezes que eu desfaço porque fica muito louco. Vamos fazer um acordo. Vamos fazer negócios com anúncios. Se você não me julgar, eu não vou julgá-lo. Temos a luz ainda se movendo rapidamente e diretamente para este lado do signo. Acho que acabamos com nossa animação de feixe de luz, então deixe-me desligar nosso esboço e uau, não acredito que tenho todas essas peles de cebola o tempo todo. Desculpe se isso foi difícil de seguir. Deixe-me também acelerar os quadros por segundo aqui. Sim, isso parece muito melhor. Aqui está o que nosso pequeno feixe de luz parece até agora. Ele é muito fofo, ele está se movendo rapidamente. Acho que realmente quero adicionar uma pequena faísca quando ela esmagar no lado dos sinais. Deixe-me desenhar isso. Veja como isso parece. Claro. Parece bom. Vamos seguir em frente. Você não achou que eu esqueci do sinal de néon, não é? Não, não fazemos isso aqui. Neste momento, nossa luz pisca uma vez e não é tão excitante. Acho que seria mais emocionante ter uma letra chegando de cada vez até que ela construa a palavra inteira e talvez ela pisque algumas vezes. Para fazer isso, primeiro, quero duplicar nossa camada de floração. Basta deslizá-lo para a esquerda, pressionar Duplicar. Só vou nomear este Full Bloom porque é aqui que nossa animação vai acabar. Vou esconder isso por enquanto, porque não precisamos dele até o final. Por enquanto, vamos nos concentrar nessa camada de flor. Vou renomear esse Bloom Número 1. Basicamente, nesta camada, tudo o que queremos é que o M seja iluminado. Vou clicar nesta camada e selecionar Máscara e , instantaneamente, você verá uma nova camada de máscara adicionada bem sobre sua camada de flor. É hora de um pequeno intervalo porque você pode estar perguntando, o que são máscaras? Para este exemplo, eu tenho uma imagem e, quando coloco uma máscara nela, você verá que ela adiciona uma nova camada branca logo acima da minha imagem. Como essa máscara é branca, isso significa que posso usar a cor oposta, que é preta, para apagar parte da imagem. Agora, quando olharmos para trás para nossa máscara, você verá nosso rabisco preto bem em cima dela. Por que você não usa apenas uma borracha? Você pode perguntar. Bem, a resposta é porque borrachas não podem trazer uma imagem de volta dos mortos depois que a apagamos. Como você pode ver, a parte que acabei de colorir em branco reapareceu na imagem. Basicamente, tudo o que você precisa saber sobre máscaras é que o preto faz as coisas desaparecerem, e o branco faz as coisas aparecerem. O que acontece se eu inverter minha máscara? Bem, a máscara ficou preta, o que significa que minha imagem inteira desapareceu. Como minha máscara é preta, que cor posso usar para fazer minha imagem reaparecer? A resposta é branca. Quando se trata de máscaras, a cor branca faz as coisas aparecerem e a cor preta faz as coisas desaparecerem, e é tão simples quanto isso. Com essa máscara na minha imagem, vou invertê-la para que toda a iluminação na minha camada de flor desapareça. A única coisa que quero aparecer nessa camada é o M. Como minha máscara é preta, vou usar a cor oposta, que é branca, para fazer apenas a iluminação M reaparecer. Na verdade, deixe-me pegar um pincel mais macio, como este aerógrafo macio para fazer isso. Estou apenas preenchendo branco para fazer a imagem reaparecer. Se você cometer um erro e quiser apagar parte da imagem, basta usar a cor preta. Espero que isso esteja fazendo sentido, pessoal. Basicamente, use branco para fazer as coisas aparecerem e pretas para fazer as coisas desaparecerem. Acho que acabamos com a primeira letra. Na próxima camada, quero que o M e o A apareçam. Na verdade, vou duplicar essa camada M. Você notará, quando ele duplicar, ele duplica a camada, bem como a máscara de camada com ela. Isso é realmente o que queremos. Vou renomear essa camada Bloom 2, e vou selecionar a máscara de camada e fazer com que a A apareça. Usando qual cor? A cor branca para fazer as coisas aparecerem. Honestamente, se você não consegue se lembrar de qual cor faz as coisas aparecerem e qual cor faz as coisas desaparecerem, eu diria apenas vá por tentativa e erro. Escolha uma cor e, se ela não criar o efeito desejado, tente a cor oposta. Estamos progredindo, temos o M e A, agora é hora do K. Agora, vou duplicar Bloom 2, renomeá-lo Bloom 3, só para que possamos permanecer organizados. Certifique-se de que você está colorindo a máscara de camada com a cor correta. Temos M, A, K, e para o E, na verdade, vou ligar a camada de floração completa porque essa camada já tem todas as nossas luzes acesas e ativadas. Bom. Agora, vamos ver nossa animação parece até agora. Parece que todas as letras estão chegando corretamente, mas estou pensando quando todas as letras chegarem no final, não seria legal tê-las piscar algumas vezes? Vamos tentar. O que vou fazer é copiar nossa camada original que não tem nenhum efeito de iluminação e vou arrastá-la para o quadro após a floração completa. Com sorte, parece que está piscando e depois desligado. Acho que, na verdade , vou copiar a flor completa e a camada original mais algumas vezes, apenas alternando entre as duas. Vamos ver como isso parece. Bom. Acho que os piscas são muito rápidos, então deixe-me tentar os quadros por segundo, veja se isso ajuda. A luz ainda pisca muito rápido para mim. A primeira coisa que noto é que não vou terminar com uma camada de flor completa. Deixe-me consertar isso, adicionar isso ao final. Isso deve ajudar um pouco. Isso parece muito melhor. Mas outra coisa que eu quero fazer é, eu só quero manter a duração de cada desses pisca um pouco mais. Vou clicar em cada camada e simplesmente deslizar toda a duração para um entalhe. É bastante autoexplicativo, mas o que ele vai fazer é manter cada uma dessas camadas na duração de um quadro. Eu acidentalmente fiz dois neste, então deixe-me consertar isso. Vamos ver como isso parece. Sim, esse é o único. Acho que fizemos isso. Vou chamar isso, Terminado. Nesta lição, você aprendeu a usar o efeito bloom para adicionar iluminação à sua imagem. Você aprendeu a usar máscaras para criar um efeito de iluminação agradável e dinâmico e, por último, aprendeu a animar luzes piscando. Agora, olhe para sua imagem e veja onde você pode adicionar alguma animação leve à sua imagem. Aprendi a animar diferentes elementos no Procreate. Junte-se a mim na próxima lição, onde vou te ensinar como exportar suas animações do Procreate. [MÚSICA] 12. Exporte sua animação: Terminamos nossas animações. Precisamos tirar essa animação do Procreate e para o mundo. Nesta lição, vou te ensinar como exportar suas animações do Procreate. Como você pode ver, tenho algumas animações diferentes em diferentes arquivos do Procreate. Vamos apenas entrar neste arquivo de sorvete de chocolate para começar. Nossa animação está muito boa e estamos prontos para exportar. Para exportar sua animação, vamos até esta ferramenta de chave inglesa e, em seguida, vamos pressionar “Compartilhar”. Na parte inferior, você verá várias opções de como salvar este vídeo. Vamos falar sobre algumas dessas opções para que você possa decidir qual opção é melhor para você. A primeira opção sobre a qual falaremos é GIF animado. GIFs parecem uma boa opção porque eles fazem loop automaticamente repetidas vezes. Mas o Instagram na verdade não suporta GIFs, então não vamos usar isso hoje. Em seguida, temos o MP4 animado. Honestamente, se você estiver feliz com sua animação e não quiser fazer mais ajustes, você pode salvá-la como um MP4. No entanto, o Instagram exige que seu vídeo seja pelo menos três segundos para que ele faça um loop. Se o vídeo não for de três segundos, vamos fazer esta próxima opção, que são arquivos PNG. PNGs salvarão cada quadro de sua animação como uma imagem. O que parece muito estranho, mas isso dá a maior flexibilidade para edição no After Effects. Essa é a opção que vamos escolher hoje. Mas primeiro, precisamos voltar ao nosso arquivo e ter certeza de que desativamos todas as imagens de fundo e primeiro plano. Porque queremos que cada um desses quadros salve como PNGs transparentes. Estamos prontos para salvar isso. Vamos voltar para a ferramenta de chave inglesa e pressionar “arquivos PNG”. Dê a isso um pouco de tempo para exportar e, no topo, você verá que isso salvará 14 arquivos de imagem separados. Precisamos enviar esses arquivos para o nosso laptop para que você tenha algumas opções. Eu costumo ir com o AirDrop. Legal. Temos esse salvo. Agora precisamos salvar o resto dos meus arquivos como arquivos PNG. Deixe-me sair para a galeria. Em seguida, salvaremos o sorvete de baunilha. Assim como antes, é muito importante que você desative qualquer imagem de fundo e primeiro plano porque queremos que cada arquivo seja transparente assim. Parece bom. Vamos salvar isso como arquivos PNG, aguarde que ele seja exportado. Então vou para os arquivos do AirDrop 13 para o meu laptop. Tenho mais dois arquivos para salvar como PNGs. Vou fazer isso muito rápido e podemos seguir em frente. Nesta lição, falamos sobre as diferentes limitações de vídeo que o Instagram tem em vigor. Também falamos sobre diferentes opções de exportação disponíveis no Procreate. Por fim, exportamos nossa animação do Procreate. Agora exporte sua animação como arquivos PNG, depois pegue seu laptop e me encontre na próxima lição onde vou te ensinar como fazer loop sua animação final usando o After Effects. [MÚSICA] 13. Loop sua animação final: Tudo bem pessoal, estamos no trecho de casa. O Adobe After Effects é o padrão do setor quando se trata de animações. Não vou mergulhar muito profundamente no After Effects nesta lição, mas será uma ótima introdução para iniciantes. Nesta lição, vamos importar nossos arquivos PNG para o Adobe After Effects, onde criaremos nossa animação final em loop para o Instagram. A primeira coisa que vamos fazer é criar algumas pastas para que possamos permanecer organizados. Nesta primeira pasta, vou dar o nome de animação de sorvete, e é aqui que vou guardar todos os meus arquivos. Então eu vou abrir isso e criaremos algumas subpastas. Primeiro, quero criar uma pasta para o nosso arquivo do After Effects, então vou nomear esse After Effects. Então também queremos que uma pasta salve todos os nossos PNGs, então criarei uma nova pasta e chamarei de PNGs. Por fim, vou criar uma pasta para nossa animação final. Então, essas são nossas pastas principais, mas também quero dividir meus arquivos PNG em pastas separadas também. Nesta pasta, vou criar pastas separadas para cada grupo de PNGs. Vou salvar meus PNGs de chocolate nesta pasta, depois criarei uma pasta para os PNGs de baunilha, outro para o meu sinal de DQ e, por último, criarei uma pasta para nossos PNGs de expressão. Estamos todos prontos e organizados, agora deixe-me começar a soltar meus PNGs nessas pastas. Aqui temos os arquivos descartados para os PNGs de chocolate, vou salvá-lo em downloads e arrastar todos esses PNGs para a pasta de chocolate assim. Em seguida, vou soltar os arquivos PNG de baunilha, então vou salvá-los em downloads e soltar todos eles na pasta baunilha. Eu só vou avançar rapidamente e salvar os PNGs para o sinal DQ e os PNGs para as linhas de expressão. Agora temos todos os nossos arquivos PNG todos agradáveis e organizados. Agora vamos abrir o Adobe After Effects para que possamos combinar todas as nossas animações juntas e fazer loop nossa animação final para o Instagram. Vamos esperar que o Adobe After Effects fique agradável e aquecido. Nesta nova janela, você pode pressionar “Novo Projeto”, e eu não sei por quê, mas minha nova janela de projeto aparece logo atrás dessa janela, então eu vou sair. No After Effects, a primeira coisa que vamos fazer é pressionar “Nova Composição”, e imediatamente, ele nos pedirá para configurar nossa composição. Vou nomear esta nova animação de sorvete comp. Próximo passo, ele pedirá o tamanho. Vamos apenas inserir o tamanho que usamos para nossa animação Procreate, então a sua talvez 1080 por 1080, mas para este, a minha é realmente 1080 por 1350. Em seguida, ele vai pedir os quadros por segundo. Mais uma vez, vamos combinar isso com o que usamos no Procreate. O meu foi definido como oito, mas acho que a maioria das animações está definida para 12 quadros por segundo. Em seguida, precisamos definir nossa duração e, para o Instagram, nosso vídeo tem que ser de pelo menos três segundos, então vou configurá-lo para três e, em seguida, pressionar “Ok”. Agora temos nossa nova composição, e ela está apenas esperando por nossa adorável animação. Vamos avançar e importar todos os nossos arquivos PNG. Vamos para “Arquivo”, “Importar” e, em seguida, arquivar e, na nova janela, basta navegar até onde você salvou todos os seus PNGs. O meu está na minha área de trabalho nesta pasta de animação de sorvete, basta selecionar todos os seus PNGs. Se você não sabe como fazer isso, basta ir em frente e clicar na “Pasta superior”, mantenha pressionada a tecla Shift e, em seguida, clique na “Pasta inferior” para selecionar tudo. Agora, com tudo selecionado, basta pressionar “Abrir” e você verá imediatamente todas as suas pastas descartadas neste painel do projeto. Por onde começar? Vamos começar com nossa pasta Chocolate. Nesta pasta, você verá todos os nossos PNGs. Esta primeira é, na verdade nossa imagem de fundo, e depois disso, temos cada PNG transparente da nossa animação de sorvete de chocolate. Vamos selecionar todos os nossos PNGs pressionando “Shift” novamente e colocá-los em nossa linha do tempo. Uma coisa que eu gosto de fazer para me manter organizado é mudar a cor desses. Clique neste chip de cor, e vou apenas fazer estes castanhos para combinar com o sorvete de chocolate. Vamos vir aqui e reproduzir nossa animação até agora. Basta pressionar a “Barra de Espaço” para reproduzir a animação, e você notará que nada é animador, tudo o que podemos ver é nossa imagem de fundo. Isso porque todas as nossas camadas têm o mesmo comprimento na linha do tempo, então precisamos sequenciá-las. Para fazer isso, primeiro certifique-se que todas as suas camadas estão selecionadas, depois mova sua cabeça de reprodução sobre um quadro e, em seguida, pressionaremos a opção “ colchete direito ” para aparar todos os quadros para o mesmo link. Por fim, vamos clicar com o botão direito mouse em “Assistente de quadro-chave” e depois ir para “Camadas de seqüência”. Vamos apenas pressionar “Ok” nesta pequena mensagem, oh, e você já me pegou escorregando, quando pressionamos “Play”, você notará que minha animação está realmente sendo reproduzida para trás. Se isso acontecer com você, basta pressionar “Command Z” para desfazer e, em seguida, selecionar suas camadas de cima para baixo enquanto mantém pressionada a tecla shift. Porque acho que a ordem em que você seleciona as camadas é, na verdade, a ordem que elas seqüenciarão. Vamos tentar isso novamente, então clique com o botão direito do mouse, vá para o Assistente de quadro-chave e pressione “Camadas de seqüência” e, em seguida, basta pressionar “Ok”. Sim, agora está sequenciado em ordem, e quando você percorre, nossa animação está sendo reproduzida corretamente. No entanto, você pode estar se perguntando onde diabos está nossa imagem de fundo? Nossa imagem de fundo está realmente arrepiando aqui, é esse quadro superior, então deixe-me realmente renomear isso. Basta clicar na camada e pressionar “Enter” para renomear, e vou chamar essa imagem de fundo para que eu possa diferenciá-la. Então precisamos arrastar isso para baixo, onde a imagem de fundo pertence. Se você quiser, você pode pressionar este chip de cor para alterar a cor do plano de fundo. Farei isso amarelo bonito e brilhante, e vou arrastar isso para toda a extensão da nossa linha do tempo porque queremos que o fundo esteja lá o tempo todo. Quando movemos nosso plano de fundo dessa posição da primeira camada, deixamos um pequeno espaço, então vou selecionar todas as minhas camadas pressionando “Shift” e arraste-as sobre um ponto. Basta pressionar a “Barra de espaço” e vamos ver nossa animação até agora. Bem, o meu está realmente falhando, e não está jogando. Você sabe o quê? Este é um ótimo momento para salvar nosso arquivo. Na verdade, deveríamos ter feito isso mais cedo, mas aqui estamos nós. Basta ir até “Arquivo” e ir para “Salvar” e, em seguida, salvaremos isso na pasta que criamos para o nosso arquivo do After Effects. O meu está na área de trabalho, animação de sorvete arquivo After Effects. Então vou renomeá-lo, chamarei essa animação de sorvete também, e salvo. De volta à falha, então geralmente quando meu After Effects começa a falhar e não reproduzir minha animação, o que eu faço é eu costumo chegar ao painel deste projeto e apenas clicar duas vezes em nossa composição, e isso deve redefini-la, e vamos ver. Yay, agora nosso sorvete está animando. Deixe-me realmente cortar minha área de trabalho apenas arrastando esse carinha, e vamos dar outra olhada. Sim, está parecendo muito bom. Então, temos nosso sorvete de chocolate no lugar na maior parte, agora vamos adicionar nosso sorvete de baunilha. Vamos voltar ao painel de projetos e abrir nossa pasta de baunilha, e na verdade não precisamos desse primeiro quadro porque é a imagem de fundo, então vamos selecionar tudo, exceto pela imagem de fundo. Assim como o sorvete de chocolate, vamos arrastá-los para a linha do tempo, e vou mudar a cor para arenito porque isso parece uma boa cor de baunilha. Vamos seqüenciar essas camadas, vou puxar a cabeça de reprodução sobre um quadro e, em seguida, pressionar a opção colchete direito para aparar todas elas. Deixe-me puxar isso de volta para um quadro e, em seguida, vamos clicar com o botão direito do mouse em “Assistente de quadro-chave” e, em seguida, sequenciar essas camadas. Lá vão eles. Ok, então vamos pressionar “Space Bar” para reproduzir a animação até agora. À medida que esta animação está tocando, notei que esse sorvete de baunilha está piscando, e isso porque nossa animação de baunilha é um quadro mais curto do que a nossa animação de chocolate. Mas, felizmente, eu criei esses dois quadros de jitter no final deste sorvete de baunilha, então vou copiar este segundo do último quadro, e colocá-lo no final. Vou pressionar “Comando C” para copiar e “Comando V” para colar. Vou arrastar essa cópia para a parte inferior das minhas camadas de baunilha e depois movê-la para o final da minha animação. Vamos ver o que isso parece. Agora, os cones de sorvete estão juntos. Ambos terminam ao mesmo tempo, eu diria que estamos com boa aparência. Vamos adicionar a próxima parte da nossa animação, que são as linhas de expressão. Mais uma vez, o primeiro PNG é a imagem de fundo, então vou selecionar tudo, exceto aquele, e arrastá-lo para a linha do tempo. Estou bem com essa cor, então vamos cortar essas camadas pressionando “Opção”, “Colchete direito” e, em seguida, vamos sequenciá-las pressionando “Assistente de quadro-chave” e camadas de sequência. Agora vamos ver como nosso pequeno sparky joga. Gosto disso. Eu não acho que vou fazer mais ajustes nessa camada de faísca, então vamos agrupá-los em uma camada agradável. Basta clicar com o botão direito do mouse e pressionar “Pré-compor”. Nesta nova janela, vou apenas nomear essas Expressão e garantir que você tenha ajustado a duração da composição marcada. Agora, você verá que nosso grupo de expressões está em uma camada agradável e elegante. Deixe-me realmente mudar isso de volta para lavanda, então eu sei que é um objeto separado. Agora, eu quero copiar essa animação de faísca para o sorvete de chocolate também. Enquanto a camada estiver selecionada, pressione “Comando C” para copiar e “Comando V” para colar. Agora que criamos uma cópia, podemos simplesmente entrar em nossa pré-visualização de vídeo e arrastar a cópia sobre nossa casquinha de sorvete de chocolate. Quero virar a animação, então vou subir para “Camada”, “ Transformar” e depois “Virar Horizontal”. Na verdade, vou virar minha animação horizontalmente. Deixe-me reposicioná-lo para lá, e vamos ver o que temos. Temos nossas faíscas e depois vamos ver. Isso parece muito bom. Vamos brincar com o tempo um pouco mais. Talvez queiramos que o primeiro quadro do nosso sorvete fique parado por um tempo, então quando a faísca entrar, ela ativa o resto do derretimento. Vou selecionar todas as minhas camadas de sorvete. Clique na camada superior, mantenha pressionada a tecla Shift e, em seguida, pressione a camada inferior, e vou mover tudo isso sobre um quadro. Deixe-me mover isso de volta. Vou fazer o primeiro quadro deste cone de baunilha, dois últimos quadros, e vou fazer o mesmo com o chocolate. Acabamos de ter nosso sorvete pausado para os dois primeiros quadros. Então, teremos essa faísca entrar no terceiro quadro e ativar o resto do sorvete derretido. Sim, isso parece muito bom. Deixe-me ajustar minha área de trabalho para garantir que tudo esteja dentro, e vamos ver como isso se parece. Muito legal. Temos mais um elemento para adicionar, que é o nosso signo Dairy Queen. Vamos vir aqui. Vamos abrir nossa pasta DQ e pegar nossos PNGs. Vou arrastá-lo para cima da linha do tempo, e acho que uma boa cor para eles seria vermelha. Vocês são todos profissionais agora. Você sabe que vou selecionar todas as minhas camadas, apará-las para todas teria cerca de um quadro e, em seguida, usar a Assistência de quadro-chave para sequenciar nossas camadas. Há nosso sinal de DQ todo sequenciado, com boa aparência, mas você notará que o sinal da Dairy Queen é muito mais curto do que o resto dos elementos em nossa linha do tempo. Acho que o que vou fazer é que o sinal da Dairy Queen pare de derreter sinal da Dairy Queen pare quando o sorvete parar de derreter. Vou arrastar todos esses quadros para alinhar até o final da animação de sorvete, e vou arrastar este primeiro quadro. Ainda será no início e depois começará a animar mais tarde. Na verdade, parece que o sinal do DQ começa a animar depois que as faíscas disparam. Acho que estou bem com isso. Estou quase terminando. Agora, eu só preciso ter certeza de que minha animação reproduzida por pelo menos três segundos para o Instagram. Deixe-me puxar meu espaço de trabalho de volta para três segundos, e vou começar a pré-compor alguns dos meus elementos para que fique mais fácil de fazer loop. A primeira coisa que vou pré-compor é o sinal do DQ. Vou selecionar todas as camadas e depois pressionar “Pré-compor”. Claro, vou nomear este sinal do DQ. Muito autoexplicativo. Apenas certifique-se de que Ajustar a duração da composição esteja marcada. Isso colocou nosso sinal de DQ em um novo grupo. Só vou deixar esse grupo vermelho. Basicamente, quero repetir essa animação até chegarmos ao mínimo de três segundos. Vamos fazer uma cópia disso pressionando “Comando C” para copiar e “Comando V” para colar. Vamos mover esse grupo para o final dessa animação. Em vez de ter essa animação apenas repetida, acho que seria legal ter esse jogo ao contrário. Basta clicar com o botão direito do mouse, ir até “Hora” e, em seguida, pressionar “Camada de tempo reverso”. Agora, vamos ver o que isso parece. Nossa animação começa em frente e logo antes de terminar, ela se inverte. Vou ir em frente e agrupar todas as demais camadas juntas e tocá-las em velocidade inversa, assim como o sinal do DQ. Vou selecionar minha baunilha, pressionar “Pré-compor”, e vou pré-compor em um grupo chamado baunilha. Aqui está nosso novo grupo. Vou pressionar “Comando C”, “Comando V” para copiar e colar e depois movê-lo para o final da animação. Na verdade, nossa animação ultrapassou nosso mínimo de três segundos agora, então eu preciso nos dar mais tempo em nossa linha do tempo. Vá até “Composição” e pressione “Configurações de composição”, e eu ajustarei a duração da nossa linha do para cerca de quatro segundos. Acho que deve ser tempo suficiente. Isso parece melhor. Deixe-me arrastar meu espaço de trabalho até o final da nossa animação e vamos continuar. Eu parei com a baunilha, e quero que essa segunda animação se reverta assim como o sinal do DQ. Clique com o botão direito do mouse, vá para “Hora” e “Camada de tempo reverso”. Este é o último. Vamos fazer a mesma coisa com nosso sorvete de chocolate. Vou prosseguir e pré-compor isso em um grupo. Vou nomear esse grupo Chocolate, pressione “Ok”. Vou mudar a cor disso só para sabermos que é o nosso sorvete de chocolate. Por fim, basta copiar e colar, arrastá-lo até o final. Vou reverter essa camada indo para “Tempo”, “Camada de tempo reverso”. Vamos ver o que temos até agora. Tudo começa para frente e depois inverte para o fim, e nós atingimos nosso mínimo de três segundos, então estamos basicamente prontos para ir. Estamos prontos para exportar, mas antes de exportarmos, eu só quero mostrar a vocês que existem muitas opções de efeito com as quais você pode brincar no After Effects. Digamos que quiséssemos adicionar um brilho à faísca no sorvete de chocolate. Tudo o que você faz é vir ao painel “Efeitos e predefinições”. Se o seu não estiver visível, basta ir para “Janela” e certifique-se de que Efeitos e predefinições estejam marcados. Você acabou de entrar neste painel e digitar a palavra brilho, encontrar brilho e arrastá-lo cima da camada à qual você deseja adicionar um brilho. Você verá que já existe um brilho leve e você pode realmente ajustar as configurações do brilho neste painel. Digamos que queremos ajustar a intensidade, apenas brincar com essas configurações e ver o que parece bom, mas não vou adicionar brilho a isso hoje, então vou pressionar “Command Z” para desfazer. Outra coisa legal que você pode fazer é, digamos que você queira mudar a cor de algo. Por exemplo, talvez mudemos a cor desse sorvete de chocolate. Basta selecionar sua camada e, no painel Efeitos, vamos para “Correção de cores” e depois rolar para baixo até ver Alterar para cor e arrastar esse efeito para a camada que você deseja recolorir. Mais uma vez, este painel cheio de opções aparecerá. Para aplicar esse efeito para a cor De, você precisa cortar os olhos da cor que deseja alterar e, em seguida, para a cor Para, você pode realmente selecionar a cor para a qual deseja alterá-la. Vou escolher uma cor vermelha louca e vou mexer com essas configurações para ver o que parece melhor. Matiz e saturação fazem a mudança mais dramática. Olhe. Agora, temos um sorvete vermelho muito estranho. Não sei por que alguém iria querer fazer isso, mas esse efeito funcionaria perfeitamente para outra coisa. Vou apenas “Command Z” para desfazer tudo isso. Basta saber que existem efeitos disponíveis no After Effects, e se isso lhe interessa, definitivamente explore. Agora, finalmente terminamos com nossa animação. Estamos felizes com isso. Temos todos os elementos juntos, agora é hora de exportar. Para exportar, basta ir para “Arquivo”, “Exportar” e depois ir para “Adicionar à fila do Adobe Media Encoder”, que eu sei que parece muito estranho, mas é isso que temos que fazer. Na verdade, isso abrirá um novo aplicativo. Apenas dê um pouco de tempo para deixá-lo pensar, fazer o que tem que fazer. Aqui estamos nós. Agora, dê um pouco de tempo para deixar seu vídeo aparecer nesta caixa. Às vezes, demora alguns segundos. Aqui vamos nós. Só vou clicar nisso para abri-lo. Primeiro, apenas certifique-se de que seu formato esteja definido como H.264, então defina esse formato. Fonte de correspondência - A taxa de bits alta está boa. O nome da saída é, na verdade, onde escolheremos o local para salvar isso, então pressione e navegue até sua pasta de animação final. Pressione “Salvar”. Em seguida, vamos para “Vídeo”. Sua largura e altura já devem estar definidas para o tamanho correto. Apenas certifique-se de que você tenha renderização na profundidade máxima e use a qualidade máxima de renderização. Tenha ambos verificados. Devemos ser bons para ir. Basta pressionar “Ok”. De volta a esta janela, vamos pressionar este sinal Reproduzir aqui, e isso exportará nossa animação. Feito. Vamos verificar nossa pasta de animação final para conferir nossa animação e ver como ela seria. Rolo de tambor, e lá está. Olha, são quatro segundos, o que é perfeito para o Instagram. Deixe-me jogar mais uma vez. Tudo bem, pessoal. Isso está basicamente pronto para fazer upload para o Instagram. Basta enviá-lo para o seu telefone e você está pronto para ir. Nesta lição, você aprendeu a criar uma nova composição no Adobe After Effects. Você aprendeu a usar o Keyframe Assist para sequenciar seus arquivos PNG finais. Por fim, você aprendeu a exportar sua animação para o Instagram. Uau, nós conseguimos. Agora, salve suas adoráveis criações e me encontre na aula final. 14. CONCLUSÃO: Você fez isso, e espero que tenha criado algo com o qual você está tão feliz e tão pronto para mostrar ao mundo. Você deveria estar tão orgulhoso de si mesmo. Agora você conhece alguns princípios básicos de animação, conhece o Procreate e como usar a assistência de animação no Procreate. Você também aprende algumas técnicas de animação diferentes como animar objetos em sua foto, como animar linhas de expressão, iluminação de texto e como usar máscaras para animar. Você também aprendeu a exportar sua animação do Procreate e, por último, como o Adobe After Effects faz um loop de animação final para o Instagram. Espero que você tenha percebido que a animação não precisa ser tão assustadora, e com um pouco de imaginação, tudo é possível. Agora vá para o mundo e crie algumas animações bonitas, mas não se esqueça de voltar e compartilhar essas animações na guia Projeto. Eu adoraria ver o que vocês criaram. Tudo bem, pessoal. Muito obrigado por fazer essa aula e passar algum tempo comigo, e até a próxima vez, paz fora.