Transcrições
1. Introdução: Ei, meu nome é Maya. Sou ilustrador e designer canadense e adoro criar imagens ousadas e coloridas. Normalmente trabalho nas áreas de publicidade, publicação, embalagem e ilustração editorial. Nesta aula, quero mostrar como podemos explorar os recursos de animação no Procreate. Você verá a rapidez com que podemos criar uma família de GIFs
divertidos e levar sua arte além das imagens estáticas. Você pode usar seus GIFs para enviar para seus amigos e familiares ou para apimentar sua presença online, como eu adoro fazer no Instagram ou no Facebook. Adoro a ideia de poder animar diretamente
no iPad sem ter que tocar em outro software ou mesmo em um computador. Isso significa que você pode animar em um café ou
na praia ou no jogo de futebol do seu filho ou mesmo no banho, embora eu não necessariamente aconselhe isso. Isso é possível graças aos recursos Animation Assist no Procreate. É uma ferramenta muito simples e prática que nós, como artistas, podemos usar para dar vida
rapidamente às nossas ideias e explorar princípios básicos de movimento. Neste curso, vamos analisar três dos meus conceitos básicos de animação, a técnica de manobra, a técnica piscar e
a técnica de fluxo de animação. Você aprenderá a criar ou implicar movimento a partir de seus próprios esboços e eu também vou dar-lhe
alguns exercícios extras nos quais você pode trabalhar para se
sentir confortável com a interface e o fluxo de trabalho do Animation Assist. Você verá como essas três técnicas simples podem ser esticadas em uma infinidade de animações
diferentes e dar-lhe a confiança para explorar técnicas de animação mais avançadas no futuro. Também abordaremos todos os detalhes técnicos, como configurar sua tela,
como escolher sua paleta de cores, como exportar seus GIFs e como usá-los fora do Procreate. Além disso, se você estiver ativo no Instagram, também
mostrarei como você pode se inscrever para um perfil
de artista do Giphy que você possa disponibilizar seus GIFs para que todos usem online. Esta aula é para quem jogou um pouco no Procreate e está procurando explorar além do desenho. Você não precisa ser um animador para fazer essa aula. Na verdade, não sou um. Se você estiver interessado em fazer alguma mágica acontecer em apenas alguns quadros de animação, encontre-me na próxima lição e podemos começar.
2. O projeto: Neste curso, vamos criar uma família de GIFs animados
explorando três técnicas de animação quadro a quadro diferentes no Procreate. A primeira coisa que você vai entregar ou alguns esboços e
algumas composições de cores baseadas na paleta que escolhemos. Seu primeiro projeto depois disso será um GIF animado de manobra, então vamos passar para a animação piscando
e a animação fluida,
então, nesse ponto, você terá uma série de GIFs. Também mostrarei como você pode se inscrever no GIPHY e disponibilizar seus GIFs para outras pessoas usarem. Eu queria fazer este curso porque descobri recentemente os recursos de assistência de animação no iPad e fiquei absolutamente impressionado com a rapidez com que podemos transformar um esboço plano em algo divertido e emocionante. Adoro usar esses GIFs para tornar meus presentes online mais exclusivos e personalizados. Eu também queria compartilhar algumas maneiras fáceis de explorar diferentes caminhos criativos, se você for um ilustrador ou um artista amador. Antes de começarmos, aqui está uma pequena dica. Quero que você tenha em mente que todas as lições e técnicas que vamos passar
neste curso são bem simples e você pode aplicá-las a praticamente qualquer ideia ou ilustração que você possa ter. Mantenha a mente aberta e, por favor, não seja tímido e compartilhe seus projetos nos projetos de classe abaixo, porque estou realmente curioso para ver até onde você pode levar esses conceitos muito simples. Além disso, se você quiser aproveitar ao máximo este curso,
certifique-se de baixar os exercícios extras que você pode encontrar nos recursos do projeto. Isso é para que você possa ficar muito confortável com o software antes de passar para técnicas mais avançadas. Agora que você está pronto, vamos começar.
3. O que são GIFs?: Antes de começarmos a animar, vamos falar sobre GIFs e o que eles são. Um GIF é basicamente um formato de arquivo no qual podemos armazenar imagens. No contexto desta classe, nossos GIFs serão compostos de várias imagens estáticas
diferentes que, quando reproduzidas rapidamente uma após a outra em um loop, criarão animações simples. Para dar uma compreensão mais concreta, vamos dissecar um GIF no computador usando a visualização para que
possamos ver cada quadro que compõe toda a animação. Salvei esse GIF legal do ilustrador espanhol Magoz no meu computador. Isso é o que parece. Se eu abri-lo usando a visualização, poderemos ver todos os quadros diferentes que compõem essa animação. Se eu clicar em cada um deles, um por um, você pode ver lentamente um pouco de movimento em cada imagem. Quando eu visualizo todos esses quadros rapidamente pressionando a tecla de seta para baixo, você pode realmente ver a maior parte do loop animado. Se esse gráfico fosse nosso GIF, cada um dos círculos brancos seria um quadro da animação. Quando os tocamos rapidamente, um após o outro, podemos ver o movimento que criamos com nossas ilustrações. Agora que sabemos exatamente o que são GIFs e como eles funcionam, você pode me encontrar na próxima lição e vamos dar uma olhada em como
podemos criar sua própria paleta de cores para nossa família de GIFs.
4. Paleta de cores: Eu pessoalmente adoro cores e é uma grande parte do meu estilo de ilustração. Eu acho que se vamos criar uma família de animações, eu gostaria que elas sintam que pertencem ao conjunto. Isso dará a um projeto um campo homogêneo e consistente, e acho que fará com que nossa família de presentes pareça um pouco mais profissional e com curadoria. Há muitas maneiras diferentes de criar nossa paleta. Podemos procurar inspiração e coisas que nos
cercam como se fosse a decoração da sua casa, poderia ser ao ar livre, algumas fotos que você tirou recentemente ou talvez até mesmo sua roupa. Agora, eu pessoalmente gosto de escolher as cores com as quais vou
trabalhar mesmo antes de entrar no esboço. Só porque isso vai tirar minha mente das cores, nem
terei que me preocupar com isso e poderei me concentrar no esboço em si. Além disso, isso vai me dar uma ideia para o tema que eu talvez queira usar ou o estilo que vou buscar. Para este projeto específico, como eu disse, me inspiro nas cores dos meus marcadores aqui. O que vou fazer é tirar uma foto deles rapidamente diretamente no iPad, assim, e então eu tenho que ser perfeito porque
vamos ajustar as cores de qualquer maneira. Vou seguir em frente e abrir o Procreate, clicar no sinal de mais para criar uma nova tela
e apenas fazer o tamanho da tela por enquanto, pois realmente não importa. Tudo o que estamos fazendo isso é criar nossa paleta que será integrada ao Procreate. Vou trazer minha imagem tocando esse pequeno ícone aqui,
o ícone de ação, inserindo uma foto, pegando, observando sua imagem, pode ter sido um pouco superexposto, mas vamos trabalhar com isso. Este é um bom começo, mas eu estou procurando talvez adicionar algumas cores. O que vou fazer é apenas entrar no Google, pesquisar algumas coisas que talvez me inspirem ou acho que poderiam funcionar com elas, e adicioná-las a essa tela, e então vou escolher cores de tudo. Ao entrar no Safari, acabei de fazer uma busca por cerâmicas
turquesa porque sinto que essa paleta poderia usar um elemento turquesa. Estou tendo dificuldade em aproximar uma foto, então vou tirar uma captura de tela,
cortá-la um pouco menor para que eu possa obter uma variedade de matizes e salvar nas minhas fotos. Então eu também estava procurando esses rabanetes de melancia que comi recentemente em uma salada, e achei que eles eram tão bonitos. Isso realmente me inspirou, então vou simplesmente copiar essa foto segurando-a, e depois vou voltar para o Procreate. Vou pressionar o ícone de ação novamente e colar este. Aqui vamos nós, temos os rabanetes. Vou voltar ao menu Ação,
tocar em Inserir uma foto e trazer meus tons turquesa. Lá vamos nós, isso deve ser suficiente para pelo menos começarmos a trabalhar em uma palete. Para fazer isso, vou apertar o botão da
minha camada e vou criar uma nova camada em cima delas. É nisso que vou experimentar cores. A maneira como vou fazer isso é basicamente pela escolha de cores,
e o ícone de seleção de cores no Procreate é esse pequeno quadrado de cantos arredondados aqui. Se você tocar nessa e clicar em uma cor, poderá combiná-las diretamente e ela a definirá como sua cor de tinta. Eu bati no ícone, segurei o lápis para baixo e vou bater esse vermelho aqui. Então, para ajustar essa cor, basta clicar na cor aqui à direita. Só vou para a vista clássica aqui até o fundo, e aqui eu sou capaz de ajustar essa cor e trazê-la para algo que eu gosto. Quando se trata de cor, sugiro escolher algo em torno de cinco ou seis tons principais para combinar. Uma boa maneira de criar seu paladar seria procurar algumas cores mais quentes, algumas cores mais frias e, em seguida, alguns tons neutros e alguns escuros. Neste caso específico, quero algo que se destaque nas mídias sociais, então vou usar cores muito fortes e
vou usar 50/50 com tons quentes e tons frios. Acho que gosto de onde isso está indo. Temos alguns tons quentes, temos alguns tons mais frios, e agora que tenho minhas amostras, poderei transformá-los em uma paleta. Para fazer isso, quando clico no meu ícone de cor novamente, vou para Paletas. Aperto o botão mais aqui, crio uma nova paleta, deveria estar no topo aqui, acho que posso ter feito dois e vou defini-lo como padrão. Vou voltar à minha visão clássica aqui, e o que vou fazer é escolher cada cor individual. Vou apertar o ícone de cor novamente e vou tocar uma vez na área do paladar. Cada vez que eu tocar, ele vai adicionar uma cor, então vou fazer isso com cada amostra que eu escolhi. Isso, é claro, se você quiser mudar suas cores, você sempre pode fazer isso. Você só teria que segurá-lo por um
segundo ou dois e, em seguida, ele perguntará se você deseja
excluí-lo ou se você pode reorganizá-los segurando-os e arrastando-os. Eu fiz os tons quentes primeiro, agora vou seguir em frente e fazer alguns tons verdes mais escuros e vou terminar com o blues. Você não precisa usar todas as cores, é claro, mas acho bom tê-las como referência para garantir que o projeto final pareça bonito e coeso. Aqui temos nosso palete e quando clicamos
no ícone de cor e vamos para a seção da paleta, é o que está na parte superior. Vou clicar em Untitled e renomear a coleção GIF. Agora, você sempre pode voltar para a exibição clássica, mas você terá sua paleta definida como padrão e, portanto poderá acessá-la facilmente à medida que anima. Agora, esse não é o arquivo que vamos trabalhar quando animarmos, mas o mais legal é que sempre que criarmos uma nova tela no Procreate, ainda
poderemos acessar essa paleta porque a definimos como padrão. Agora estamos prontos para avançar para o próximo passo em que podemos começar a esboçar algumas ideias e descobrir um tema para animações.
5. Esboçando as ideias: Legal, então temos uma paleta de cores agora, então estamos prontos para começar a esboçar. Logo de cara, gostaria de pensar em um tema para
minha pequena coleção de presentes só porque isso vai fazer com que eles pareçam mais bonitos juntos. Acho que isso vai dar a eles um pouco mais de um propósito. Meu tema será Natureza e Amor, então vamos ver o que podemos inventar. Para começar a esboçar, vou para o meu painel de camadas. Vou excluir essas imagens porque não preciso mais delas e da paleta de cores posso mantê-las aqui se quiser. Mas você também pode excluí-lo, pois o temos como nossa paleta padrão em nossa guia de cores. Para começar a esboçar, vou criar outra camada com o sinal de mais aqui e vou chegar a ela. Eu acho que poderia ser muito bom fazer alguns elementos muito simples, porque uma coisa que temos que pensar logo de cara é, o que vamos animar nesses esboços que vamos desenhar? Você tem que se certificar de que seja o que você desenhar, há algo que você pode ver se movendo nesse esboço. Vou começar com algo realmente simples. Eu só vou esboçar com talvez como uma cor marrom escuro e vou apenas ampliar aqui. A maneira como vou fazer isso é apenas esboçar todos os tipos de elementos diferentes na mesma página, que vou trazer para uma composição diferente quando começarmos a animar. Essa cor realmente me faz pensar em folhas, então vou começar com isso e talvez fazer alguns ramos. É um bom começo. Vou seguir em frente e esboçar um elemento diferente. Talvez possamos fazer algumas cerejas ou algo assim. Também muito simples, qualquer um pode desenhar isso. Posso ver facilmente aqueles se movendo com um pouco de balanço ou um efeito dominó quando um faz o outro se mover ou algo assim. Descobri que essa cereja era um pouco grande demais, então eu fui até a ferramenta de seleção aqui e estou usando a seleção de mão livre. Acabei de contornar com minha caneta e apertei a ferramenta de transformação com o pequeno ícone do mouse. Então eu apenas escalo para o que funciona para a minha composição. Estou movendo para cá, então tenho espaço suficiente para esboçar outros elementos. Como as técnicas de animação com as quais vamos trabalhar são bem simples, não
vou complicar demais esse desenho. Este é um arco-íris, mas vou fazer duas ou três listras coloridas, algo assim. Mais uma vez, vou selecioná-lo, reduzi-lo. Seria divertido fazer algumas técnicas com a redação. Vou fazer uma pequena palavra aqui. Vou escrever, bom dia. Agora, eu disse que queria fazer algumas coisas sobre o amor também, mas ainda não toquei nisso. Estou pensando que talvez um pequeno envelope com um coração ou talvez uma flor aqui, então talvez algum floco de neve. Eu realmente gosto de desenhar vagens de flores ou vasos. Vou tentar fazer um desses. Simplificando porque essa provavelmente será uma das animações mais complexas. Acho que posso trabalhar com isso. O que vou fazer agora é simplesmente pegar essa camada, trazendo a opacidade aqui no painel da camada para talvez 50 ou mais,
criando outra camada no topo e apenas passando por cima meus esboços com uma linha mais limpa. Vou gastar um pouco de tempo redesenhando-as até ficar feliz com as formas e então vamos continuar criando nossa primeira tela para o nosso primeiro GIF. Se você está ficando confuso com qualquer esboço que você tem por baixo, você sempre pode mudar a cor do desenho para que ele se destaque um pouco mais. Por fim, vou retocar um pouco os arcos deste arco-íris. Este é um truque legal, a propósito, se você precisar fazer algumas formas arredondadas ou formas quadradas, você pode desenhar sua curva e se você segurá-la, o
Procreate corrigirá a forma para algo um pouco mais igual. Isso ainda é bem confuso, mas será bom o suficiente para servir de guia para minha animação com certeza. Vou ir em frente e esconder minha camada inicial de esboço. Vou duplicar o que desenhei em azul só para que fique um pouco mais brilhante. Posso mesclar esses dois e legal agora tenho meus esboços mais refinados e
vou continuar salvando isso clicando no menu Ação, Compartilhar, apenas um JPEG e vou Salvar imagem. Isso só o salvará no próprio iPad. Basicamente vou criar composições de cores pequenas e rápidas para
que eu saiba como será meu GIF antes de começar a animá-lo. Para fazer isso, vou bater no painel da camada, ir logo abaixo da minha camada de esboço azul. Vou citar este, então vou mantê-los escondidos e vou apenas ir em frente e adicionar uma camada entre esses dois. Logo abaixo dos meus esboços, terei essa camada que vou nomear Cores. Os canadenses escrevem com você, mas fazem o que quiser. Vou manter o mesmo pincel que é o pincel de giz e vou seguir em frente e
escolher cores diretamente daqui ou você pode ir da sua paleta aqui embaixo. Vou aplicá-los à minha composição
para ter uma ideia de como serão meus GIFs. Vou começar com esse rosa aqui. Isso mais uma vez é apenas uma referência, então realmente não precisa ser perfeito como você vê. Não sou tão bom em colorir dentro das linhas, mas isso nem importa. Outra coisa legal que você pode usar é o recurso de preenchimento automático na palavra Procreate. Se você desenhar o contorno de uma forma, você pode simplesmente soltar uma cor diretamente da guia de cores e ela preencherá essa forma, desde que seja uma forma fechada. Eu realmente gosto da justaposição de rosa e vermelho, é algo que eu uso frequentemente no meu trabalho. Algumas pessoas realmente não gostam,
mas acho que é super divertido. Isso é o que vou fazer em todo o meu esboço para
que eu tenha uma ideia de como quero que meus GIFs finais sejam. Vou acelerar o processo de fazer isso e encontrarei você em um segundo quando eu tiver todas as minhas composições de cores prontas. Ei, eu acho que isso é bom no que diz respeito às composições de cores. É bem difícil, mas é só para me dar uma ideia de uma vez que eu configuro minha tela e quero começar a animar. Agora, o que vou fazer é simplesmente ir ao menu Ações novamente e mais uma vez salvar isso como JPEG no meu iPad, que eu possa colocá-lo rapidamente para minhas composições futuras e circular todos os elementos que vou animar. Temos composições coloridas, temos nossos esboços. Estamos prontos para configurar nossa tela e começar a trazer algum movimento para o nosso projeto.
6. Preparando a tela: Temos nosso esboço, temos nossas composições de cores, agora é hora de configurar nossa tela para que possamos começar a animar. Como vamos fazer isso é, vamos clicar em “Galeria” e voltar para nossas diferentes telas, e vamos criar uma nova tela. Para este, vou fazer um tamanho personalizado clicando na pequena vantagem, e vamos fazer 1.500 por 1.500. Então vou manter os 300 DPI, e vou clicar em “Criar”. A razão pela qual estou fazendo uma tela tão grande é gifs costumam ser usados em formatos bem pequenos, que os
gifs costumam ser usados em formatos bem pequenos,
mas você nunca sabe para que vai usá-la, talvez você até goste tanto que você vai querer imprimir uma imagem, ou talvez você queira usá-lo em seu site. É sempre bom ter uma resolução maior porque você sempre pode diminuí-la, mas é muito mais difícil explodi-la e você geralmente perderá muita qualidade lá. Estamos trabalhando muito, não será um arquivo enorme de qualquer maneira, e dessa forma podemos realmente ampliar e trabalhar com uma imagem bem nítida. Eu tenho meu Canvas e agora vamos poder ativar a assistência de animação, que é a parte mais importante sobre todo esse processo, porque sem assistência de animação, basicamente não poderíamos fazer nenhuma animação no iPad. Para ativá-lo, vou bater a chave aqui novamente na Action. Vou para a guia Canvas em que já estava,
e vou simplesmente ir em frente e ativar a assistência de animação ali mesmo. Agora, isso vai trazer essa barra inferior aqui, e é aqui que poderemos ver todos os nossos quadros diferentes. Aqui está uma noção chave. O que a assistência de animação faz é ela traz essa linha do tempo e cada camada do nosso documento se torna um quadro de nossa animação como você pode ver aqui. Então lembre-se do que olhamos quando estávamos olhando para um GIF dissecado em pré-visualização e vimos todos os quadros diferentes, bem, esses são todos os quadros diferentes de nossas animações. Podemos adicionar quadros clicando aqui no canto inferior direito, Adicionar quadros ou apenas adicionando uma camada aqui como acabei de fazer. Vou apagar tudo isso já que era só para mostrar a vocês. Em Configurações, também poderemos brincar com a velocidade de nossas animações, com os quadros por segundo, e se queremos ou não que ele faça loop ou ping-pong,
o que significa ir para frente e para trás. Também poderemos ver nossas preferências de pele Onion, mas vou falar sobre tudo isso em um minuto. A primeira coisa que vamos fazer é escolher nossa primeira animação e trazer nosso esboço. Agora, nossa tela está configurada. Temos nossa linha do tempo de assistência à animação, temos nosso Canvas e o último passo que vamos fazer é importar o primeiro esboço que vamos animar. Para fazer isso, vou clicar na chave de novo, no botão Ação. Vou para Adicionar, Inserir foto e selecionarei os esboços nos quais trabalhamos. Agora, o que vou fazer é pegar a ferramenta Selecionar com a mão livre mais uma vez, e vou escolher esse cara aqui, e eu vou pressionar Copiar Colar para que ele esteja em sua própria camada, e eu vou excluir o esboço original camada. Nós sempre o temos em nosso arquivo iPad, então ele não vai a lugar nenhum. Agora, vou continuar e fazer isso maior no meu Canvas para que eu possa trabalhar com facilidade. É um pouco pixelado porque eu explodi,
mas isso realmente não importa, pois é realmente apenas um guia. Agora, é isso que vou fazer referência para criar minha animação. Agora, tudo o que vou fazer é tocar
neste quadro na minha linha do tempo e vou defini-lo como plano de fundo. O que isso vai fazer é que toda vez que eu adicionar um quadro, aqui
ou aqui, sempre
verei meu primeiro quadro de referência. Agora, reduzo a opacidade para que as cores não sejam as mesmas, que
significa que não poderei escolher as cores daqui e obter a cor exata do meu paladar, mas sempre poderei alcançá-las através da paleta personalizada que criamos e nós definido como personalizado aqui. Tudo bem, então nosso arquivo está configurado, estamos prontos para passar para a próxima lição e realmente começar a criar movimento.
7. Técnica de ondulação: Para o nosso primeiro GIF, vamos explorar o jitter ou a técnica de manobra. Essa é uma das maneiras mais simples de animar uma ilustração porque ela realmente não envolve muito movimento. Essa técnica é mais para trazer um pouco de vida a imagens estáticas ou objetos
estáticos, implicando movimento mais do que qualquer coisa. Vamos começar. Temos nosso esboço colocado como nossa camada de fundo, que é uma referência. Agora vamos adicionar uma camada e podemos fazer isso. Adicione o quadro aqui ou em nosso painel de camadas. Vou desenhar em cima disso e vou
usar um pincel monolina e formas preenchidas. Vou usar o mesmo verde. É bom e profundo. Posso começar a esboçar diretamente em cima da minha referência. Vou usar a técnica de preenchimento sobre a qual falei anteriormente. Isso funciona muito bem com o pincel monolina porque todos os espaços são formas realmente fechadas. Uma das razões pelas quais estou usando a monolina é porque vou redesenhar essa ilustração exata algumas vezes,
e isso será muito mais fácil de fazer se eu não precisar mudar demais o tamanho do meu pincel. Fiz essas pequenas linhas de movimento, não
me importo com elas. Acho que são legais. Agora eu só quero adicionar um pouco mais de detalhes à minha folha, então vou selecioná-la clicando na camada. Vou usar o mesmo verde que usei para esses caras. Só para trazer um pouco mais de detalhes, assim. Nosso primeiro quadro de animação está pronto para começar. Neste ponto, eu realmente não preciso mais da referência para o esboço, então eu posso ir em frente e esconder este. Este é o nosso primeiro quadro e, para dar vida a essa ilustração, não
precisaremos de muitos quadros. Com dois ou três, devemos ser bons para alcançar esse efeito de jitter e essa vibração. O que vou fazer é apenas ir em frente e adicionar uma camada. Como você pode ver, não consigo ver o que trabalhei no quadro anterior, mas posso ligar algo chamado pele de cebola e isso é o que nos permitirá ver o que já fizemos
para que possamos planejar o que vamos fazer a seguir. Aqui, como você pode ver, minhas molduras de pele de cebola estão definidas como nenhuma. Mas assim que eu os trago até um, posso ver o que fiz um quadro atrás e se eu tivesse muitos mais quadros, poderia configurá-lo para 2, 3, 4, etc. Vou configurá-lo para um por enquanto, já que só tenho um quadro. Vou seguir em frente e mudar a opacidade também porque isso é outra coisa com a qual você pode trabalhar. Dependendo do que for mais confortável para
você, você pode alterar a opacidade da pele da cebola para ver no que está trabalhando. Tenho meu segundo quadro. Vou renomeá-lo para que fique claro. Vejo no que trabalhei anteriormente. Agora, o que vou fazer é literalmente
recriar exatamente a mesma ilustração com as mesmas cores e os mesmos pincéis. Eu nem vou tentar fazer nada se mover, mas porque não será exatamente perfeito, vai criar um pouco de discrepância e é isso que vamos criar, vibrante ou
o efeito de manobra assim que adicionarmos dois ou três quadros disso. Vamos começar a recriar essa ilustração e veremos em um minuto como ela se parece. Estou pegando exatamente o mesmo verde com o qual eu estava trabalhando para o outro e estou apenas redesenhando. Você não quer que isso seja perfeito, mas você não quer que fique muito longe. Aqui, por exemplo, você pode ver, não está exatamente alinhado, mas isso é exatamente o que queremos para essa técnica específica. Agora temos dois quadros dessa animação. Como você pode ver, quando clico neles, eles já estão começando a se mover um pouco. Para visualizar nossa animação, mesmo que tenhamos apenas dois quadros, ainda
podemos ver alguns movimentos. A primeira coisa que vou fazer é definir os quadros por segundo para algo realmente baixo, já que só tenho alguns quadros. Eu só vou tocar para visualizar minha animação e, como você pode ver, ela está se movendo. Isso foi bem simples. Apenas alguns quadros e acabamos de redesenhar a mesma imagem duas vezes. Se eu joguei com os quadros por segundo e os trouxe para algo realmente alto, ele começa a parecer um pouco louco, mas se você tem muitos quadros, é quando você vai usar algo alto porque vai fazer sua animação fluido extra. Agora vou trazê-lo de volta a algo um pouco lento, como quatro quadros por segundo. Para completar este GIF, vou seguir em frente e fazer exatamente a mesma coisa uma última vez, onde adiciono uma nova camada em cima da segunda. Vou chamá-lo de Frame 3 e basicamente redesenho exatamente o que fiz no Quadro 2 e no Quadro 1. Acabei de redesenhar o terceiro quadro e vou trazê-lo até a opacidade total. Agora tenho meu primeiro quadro, meu segundo quadro e meu terceiro quadro. Se eu for em frente e brincar com meus três quadros, minha folha está se movendo e nós a animamos. Agora isso é um pouco lento, então vou aumentar um pouco a proporção de quadros por segundo. Agora, isso está em seis quadros por segundo e acho que gosto de como isso parece. Como você pode ver, está vibrando, balançando. Eu realmente não era tão preciso com o quão de perto eu segui meu quadro inicial, então é por isso que temos esse efeito oscilante divertido acontecendo. Eu acho que esta é uma técnica muito divertida e
simples que você pode aplicar a praticamente qualquer ilustração ou esboço para que ela se mova um pouco. Isso é muito divertido para tratamento de texto também ou qualquer coisa que normalmente seria uma imagem plana. Se você quiser apenas trazer um pouco de diversão para isso, você pode criar facilmente uma animação para isso. Terminamos nossa primeira técnica. Agora aprendemos a animar uma ilustração muito simples no iPad,
diretamente no Procreate usando o Animation Assist. Fizemos tudo isso usando apenas três quadros. Não foi muito longo ou complicado. Esta foi uma ótima introdução e estou animado para entrar na segunda técnica, que será um pouco piscando com apenas dois quadros.
8. Técnica de piscar: Fizemos nossos primeiros GIFs e correu muito bem. Vamos experimentar outra técnica. Este, assim como o outro, vamos usar apenas alguns quadros, então é tão fácil, se não mais. Vou chamar isso de técnica intermitente. Isso é o que vamos fazer para esta lição. Para começar a trabalhar nessa nova técnica, a primeira coisa que vamos fazer é sair do nosso primeiro GIF, e vamos simplesmente duplicá-lo. Entre em nosso novo e começaremos excluindo os quadros que criamos, só para começarmos com a mesma tela e já temos nossa assistência de animação pronta. Agora vamos trazer nosso esboço. Vamos selecionar o que vamos
animar assim como fizemos na outra técnica. Vou ir em frente e inserir foto do aplicativo tab, selecionar meu esboço, explodi-lo um pouco, já que esta é a que vou animar, aquela com algum texto. Com a ferramenta de seleção à mão livre, mais uma vez, vou simplesmente dar a volta, clicar em Copiar e colar. Agora tenho meu texto de bom dia em uma nova camada, e vou excluir a inicial. Então eu simplesmente vou centralizar isso mais ou menos no meu quadro para que possamos começar a animá-lo. Para essa animação, estou escolhendo esse simples esboço baseado em texto. A primeira coisa que vamos fazer é criar uma nova camada, e depois vou acertar esta e defini-la como plano de fundo mais uma vez. Vou reduzir a opacidade do meu esboço um
pouco e agora podemos começar a trabalhar em nosso primeiro quadro. Para este esboço, vou usar o pincel de tinta seca da categoria de tinta na biblioteca de pincéis. Este também vem com o Procreate. Basicamente, o que vou fazer é contornar todas as minhas cartas e começar a renderizá-las. Vou reduzir isso um pouco mais. Para criar esse tipo personalizado, vou desenhar meu esboço muito vagamente, e então vou refiná-lo com a borracha. É basicamente assim que crio texto personalizado simples. Então eu vou pegar minha borracha em um tamanho bem pequeno. Esta é uma caneta de estúdio, também da categoria de tinta. Então você pode simplesmente entrar e refinar suas cartas, e fazer isso para cada letra de qualquer frase que você esteja animando. Para este primeiro quadro, vou desenhar a palavra inteira na mesma camada. Tudo vai estar em um quadro. Vou adicionar detalhes depois. Você sempre pode ocultar sua camada de esboço se quiser uma visão mais clara do que você está trabalhando atualmente. Se você é um pouco preguiçoso como eu, você pode até selecionar parte do seu esboço, já que vamos desenhar o O duas vezes. Vou apenas copiar e colar,
e vou bater em snapping e magnetics, e vou movê-lo ligeiramente para a direita
para que eu possa criar meu segundo O sem ter que redesenhá-lo. Agora, neste ponto, elas estão em duas camadas separadas. Vou apenas ir em frente, tocar no topo e mesclá-lo para que eles voltem em uma única camada. Como você pode ver, eu realmente não estou sendo muito preciso com meu esboço. Estou colorindo em torno dele. Estou movendo coisas só porque estou usando isso como referência mais do que qualquer outra coisa. Quando você está desenhando textos, você sempre pode definir guias para si mesmo também. O que vou fazer é mudar de cor. Vou escolher um tom cinza. Vou acertar a camada que acabei de criar embaixo do meu primeiro quadro, e vou preenchê-lo. Então eu vou apertar Transformação de Forma Livre e vou colocá-la debaixo meu texto e diminuir essa opacidade só para que eu
possa ter um guia para garantir que minhas letras estejam mais ou menos alinhadas. Mas também estou querendo que isso pareça um pouco divertido e peculiar, então também não vou ser muito preciso sobre isso. Agora, para ver o quadro em que eu estava trabalhando, vou acertar o quadro em que estou trabalhando,
clicar em Configurações e transformar meus quadros de cebola para dois ou mais. Dessa forma, poderei ver meu esboço e os quadros de cebola porque essas são as duas camadas antes daquela em que estou trabalhando. Mas, novamente, também não quero ser muito preciso com minhas letras porque quero
que pareça feito à mão e um pouco peculiar. Agora, o que estou fazendo aqui é apenas ajustar minhas letras usando a ferramenta Selecionar. Estou apenas selecionando as peças que quero mover. Dessa forma, sou capaz de alinhá-los à caixa que acabei de criar. Estou copiando esse N mais uma vez e mesclando de volta para a mesma camada. Temos nossa ilustração básica para nosso primeiro quadro. Agora, o que vamos fazer é em vez de criar um novo quadro no topo, antes de tudo, vamos excluir aquela coisa cinza que eu tinha na parte inferior para guiar minhas letras. Vou esconder meu esboço, e vou deslizar essa camada para a esquerda e duplicá-la. Agora, vou voltar para o primeiro quadro. Vou tocar na camada, clicar em Selecionar e vou começar a colorir algumas partes dela. Para alcançar o visual piscante, vou basicamente colorir parte disso com um verde diferente. Vou começar selecionando este verde que tenho. Eu acho que esses verdes não são ruins, mas os da minha paleta podem ser um pouco fortes
demais e isso pode dificultar a leitura. Vou apenas ir em frente e selecionar minha palavra e trabalhar um pouco aqui com o seletor de cores para descobrir um verde que eu prefiro. Mesmo se você tiver uma paleta, você sempre pode retrabalhá-la e adicionar cores conforme necessário. Acho que isso é bom, este verde mais escuro. Vou adicioná-lo à minha paleta aqui embaixo. O que vou fazer agora é reduzir o tamanho do meu pincel. Basicamente vou colorir todas as outras letras. Se eu começar com este G aqui, vou pular este O, e vou colorir este aqui, e vou fazer a mesma coisa pela palavra inferior. Isso foi bem simples. Agora, o que vamos fazer é ir para nossa outra camada e simplesmente colorir as letras inversas. Vou selecionar o mesmo verde e fazer a mesma coisa. Agora nós colorimos todas as nossas letras. Se passarmos de um quadro para o outro, como você pode ver, ele já está piscando, é por isso
que eu nomeei essa técnica assim. Vou baixar os quadros deles por segundo, e vou apertar Play para que possamos ver o efeito em movimento. Isso se assemelha aos néons brilhantes que às vezes estão fora das lojas e tal. Apenas trocando as cores nos dois quadros, podemos criar basicamente a ilusão de movimento. Para adicionar alguns detalhes,
vou apenas seguir em frente e criar outra camada logo acima do meu esboço, e posso ver as letras graças às configurações da pele de cebola. Só vou desenhar um arco, segurando-o no final para que o Procreate possa corrigir minha forma, apenas para usar como guia mais uma vez. Vou desenhar um guia no meio e nos lados. Esses são apenas alguns guias para o que vou adicionar aos meus mainframes. Agora vou pular para o primeiro quadro da minha animação. Vou desenhar diretamente aqui usando este verde mais escuro. Basicamente, vou adicionar detalhes do arco ou detalhes intermitentes. Porque este é um bom dia GIF, quero fazer algo que talvez imite um pouco o sol. Vou desenhar listras simples. Agora posso ir em frente e excluir a camada guia que criei, e vou pular no meu segundo quadro. Agora, vou pegar o verde mais claro com o qual comecei inicialmente. Vou desenhar exatamente o mesmo motivo, mas em todos os espaços negativos que restam. Agora podemos ir em frente e visualizar nossa animação para ver como ela se parece. Eu só vou bater em Play, e aqui temos isso, um movimento piscando. Agora, isso é um pouco rápido. Vou apenas ir em frente e virar o quadro por segundo para quatro ou mais. Aqui você tem isso. Esta é a técnica intermitente mais
uma vez, muito simples onde somos capazes de criar esse efeito de marcha final, aparência piscante e ilusão de movimento com apenas dois quadros. Confira a próxima lição em que mostrarei alguns outros aplicativos para essa técnica.
9. Como animar o fluxo: Agora que estamos familiarizados com a linha do tempo de assistência à animação, vamos tentar uma, terceira e última técnica. Este é chamado de fluxo de animação, e vamos fazer esse arco-íris. Ao contrário das outras duas técnicas que fizemos até agora, esta vai realmente dar vida a
alguns elementos e nós vamos criar movimento do nada. Essa técnica não é necessariamente mais difícil. É uma abordagem um pouco diferente. Ele se assemelha a mais animações quadro a quadro como animação 2D tradicional que você veria em todos os filmes da Disney, por exemplo, ou animação de stop motion. O que vamos fazer é deixar este. Mais uma vez, basta duplicar o último que fizemos para que possamos entrar no Canvas e ter toda a nossa configuração já pronta. Vou apenas ir em frente e excluir essas duas camadas para que possamos começar de novo. Assim como com as outras técnicas, vou acertar a chave inglesa, inserir uma foto, pegar meu esboço. Para essa animação, vamos trabalhar com esse arco-íris. Vou selecioná-lo, copiar e colar e garantir que ele esteja centralizado na minha composição. Fantástico. Temos nosso esboço pronto. Opa, esqueci de excluir essa camada, então vou seguir em frente e fazer isso. Agora, toque no meu arco-íris e defina-o como meu plano de fundo. Mais uma vez, vou diminuir a opacidade e criar uma nova camada no topo. Vamos começar basicamente fazendo com que as nuvens apareçam do nada. Estou criando uma nova camada em cima do meu esboço. Estou pegando o mesmo pincel de tinta seca e um tamanho bem pequeno. Vou começar com alguns pontos. Algo assim. Nada louco, mas vamos construí-los ao longo do tempo com quadros diferentes. O que vou fazer agora é simplesmente adicionar outro quadro. Graças à minha pele de cebola, posso ver o que está acontecendo aqui embaixo. Vou começar a construir desses dois pontos que eu já fiz. Estou basicamente tentando imitar um pouco a forma do meu esboço, mas em um tamanho miniatura. Assim mesmo. Por enquanto, estou apenas focando na nuvem esquerda porque a direita, vamos desenhar mais à medida que o fim do arco-íris chegar a ela. A partir daqui, deixe-me ir em frente e criar uma nova camada e fazer exatamente a mesma coisa. Basicamente, construa suas formas lentamente para combinar com seu esboço. Então, a partir daqui, você adivinhou, criamos uma nova camada e continuamos. Isso é o que quero dizer com criar algo do nada. Está realmente construindo a nuvem a partir de alguns pontos. Se você quiser ver como sua forma se parece, você sempre pode ocultar seu esboço e refiná-lo. Vou fazer mais um para uma boa medida. Se você quiser dar uma olhada sem a pele de cebola, você pode diminuir a opacidade ou diminuir a quantidade de quadros que você vê para baixo para que você possa ver exatamente o que está trabalhando agora. Temos a forma básica de um conjunto de nuvem. Agora, podemos começar a trazer nosso arco-íris. Para fazer isso, vou criar duas novas camadas e vou agrupá-las. Isso ocorre porque vamos começar a usar grupos e essa é outra noção chave deste curso. Até agora, usamos apenas camadas simples como quadros. Mas quando você estiver usando a assistência de animação, se você estiver fazendo uma animação um pouco mais complexa que precisa de mais camadas, você pode agrupar duas camadas, e o programa verá um grupo como um único quadro de sua animação. Por exemplo, vou começar aqui virando minha pele de cebola novamente e a opacidade também. Vou desligar meu esboço porque não posso simplesmente resolver o que eu tinha. Vou redesenhar minha nuvem exatamente da mesma forma que desenhei no meu último quadro. Eu desenhei minha nuvem. Se eu começasse a trazer meu arco-íris na mesma camada, seria muito complicado
desenhar, moldá-lo perfeitamente na minha nuvem. Eu teria que apagar ou ir com o azul. É por isso que estamos usando camadas. A camada embaixo da nuvem é aquela em que vou começar meu arco-íris. Tenho meu vermelho selecionado da minha paleta. Basicamente vou começar a trazer a leitura lentamente. Como um pouco quente atingindo a cabeça. Essa é a nossa primeira camada de grupo. O que vamos fazer daqui é adicionar mais grupos, então estou criando mais duas camadas. Mais uma vez, estou redesenhando minha nuvem. Vou desligar meu esboço para isso. Agora, para o meu segundo grupo, basicamente
vou fazer a mesma coisa que fiz com a nuvem. Volte meu esboço e basicamente adicione um pouco ao arco-íris. Agora, nós temos nosso vermelho e avançaríamos um pouco mais, mas neste segundo grupo, vou criar uma nova camada, trazê-la por baixo da vermelha. Vou começar a trazer um pouco de rosa. Vou selecionar o rosa da minha paleta e começar a trazê-lo lentamente como fiz com o vermelho no último grupo. simples quanto isso. Nós fechamos esse grupo e você adivinhou, criamos outro. Primeiro, estou desenhando minha nuvem novamente. Agora que eu desenhei minha nuvem, esse pouco, também vamos apresentar a outra extremidade do arco-íris. Vou voltar a virar meu esboço. Nessa mesma camada de nuvem, vou começar como fiz com essa nuvem esquerda e fazer uma bolinha aqui. Agora, posso continuar o vermelho e depois rosa. Esse é nosso terceiro grupo completo. Passando para o nosso quarto, é basicamente o mesmo processo. Esta, vou criar três camadas, porque como a outra, fizemos o rosa, o vermelho e o azul. Estou basicamente redesenhando exatamente a mesma coisa. Vou adicionar à nuvem. Vou adicionar a cada listras do arco-íris. Agora temos quatro grupos em nossa animação. Vamos ver o que parece quando jogamos de volta. Para isso, vou esconder meu esboço, meu plano de fundo. Vou seguir em frente e remover as configurações para seis quadros por segundo e clicar em Reproduzir para ver como é. Está se unindo. Podemos ver nossa nuvem aparecer lentamente. Se trouxermos um entalhe e movê-lo para 10 quadros por segundo, está começando a fazer sentido. Vamos continuar com mais alguns grupos até que nosso arco-íris esteja completo e nossas nuvens estejam totalmente preenchidas. Temos um monte de quadros únicos agora e quatro camadas de grupo. Vamos adicionar provavelmente mais alguns grupos que acabamos de passar pelo mesmo processo. Eu faço três camadas em um grupo, começo com as nuvens. Tenho certeza que já conhece o exercício. Acabei de desenhar os próximos elementos para este grupo. Como você pode ver, estou quase
terminando essa nuvem e elas quase chegaram à nuvem. Estou pensando em mais um grupo e estaremos prontos. Mas se jogarmos até agora, é assim que parece. Vamos seguir em frente e criar esse último grupo para que
possamos começar a adicionar alguns toques finais. Terminamos, nosso último grupo de camadas, que será nosso último quadro. Este, você tem que ter certeza de que realmente gosta como parece porque vamos fazer uma pausa neste, já que é o fim da nossa animação e queremos colocar um pouco mais de ênfase nisso. Como fazemos esse quadro durar mais do que os outros? Bem, há algumas maneiras de fazer isso. Você pode duplicar o grupo algumas vezes
ou selecioná-lo, ou selecioná-lo, clicar nesse quadro específico e definir por quanto tempo você deseja que ele mantenha. Como você pode ver quando estou movendo o cursor para a direita, ele está adicionando mais quadros. Se eu quiser que seja apenas um ou dois quadros, eu o movo para a esquerda. Para este quadro, acho que vou fazer com que ele durasse quatro quadros. Vamos ver como ele se parece. Agora, antes de fazermos qualquer outra coisa, também
quero adicionar alguns quadros em branco no início da minha animação. Podemos realmente entrar gradualmente nas nuvens se construindo em vez de pular nela imediatamente. Eu adicionei três quadros em branco logo sobre meu esboço, escondi meu esboço. Vamos ver como essa animação se parece. Isso é o que parece até agora, não é ruim. Pode ser um pouco mais fluido, então vamos trabalhar nisso. Mas não é um mau começo. Como os tornamos mais fluidos? Bem, sempre podemos entrar em cada um de nossos quadros ou grupos e apertar nossos esboços, garantir que nossas linhas sejam agradáveis e nítidas. Como essa animação é um arco-íris, acho que ficaria ainda melhor se entrássemos em configurações e a mudássemos de loop para ping-pong para que o arco-íris possa voltar para si mesmo. Vamos dar uma chance e ver como ele se parece. Isso já está muito melhor, vou tornar a taxa de quadros um pouco mais alta, talvez 12 quadros por segundo, e ver como ela parece agora. Isso é muito divertido. Agora, de vê-lo algumas vezes, já
estou pensando que posso adicionar um pouco de nuvem chegando mais cedo deste lado. Podemos até adicionar uma terceira cor, se quisermos depois. Tudo o que você precisa fazer é voltar para qualquer um dos seus quadros e começar a adicionar uma nova cor, seja em uma nova camada ou em uma que você já possui dentro do seu grupo. Vou adicionar algumas estrelas e brilhos a essa animação. Para fazer isso, vou para a última nuvem que desenhei antes de saltarmos para os grupos. Vou transformar este em um grupo adicionando uma camada na parte superior e combinando-a para baixo. Vou pegar este verde da minha paleta, e vou fazer quatro pontos aqui e por aqui. Como você verá, elas se tornarão estrelas
nas próximas duas camadas que vamos adicionar. Agora, a partir dessa camada, vamos saltar para o grupo logo acima e criar uma nova camada. Este vai se tornar o contorno de uma estrela. Vamos fazer pedaços espetados para este. Agora, passando para o quadro acima, mais
uma vez, estou criando uma nova camada. Agora, esse cara está se tornando uma estrela. Este só vai ser os pedaços espetados. Vamos encerrar esse ciclo neste grupo acima, onde este se tornará a cruz
no início e este só será os poucos pontos. A razão pela qual eu fiz ciclos reversos neles é para
que eles não vão brilhar exatamente ao mesmo tempo. Dessa forma, ele criará variedade no movimento. Vamos ver o que parece quando jogamos completamente. Nossas estrelas estão brilhando e estão acendendo no tempo inverso, o que eu acho que parece bom. Esta é a nossa animação final. Espero que você goste dessa técnica. Foi um pouco mais avançado do que o que vimos antes, mas foi muito refazer a mesma coisa. Espero que você aprenda alguma coisa, e que tenha gostado. Na próxima lição, veremos como podemos exportar nossos presentes e usá-los em vários contextos.
10. Outros aplicativos: Parabéns por chegar até aqui. Neste ponto, aprendemos tudo sobre três técnicas de animação diferentes, desde o uso de apenas alguns quadros até grupos de camadas completas. Bem, feito e espero que isso esteja inspirando você a criar muitos mais GIFs animados. Antes de entrar em como exportar nossos GIFs, eu queria compartilhar com vocês alguns exercícios extras que você pode fazer para
se sentir confortável com essas técnicas e
ver como você pode aplicá-las a diferentes tipos de arte. Esta é uma pequena animação de envelope que criei recentemente com base exatamente no mesmo princípio. Basicamente, o primeiro quadro, acabei de desenhar esse envelope, e no segundo quadro, simplesmente o
movi usando a ferramenta de seta para aqui, apenas movei-o ligeiramente para o outro lado. Foi inicialmente aqui, como você pode ver com a pele da cebola. Quando você joga isso, mais uma vez, você tem um movimento muito leve, mas de repente sua imagem é animada. É basicamente uma variação da mesma técnica. Vou deixar esses arquivos abaixo nos recursos
da classe se você quiser baixá-los e dar uma olhada em como eu os configurei, ou se você quiser tentar esses exercícios sozinho. Este também é outro em que uso a mesma técnica em que simplesmente mudo as cores de um quadro para o outro. Como você pode ver, há apenas dois quadros. Esse cara e esse cara. Tudo o que fiz foi mudar as cores de um quadro para o outro e girar ligeiramente cada elemento selecionando-os e
pressionando a ferramenta de seta e apenas movendo-os ligeiramente para um lado ou para o outro. Sempre que você reproduz o GIF, mesmo que seja apenas dois quadros, parece que há muito mais acontecendo. Vamos dar uma olhada em mais um exercício de bônus. Este é um balanço simples e eu só usei a mesma técnica que animar o fluxo. Este é o GIF que eu inventei. Agora vamos dar uma olhada na estrutura da camada. Como você pode ver, há cerca de seis quadros nesta animação. Basicamente de um quadro para o outro, como você pode ver, a única coisa que está realmente se movendo, são as folhas e as flores. Agora, se eu fosse ligar a pele da cebola e a opacidade para realmente mostrar toda a animação,
você verá que o vaso realmente permanece o mesmo e as flores são
o que está se movendo da esquerda para a direita. Esta é uma maneira legal de visualizar sua animação e ver o quão fluido seu movimento realmente ficará. Outra coisa interessante que você pode fazer é pedir ao Procreate para segurar um quadro específico. Isso ajuda com o impulso. Ele pode ajudá-lo a cronometrar sua animação e também adicionar ênfase no início ou no final dela. Foi o que fiz
nos últimos dois quadros para que houvesse um pouco de pausa antes voltar para o início da animação. Aqui está outra dica. Se você quer criar uma animação que tenha muitos elementos diferentes, ou talvez isso seja um pouco mais complexo, não
hesite em usar o recurso de grupo. Como falamos antes, cada grupo é igual a um quadro de sua animação. Isso é o que eu fiz inicialmente para esse GIF. Em cada um dos meus grupos, tenho o vaso, tenho as flores e tenho as folhas em uma camada separada para cada um. Isso facilitou o planejamento do
meu movimento e não tive que ser tão cuidadoso quando o estava desenhando. Quando fiquei feliz com isso, acabei de achatá-lo. Você não precisa achatar, é claro, mas eu só quero que minhas camadas pareçam um pouco mais limpas, para este exemplo. Eu fui em frente e adicionei todos os arquivos do Procreate para esses exercícios recursos
da classe para que você possa baixá-los e abri-los e procriar, ver como o arquivo está estruturado e você pode recriá-los se quiser. Você não precisa redesenhar exatamente os mesmos projetos, é claro. Você pode simplesmente passar pelos quadros e aplicar essa lógica a qualquer ilustração ou esboço que você possa ter. Agora que você está super familiarizado com a animação quadro a quadro, vamos ver como podemos tirar esses GIFs fora do Procreate e usá-los em diferentes contextos. Na próxima lição, veremos como exportar nossos GIFs e como eles podem viver fora do Procreate.
11. Como exportar: Tudo bem, fizemos alguns GIFs bem legais. Vamos em frente e exportá-los para que possamos usá-los. Vamos para o nosso primeiro GIF. Para fazer isso, acabei de clicar no primeiro GIF que fizemos. Vou tocar nessa chave inglesa e entrar na terceira guia para compartilhar e clicar em “GIF animado” no compartilhado que suas opções aqui você verá seu GIF, uma prévia dele, e você poderá modificar a quantidade de quadros por segundo que você quer que ele esteja na exportação. Para este, acho que vamos com seis. Você também pode optar por tê-lo com um fundo transparente, que é o que vou buscar para a maioria desses GIFs por enquanto. Agora, este é o GIF de resolução máxima. Você também pode obtê-lo em um formato pronto para a web, o
que será muito mais leve. Se você quiser enviá-lo através de mensagens ou algo assim,
essa pode ser uma boa opção, se você quiser exibi-la em seu site ou
se quiser usá-la no Instagram ou algo assim, eu iria para uma exportação de resolução máxima maior. Vou seguir em frente e clicar em “Exportar” no canto aqui, e daqui, você pode AirDrop para um de seus dispositivos. Se você usa outros produtos da Apple, também
poderá enviá-lo por mensagem de texto ou enviar um e-mail para alguém com ele. Por que não, e você também pode compartilhá-lo através do messenger para um de seus amigos. Mas, por enquanto, vou seguir em frente e clicar em “Salvar imagem” para salvá-la no meu iPad. Agora você pode fazer isso com todos os outros GIF que você criou e começar a usá-los, se quiser. Encontre-me na próxima lição, onde mostrarei ainda mais maneiras de usar suas animações.
12. Como usar seus GIFs: Temos uma boa coleção de GIFs. Agora, vamos ver quais são as maneiras divertidas que podemos usá-las. Uma primeira ideia para usar seus GIFs seria enviá-los para seus amigos e familiares por meio de uma mensagem ou mensageiro. Essas coisas que você pode fazer diretamente através do iPad ou exportar seus GIFs, enviá-los para o seu celular e usá-los a partir daí. Aqui como você pode ver, eu copiei para dar no meu telefone e estou apenas colando na área de mensagens e enviando para minha mãe para desejar um bom dia a ela. Outra maneira muito legal de usá-los seria copiá-los e colá-los em suas histórias do Instagram. Eles aparecerão como animações sobrepostas sobre qualquer imagem ou vídeo que você está tentando publicar. Aqui estou apenas copiando meu GIF do meu celular e
vou para o aplicativo Instagram, onde já tenho uma foto, então estou pronto para postar na minha história. Posso usar este botão Adicionar adesivo ou usar a ferramenta de texto e simplesmente clicar no texto e colar meu GIF no lugar. Assim. Como você pode ver, ela aparece na minha história totalmente animada à medida que a criamos. Farei outro exemplo com este bom dia GIF. Mais uma vez, vou apenas copiá-lo do meu telefone, ir para o Instagram, onde tenho um plano de fundo simples e vou colá-lo da ferramenta de texto aqui. Aqui eu sou capaz de redimensioná-lo e colocá-lo onde eu quiser e, em seguida, posso adicionar alguns outros elementos de interface se quiser à minha história. Se você estiver interessado em ter seus GIFs mais
disponíveis publicamente em plataformas como o Instagram, por exemplo, vou mostrar rapidamente como você pode se inscrever para um perfil de artistas do GIPHY, que você pode carregar seus GIFs no plataforma e com que pessoas em todo o mundo as usem pesquisando seu nome.
13. Como aplicar ao Giphy: Se você quiser que seus GIFs estejam disponíveis publicamente através do GIPHY, você também pode aplicá-lo para ser um artista GIPHY como eu. Você quer ir para giphy.com e fazer login ou se inscrever em uma conta. Depois de entrar, você terá que fazer o upload de um mínimo de cinco GIFs para serem considerados para o perfil de um artista. Você pode selecionar seus GIFs e poderá colocar algumas tags e também um
URL de origem , caso as pessoas queiram saber quem criou os GIFs, elas serão redirecionadas para lá. Para as tags, se você tiver o nome de um artista ou um identificador específico, certifique-se de colocá-lo lá porque é assim que as pessoas poderão encontrá-lo. Se você quiser adicionar tags individuais para cada GIFs, você terá que carregá-las uma a uma. Em seguida, vá em frente e clique “Upload” e agora você verá seu perfil com os GIFs que você acabou de enviar. Neste ponto, você tem que ir para giphy.com/apply. Vá para a seção do artista e clique no botão “Selecionar artistas”. Você terá outro formulário para preencher
e, em seguida, poderá enviar sua inscrição. Espero que algumas semanas depois, você possa receber um e-mail como este informando se você foi aceito para um perfil de artista. Neste ponto, seus GIFs estarão disponíveis para todos usarem no TikTok ou Instagram ou Facebook apenas pesquisando as diferentes tags que você colocou. Coloquei meu identificador
e, como você pode ver quando pesquisei no Instagram na guia de adesivos, consigo encontrar os GIFs que criei e posso adicioná-los às minhas histórias. Há uma última coisa que eu queria mostrar a você sobre os GIFs do Instagram. Se você colocar um GIF em sua história e segurá-lo por alguns segundos, poderá fixá-lo no lugar. Isso adicionará um recurso de rastreamento a ele e uma segunda camada de animação, onde ele seguirá o que estiver acontecendo no vídeo. Lá você tem isso, é assim que você também pode se tornar um artista GIPHY verificado e fazer com que seus GIFs sejam usados por milhões de pessoas em todo o mundo.
14. Conclusão: Parabéns que você fez isso. Neste curso, abordamos tudo, desde configurar
sua tela até criar uma animação de arco-íris completa do zero. Se há uma coisa que espero que você tire desta aula, é esta: dar vida à sua ilustração não precisa ser complicado. Você pode fazer isso acontecer com apenas alguns quadros de animação. Espero que você tenha essas técnicas em mente e que vá em frente e as aplique a qualquer desenho que você queira trazer para outro nível. Eu adoraria que você compartilhasse o que criou na galeria do projeto. Se você se inscreveu para o perfil de um artista GIPHY, certifique-se de compartilhá-lo também. Estou muito animado e curioso para ver o que você inventou. Eu realmente agradeceria se você pudesse deixar um comentário sobre este curso e me informar o que você pensou. Também tenho outra aula de procreate sobre ilustrar retratos no iPad. Você também pode me seguir aqui para descobrir atualizações e quando eu postar novas aulas. Muito obrigado novamente por participar desta aula, e nos vemos da próxima vez.
Maia Faddoul, Ilustrator & Designer
