Animação no Procreate: crie GIFs para histórias no Instagram

1. Introdução: Ei, todo mundo. Meu nome é Amaya, sou artista e criador de vídeos. Nesta aula, vou mostrar a vocês como criar GIFs para Histórias do Instagram usando o recurso Animation Assist do Procreate. novas ferramentas de animação do Procreate tornam a criação de GIFs um processo super simples e divertido. Usaremos o Giphy para fazer upload dos GIFs que criamos, que é um banco de dados online onde os usuários podem pesquisá-lo e compartilhar GIFs animados e adesivos. Nesta classe, você aprenderá como criar GIFs adequados para histórias do Instagram. Adicione movimentos simples ao seu trabalho artístico, os conceitos básicos da animação no Procreate, exporte o upload de animações para o Giphy e os GIFs do usuário nas Histórias do Instagram. Mesmo que você seja novo no desenho ou no uso do Procreate, você verá esses passos simples fáceis de seguir e aplicar ao seu próprio trabalho. No Giphy, você terá a opção de se inscrever no canal de um artista, que tornará seus GIFs pesquisáveis no Instagram, significa que qualquer um pode encontrar os GIFs que você criou e usá-los em suas próprias histórias. Se você é um artista querendo compartilhar seu trabalho com mais pessoas, mostrarei o processo de inscrição para um canal de artista no Giphy. Isso não é necessário se você estiver apenas procurando usar seus GIFs para uso pessoal. Não se preocupe, eu mostrarei como você pode usar seus GIFs em suas próprias Histórias do Instagram sem precisar do canal de um artista. 2. O que é GIPHY?: Novamente, Giphy é um banco de dados online e motor de busca onde você pode compartilhar e procurar GIFs animados e adesivos. Estamos criando GIFs nesta classe, mas no Giphy eles são chamados de adesivos. Essencialmente, é apenas um GIF com um fundo transparente. No Giphy, os adesivos são classificados separadamente dos GIFs, e eles também têm sua própria API. Esta API potencializa a experiência de adesivos em vários aplicativos diferentes, um deles é o Instagram. Como esta classe é sobre a criação desses GIFs ou adesivos para o Instagram, estaremos seguindo as melhores práticas para criar adesivos. Você pode criar sua própria conta e fazer upload de seus próprios GIFs e adesivos, e como eu mencionei, na introdução você também pode se inscrever para um canal de artista. Dessa forma, você pode mostrar seu trabalho através da rede de pesquisa e API da Giphy, além de ter acesso a análises diárias e insights de pesquisa. vez, com um canal de artista, isso tornará seus GIFs pesquisáveis no Instagram, bem como outras plataformas que suportam Giphy. Se isso é algo em que você está interessado, eu estarei compartilhando todas as informações mais tarde na aula. Na próxima lição, darei uma visão geral das melhores práticas para criar adesivos. 3. Melhores práticas: Vou rever brevemente as especificações do adesivo que são adequadas para carregar para o GIPHY. Recomenda-se usar qualquer resolução que faça com que seu adesivo pareça melhor. O GIPHY redimensiona automaticamente os envios para usos em diferentes aplicativos e plataformas. Uma dica é usar múltiplos de quatro para a largura e altura do seu Canvas. O tamanho que uso é 4.000 por 4.000 pixels. Se você não estiver usando a arte para qualquer outra coisa, então você não precisa torná-la tão grande, 2.000 por 2.000 pixels é bom. adesivos precisam caber na tela. Se eles forem exportados com muito espaço vazio no quadro, eles ficarão muito pequenos quando forem carregados no GIPHY. Pelo menos 20% do primeiro quadro precisa ser transparente para que ele se registre como um adesivo e os adesivos também devem ser exportados sem fundo. Como esses adesivos serão visualizados em um tamanho muito pequeno, você não quer que eles sejam muito detalhados. Aqui estão algumas dicas para adesivos que se dão bem em histórias do Instagram: eles devem ser fáceis de usar na conversa, apelar para um público amplo, ser universal e fácil de entender, e envolvente para adesivos que dizem deslizar para cima ou link na biografia. Agora que já passamos por tudo isso, vamos entrar no básico da animação no Procreate. 4. Noções básicas da animação no Procreate: Vamos entrar no básico da animação no Procreate. Nesta classe, usaremos a ferramenta Animation Assist no Procreate. Esta ferramenta oferece recursos como cebola skinning e simplesmente volta uma linha de tempo visual, e a capacidade de editar e gerenciar quadros individuais e a animação como um todo. Ativando a Assistência de Animação. Para ativar a Assistência de Animação, toque no ícone de chave inglesa no canto superior esquerdo. Isso abrirá o menu de ações. Em seguida, toque em “Canvas” e ative a Assistência de Animação. Todas as camadas existentes serão exibidas como quadros na linha do tempo. A linha do tempo representa cada quadro de sua animação como uma miniatura. É semelhante ao painel de camadas, mas virado de lado. Existem algumas maneiras de navegar pela linha do tempo. Toque em um quadro para saltar para ele, arraste a linha do tempo para frente e para trás ou deslize a linha do tempo para uma rolagem rápida. Tenha em mente que o quadro selecionado no momento será sublinhado em azul. Toque em “Reproduzir” para visualizar sua animação. Você pode parar a reprodução tocando em Tela, na linha do tempo ou tocando em “Pausar”. Toque em “Adicionar quadro” para adicionar instantaneamente um quadro em branco, ao lado do quadro atual na linha do tempo. Você pode exibir opções específicas de quadro tocando em qualquer quadro. Este menu lhe dará uma variedade de configurações que se aplicam a quadros individuais. Você pode duplicar, excluir ou ajustar a duração da retenção em um quadro. Toda a configuração de duração permite que você crie uma pausa e movimento. Na animação, uma espera cria um momento de quietude ao reproduzir o mesmo desenho sobre vários quadros. A linha do tempo exibirá essa retenção como uma série de quadros acinzentados. Se sua retenção durar cinco quadros, você verá cinco quadros acinzentados na linha do tempo. Você pode se livrar da retenção arrastando o controle deslizante de volta para nenhum. Toque em “Duplicar” para criar uma cópia do quadro selecionado na linha do tempo. Para se livrar de um quadro, toque em “Excluir”. Qualquer opção pode ser desfeita imediatamente depois com um toque de dois dedos. A opção de primeiro plano bloqueia um quadro no lugar como um elemento de primeiro plano consistente, que aparecerá na parte superior de todos os outros quadros em sua animação. Mova qualquer quadro para a posição mais à direita para defini-lo como primeiro plano. Somente o quadro mais à direita pode ser atribuído como primeiro plano, e você só pode ter um primeiro plano por vez. Para revertê-lo para um quadro normal, toque na opção “Primeiro plano” novamente. A alternância de fundo, bloqueia o quadro no lugar como um elemento de fundo consistente, que aparecerá abaixo de todos os outros quadros em sua animação. Somente o quadro mais à esquerda pode ser atribuído como plano de fundo, e você só pode ter um de cada vez. Mova qualquer quadro para a posição mais à esquerda para defini-lo como plano de fundo. Toque no botão “Fundo” novamente para revertê-lo para um quadro normal. Para abrir o menu de configurações, toque em “Configurações” no lado direito da barra de ferramentas Animation Assist. Este menu controla as configurações para a animação geral e a interface do Animation Assist. Você pode usar quadros por segundo para acelerar e diminuir a velocidade dos quadros existentes que você tem. Diminua qualquer animação diminuindo a velocidade de quadros ou adicionando mais quadros entre a sua animação. As opções de esfolamento de cebola mostram cópias semitransparentes dos desenhos em ambos os lados do quadro atual. quadros que estão ao lado do seu quadro atual serão mostrados como quase sólidos. quadros que estão mais longe dele, ficarão progressivamente mais transparentes. Para definir o número de quadros mostrados na pele de cebola, arraste o controle deslizante do quadro de capa de cebola. Você pode configurá-lo como nenhum, mostrando apenas o quadro atual, ou você pode empurrá-lo para até 12 quadros ao redor. Para definir a transparência dos quadros mostrados na pele de cebola, arraste o controle deslizante de opacidade da capa de cebola. Você pode definir a opacidade para zero por cento, tornando os outros quadros invisíveis, ou defini-la até 100%, tornando os quadros circundantes quase completamente sólidos. Por padrão, o quadro atual aparece como sólido na parte superior dos quadros ao redor. Alterna a opção de quadros secundários de cor. Quando isso estiver ativado, os quadros que estão à frente do quadro atual aparecerão em verde e os que estão por trás aparecerão em vermelho. As três opções na parte superior do painel de configurações oferecem diferentes maneiras de reproduzir seus quadros de animação. Com a opção de loop, os quadros da sua animação serão reproduzidos do início ao fim e, em seguida, retornarão imediatamente ao início e reproduzirão novamente. Este ciclo se repetirá continuamente. Com a configuração de ping-pong, os quadros de sua animação serão reproduzidos do início ao fim, do fim ao início e, em seguida, repita o processo novamente. A configuração é boa para movimentos de loop que revertem para si mesmos. Com a configuração de um tiro, os quadros de sua animação serão reproduzidos do início ao fim, uma vez, e depois param. A configuração é boa para uma animação narrativa simples que conta uma história com um começo e um fim. Toque no ícone de chave inglesa no canto superior esquerdo e clique em “Compartilhar”. Na seção de camadas de compartilhamento do menu de compartilhamento, você encontrará três formatos ideais para explorar a animação e cada formato oferece diferentes benefícios. GIF é o formato mais comum e versátil para animações web. Esta é a opção que usaremos para exportar os GIFs feitos na classe. Você verá algumas opções ao explorar um GIF animado. A única opção que você estará ativando é o fundo transparente. Quando isso estiver ativado, um controle deslizante de limite Alfa aparecerá. Essa configuração converte áreas semitransparentes da camada ativa em áreas completamente transparentes ou completamente opacas, com base em um limite definido usando o controle deslizante. Você só precisa ajustar o controle deslizante se você não estiver usando um pincel sólido. Se você estiver usando um pincel sólido, que significa que ele não tem textura, você pode deixar o controle deslizante em zero por cento. Se você usar um pincel texturizado, você pode ajustar o controle deslizante ao seu gosto. Embora eu recomendo mantê-lo em 50% ou menos, para preservar a qualidade de sua animação. Isso foi apenas o básico da animação no Procreate. Nas lições a seguir, começaremos a trabalhar em GIFs que são adequados para Histórias do Instagram. 5. GIse de texto simples: Para começar, estamos começando com um GIF muito simples. Isto vai ser apenas uma palavra. Você pode usar a palavra que quiser, claro. Vou usar o pincel redondo. Basicamente com este GIF, cada letra terá uma cor diferente, e essa será a animação. As cores vão mudar a cada quadro. Só estou alternando entre azul, rosa e amarelo. Lembre-se de preencher sua tela o máximo que puder. Depois de ter sua palavra escrita, então você pode ativar a assistência de animação. Adicione um quadro. Agora, desde que terminei com amarelo, vou começar com amarelo. Desenhe sobre as letras anteriores e mude novamente as cores. Depois de fazer isso, você pode adicionar outro quadro e fazer a mesma coisa. Você pode alterar a opacidade dependendo se você deseja ver as camadas anteriores ou não. Estou adicionando outro quadro e fazendo isso novamente para que eu tenha cinco quadros no total. Diminuindo os quadros por segundo para cerca de quatro. Você pode ajustar a velocidade como quiser. Mas estou feliz com isso. Depois de terminar com seu GIF, clique em Compartilhar. Ative o fundo transparente. Como eu usei um pincel sólido, eu não tenho que me preocupar com o limite alfa, e ir em frente e exportar. 6. GIf: Para este GIF, estarei animando este desenho de girassol que eu tenho. Então, se você tem uma secagem que é semelhante a esta, que você só quer dar algum movimento para, então é assim que eu vou animá-la. Traga seu desenho e encaixe-o na tela e ative a Assistência de Animação e reduza a opacidade do desenho. O pincel que estou usando é o pincel de script e tudo o que estou fazendo é desenhar sobre o desenho anterior. O caule vai permanecer no mesmo lugar, mas as folhas e as pétalas vão mudar um pouco. Uma vez que eu tenha delineado o verde, eu vou preencher isso. Agora mudando para amarelo para delinear as pétalas da flor e eu estou deslocando-as para baixo apenas um pouco. Uma vez que eu tenha isso delineado, eu vou arrastar e soltar a cor dentro Agora temos nosso segundo quadro, e você pode começar a ver o movimento entre esses dois quadros. Agora adicione um quadro e faça a mesma coisa, mas desta vez você vai mudar tudo o resto um pouco mais para baixo. Você vai repetir isso até que você tenha cerca de cinco quadros. Você pode fazer menos ou mais quadros dependendo de como deseja que seu desenho se mova. Agora eu vou apertar “Play” e ver como isso parece até agora, ajustar os quadros por segundo. Vou deixar em torno das cinco e é assim que parece atualmente. Eu estou mudando isso para Ping-Pong para que ele saia e volte para dentro, mas é claro, dependendo de qual é o seu desenho você pode usar qualquer uma dessas configurações. Eu só vou adicionar mais um quadro e, em seguida, eu vou ser feito com este GIF. Uma vez que você tem seus quadros todos desenhados e você pode reproduzi-lo, e se você está feliz com o que parece, você pode ir em frente e clicar em “Compartilhar”, “GIF animado”, ativado o fundo transparente, e exportá-lo. 7. Gif: O próximo GIF será semelhante ao anterior. O pincel que estou usando é este lápis 6B, e como você pode ver, eu tenho o desenho já feito. Assim que a animação auxiliar estiver ligada, adicione um quadro, e o que eu vou fazer é desenhar o contorno das folhas, deslocando-as um pouco para a esquerda, para fazer parecer que a planta está se movendo. Claro que fique no mesmo lugar, então eu estou apenas desenhando bem sobre isso, e deixando cair a cor dentro Agora estou diminuindo a opacidade para que eu possa ver a camada anterior. Ativando Alpha Lock para que eu possa ver os detalhes na camada anterior e desenhá-los sobre as folhas. Uma vez que eu fiz isso, eu estou girando a opacidade de volta para cima e consertando as áreas que eu desenhei. Agora, quando eu toco, você pode ver o movimento na planta. Para tornar isso um pouco mais fácil, vou apenas duplicar a primeira camada, arrastá-la até o fim. Duplicar o segundo e arrastá-lo até o fim, para que tenhamos menos quadros para desenhar. Só vou mudar a configuração para pingue-pongue. Agora vou compartilhá-lo como um GIF animado. Ligue o fundo transparente, e como eu usei um lápis 6B, que é textura, você pode vê-lo quando eu ajusto o limite de bloqueio alfa, você pode ver o que isso faz. Então eu vou deixar no meio e “Exportar”. 8. Navegar para cima: O próximo é um deslize GIF para cima. Se você usasse isso em sua história do Instagram e tivesse um link, então você poderia usar isso. O que estou fazendo é adicionando texto e digitando, deslizando para cima, selecionando isso, e então eu estou alterando a fonte. Certifique-se de torná-lo tão grande quanto você pode para preencher o máximo da tela. Só estou mudando a cor para a primeira cor que quero usar. Desde que eu vou ter o GIF subindo, modo que ele está em um movimento furto para cima. Vou então colocar o primeiro texto na parte inferior. Agora, crie uma nova camada e diminua a opacidade da camada de texto. Para isso, estou usando o lápis 6B. Agora tudo que você precisa fazer é traçar sobre a camada de texto. Mas certifique-se de que você está na nova camada que você tem acima dela. Estou deixando meu texto como um esboço. Agora o que estou fazendo é excluir a camada de texto anterior porque não precisamos disso. Ative a Assistência de Animação. Vou duplicar esta camada. Para criar esse movimento ascendente, eu vou arrastá-lo apenas um pouco para que ele ainda esteja sobrepondo a camada anterior. Agora eu vou clicar nesta camada e ativar Alpha Lock para que eu possa mudar a cor. Eu vou mudar para um pincel maior para que eu possa desenhar sobre ele completamente, e desenhar sobre ele para mudar a cor. Agora estou duplicando essa camada. Mais uma vez, eu vou arrastá-lo um pouco sobre a mesma quantidade de antes. Em seguida, clique nessa camada, ative Alpha Lock. Novamente, vou mudar a cor e você repete isso até chegar ao topo da tela. Isto é o que parece. Vou baixar os quadros por segundo para cerca de seis. Na verdade, estou mudando algumas das cores porque algumas delas são muito leves. Veja como GIF Animado. Ative o plano de fundo transparente e exporte. 9. GIse para botão: Este próximo GIF é um botão. Você vai começar com a base de um botão. Você pode fazer isso da forma que quiser. Eu fui para um retângulo. Eu vou duplicar isso e torná-lo um pouco menor para que esta seja a parte real do botão que você vai empurrar para baixo, e que vai ser a animação. Vou centralizar isto e colocá-lo. Mas vamos precisar fazer algumas coisas para fazer parecer que é um botão sendo pressionado. Certifique-se de que você está na camada superior e use a ferramenta de seleção para desenhar em torno do topo. Clique em “Copiar e colar” para que ele crie uma nova camada, e é assim que será. Você não precisa se preocupar com o fundo ser muito suave. Nós vamos corrigir isso, agora que temos o topo disso separado do resto quando nós usá-lo para criar a animação, vai parecer que ele está sendo pressionado para baixo. Para começar, vamos colocá-lo todo o caminho na base. Basicamente, como será o botão quando estiver totalmente pressionado para baixo, vamos colocar a camada na parte inferior. Vamos apagar a metade superior da segunda camada que está espreitando por trás disso. Agora que você apagou esse pouco, vamos mudar para a terceira camada, que é a parte superior desta parte, e suavizar a borda inferior dela, apenas para que ela não acabe pegando quando criamos nossa animação. Agora você deve ter três camadas, e deve ser algo um pouco parecido com isso. Agora vou adicionar texto e estou usando subscrever. Você pode usar subscrever, seguir como qualquer coisa assim. Mas eu vou usar a assinatura. Vou selecioná-lo, clique em “Warp” e Advanced Mesh. Só estou fazendo isso para ajustar um pouco a perspectiva. Mesclando isso com a camada superior. Agora temos o topo do botão, a seção do meio e, em seguida, a base. Vou fundir a seção do meio com a base para que agora tenhamos duas camadas. Agora podemos ir em frente e clicar em “Tela e animação Assist”. Nós vamos definir para a primeira camada como o plano de fundo para que nós apenas temos o topo do botão separado, e nós vamos duplicar isso. Com cada camada que criamos, vamos arrastá-la ligeiramente para baixo. Agora, duplique essa camada e, em seguida, traga-a ligeiramente novamente até chegar ao fundo. Vou reduzir os quadros por segundo para cerca de quatro. Vou duplicar o primeiro quadro e trazê-lo até o fim, para que quando o botão for pressionado, ele volte imediatamente para cima. Eu vou segurar o último quadro por cerca de três segundos, mas você não pode configurá-lo para o que você preferir. Salve-o como um GIF animado. Ative o fundo transparente e exporte. 10. GIf com vários Sunflower: Este próximo GIF é outro super simples, então estes são apenas girassóis giratórios. Estes girassóis eram desenhos que eu já tinha feito. Então eu vou ativar o Animation Assist. Eu vou duplicar esta camada e desenhar em torno de um dos girassóis e eu vou girá-lo um pouco. Desenhe na próxima flor e gire um pouco também. Então faça isso até o último girassol. Agora vou duplicar esta camada e fazer a mesma coisa. Assim, como você pode ver a camada anterior um pouco quando você tem o Animation Assist ativado, você pode ver o quanto você precisa mover todas as vezes. Agora eu tenho cinco quadros, eu vou trazer os quadros por segundo para baixo para seis e jogar isso. Estou feliz com isso, embora eu vou mudar isso para ping-pong, então ele vai e vai em vez de loop. Eu dupliquei o último quadro embora, e moveu-os um pouco mais e apenas para que eles tivessem um pouco mais de movimento. Se você quer que haja mais movimento ou menos movimento, tudo depende de você. Mas eu estou feliz com isso, então eu vou ir em frente e exportá-lo. 11. GIf para câmera polaroid: A próxima é essa Polaroid. Eu já tinha essa câmera Polaroid desenhada e eu estou apenas ajustando para a tela, mas deixando espaço no topo para a Polaroid. Agora eu estou fazendo uma nova camada e eu estou apenas usando uma cor branca para o quadro da Polaroid, isso é o que eu estou começando a desenhar aqui. Só para tornar as coisas um pouco mais fáceis, eu estou duplicando isso, e então apenas torná-lo um pouco menor para criar o quadro da Polaroid. Vou fundir essas duas camadas e depois vou preencher isto. Também para todo este desenho, usei o lápis 6B. Agora que isso está feito, estou criando uma nova camada e arrastando isso para baixo. Esta vai ser a parte da foto. Estou apenas preenchendo o fundo com uma cor aleatória e vou trazer alguns dos meus desenhos de amostra, mesclando essas duas áreas e agora aqui você pode ver que eu tenho os desenhos. Eu estou apenas colocando isso no centro e então eu vou fundir isso para que a foto esteja toda em uma camada. Você vai acabar com dois jogadores, a câmera e a foto. Agora podemos ativar a assistência de animação. Vamos desligar a foto por enquanto, porque vamos trabalhar com a câmera e desenhar o flash. Vou duplicar a camada da câmera e desenhar um pequeno flash. Isso gradualmente ficará um pouco maior. Duplicar isto. Eu vou diminuir a opacidade um pouco só para que eu possa ver o flash anterior para torná-lo um pouco maior e repetir isso. Mas também para este GIF, vamos usar mais algumas camadas do que normalmente fazemos. Dependendo do iPad que você tem, você será limitado, que é o que aconteceu comigo, fiquei sem camadas. Tive que apagar alguns dos flashes. Você verá isso mais tarde. Mas acabei fazendo com que funcionasse. Vou te mostrar quando isso acontecer. Isto vai ser um pouco confuso. Basicamente, o que estou fazendo aqui é reverter o flash. Estou duplicando a segunda a última camada e trazendo isso até o fim. Terceiro a último trazendo isso até o fim. Em seguida, quarto para durar e trazendo isso até o fim que o flash se apague e depois volte a entrar. Agora, quando eu toco, é assim que parece. Podemos ligar a camada Polaroid agora, e eu vou duplicar apenas a câmera. Agora eu vou trazê-lo para baixo a Polaroid para onde ele está apenas espreitando através do topo. Eu estou trazendo essa camada debaixo da câmera e eu também vou duplicá-la para que nós sempre tenhamos uma câmera extra e Polaroid. Porque usaremos essas cópias para se fundirem e então eles precisarão de extras para poder continuar. Vá em frente e junte a câmera e a Polaroid e aqui é onde você pode me ver apagando alguns dos flash frames. Estou duplicando a câmera e Polaroid novamente para que tenhamos dois sets e, em seguida, trazer isso abaixo da câmera e mesclar essas duas camadas. Agora duplique a câmera e a Polaroid novamente. Agora traga a Polaroid para cima um pouco novamente e, em seguida, leve isso para baixo da câmera e mesclar essas duas camadas. Duplicar a câmera e a Polaroid. Leve a Polaroid para baixo da câmera, levante a Polaroid um pouco e mescle essas duas camadas. Em seguida, os extras que você pode simplesmente excluir porque esse foi o último e isso é o que o GIF final parece. Fiquei um pouco confuso, eu sei, mas espero ter explicado bem. Lá vamos nós. 12. Link no Bio GIse: Agora em um link em GIF bio. Para este, já que estamos trabalhando com o texto, vou adicionar texto e digitar link em bio. Claro, isso pode ser qualquer coisa que você quiser que seja. Mas eu vou tocar duas vezes sobre isso e mudar a cor, também alterá-lo para uma fonte que eu quero. Sempre que você quiser ajustar o texto, basta tocar duas vezes nele até que todas as palavras sejam realçadas e, em seguida, você pode editá-lo. Agora eu redimensionei isso para o que eu quero. Vou abaixar a opacidade sobre isso. O pincel que estou usando é o pincel de script. Criando uma nova camada, e eu vou traçar sobre a camada de texto, mas certifique-se de que é um pouco diferente. Isto é o que vai ser a animação, é a diferença em cada camada de texto. Vou girar a opacidade de volta para cima na camada de texto, uma vez que eu tenha desenhado na segunda camada. O que eu vou fazer é duplicar a camada de texto e trazer isso para baixo. Em seguida, duplique a camada de texto novamente e traga isso para baixo para que eu tenha três dessas camadas de texto, e eu vou mesclá-las. Talvez seja necessário redimensionar para preencher a tela o máximo possível. É o que estou fazendo agora. Eu vou para Alpha trancar isso para que eu possa mudar a cor. Abaixe um pouco a opacidade, crie uma nova camada. Agora usando a mesma cor, vou passar pela segunda fila. Vou voltar a opacidade na camada de texto, mudar a cor e preencher a camada de texto com isso. Agora, vou voltar a baixar a opacidade e criar uma nova camada. Mais uma vez, desenhe sobre isso. Eu estou girando a opacidade de volta para cima nessa camada de texto e então nós podemos mesclar todas as três camadas desenhadas, depois que eu ajustar para a primeira porque eu não fiz isso antes. Agora temos duas camadas. O primeiro é aquele que desenhamos, e depois o segundo são as camadas de texto. Você pode ver como será a animação. Agora ative a Assistência de Animação. Vou duplicar a primeira camada, trazê-la até o fim, duplicar a segunda camada, trazê-la até o fim. Ligue um pouco os quadros por segundo. Quando tocamos, é assim que parece. Em seguida, basta duplicar mais alguns quadros para que seja um pouco mais longo. Lá vamos nós. Você pode ir em frente e exportar como um GIF animado. Ligue o fundo transparente e você está pronto para ir. 13. GIse de texto simples: Agora vamos a um GIF mais simples para criar. Mas este é apenas um GIF de texto simples. O pincel que usei para isso é o pincel de script. Acabei de escrever a palavra segunda-feira. Os dias da semana GIFs são comumente usados no Instagram. Pensei em incluir isto. Tenho seis cores. O que estou fazendo é abaixar a opacidade da primeira camada. Tudo o que estou a fazer é rever as letras anteriores, mas mudar as cores. Agora estou voltando a opacidade para cima na primeira camada. Eu ativo o Animation Assist, que você não precisa ter ativado. Você pode fazer de qualquer maneira. Você pode tê-lo ligado ou desligado como você está desenhando. Isso não importa. Só estou repetindo isso de novo. Depois de ver esse jogo, eu vou adicionar outra camada e fazer isso mais uma vez apenas para que ele passe por todas as cores. Depois de ter quantas camadas quiser, certifique-se de que a opacidade esteja ativada em todas elas. Em seguida, ative o Animation Assist e é assim que ele se parece. Se você está feliz com o que parece, então vá para GIF animado. Ative o plano de fundo transparente e exporte. 14. Carregando GPf: GIF Número 10 é esta pequena tela de carregamento. O que eu fiz primeiro foi esboçar o esboço básico. Há esta barra de carregamento, e basicamente o que este GIF vai ser é a barra enchendo. Mas uma vez que você tem o contorno básico e a barra que você está indo para preencher, ative a assistência de animação e defina este quadro como o plano de fundo e, em seguida, adicione um quadro. Agora vamos começar a encher a barra de carga. No primeiro quadro vou desenhar uma pequena seção no início e preencher isso. Assim que tiver essa primeira seção preenchida, duplique esse quadro e adicione outra seção e preencha isso também. Repita isso até que a barra de carregamento esteja cheia. Agora é assim que parece quando eu toco. Eu vou transformar os quadros por segundo para cerca de três, e acho que eu gosto disso. Agora o que eu vou fazer é segurar o último quadro por cerca de dois segundos. Agora eu vou voltar para o primeiro quadro e desmarcar o fundo apenas por um segundo, apenas para que possamos duplicá-lo para que haja apenas um pouco de uma lacuna. Agora, quando jogamos, é assim que parece. Você pode ajustar a velocidade por mais rápida ou lenta que você deseja que a barra de carregamento encha. Mas eu estou feliz com isso então eu vou compartilhar como um GIF animado. Ative o fundo transparente e exporte. 15. Upload no GIPHY: Agora vamos carregar nossos GIFs. Vá para giphy.com e clique no botão “Carregar” na parte superior. Aqui você terá a opção de fazer login ou criar uma conta. Depois de iniciar sessão, na página de carregamento, pode navegar nos ficheiros ou arrastar e largar os GIFs. Aqui é onde você pode adicionar tags relevantes ao seu GIF. Você pode digitar tags uma a uma ou usar vírgulas para inserir várias ao mesmo tempo. Clique no sinal de “Plus” ou pressione “Enter” após cada tag. Ao adicionar tags, você precisa ter certeza de que elas são relevantes para o GIF. Adicione especificidades como o assunto, frases de efeito, cores e temas. Para os GIFs que são feitos especificamente para o Instagram, como os “Swipe up” ou “Link-in-Bio”, adicionei o Instagram como uma das tags, bem como meu nome. Desta forma, qualquer pessoa que procura os meus GIFs pode facilmente encontrá-los pesquisando o meu nome. Depois de inserir suas tags, clique em “Carregar” e aguarde até que ela seja concluída. Para ver todos os seus GIFs, clique no seu perfil à esquerda, e isso o levará ao seu canal. 16. Use seus Gifs nas histórias no Instagram: Agora vou mostrar a vocês como usar seus GIFs ou adesivos em suas histórias do Instagram. No aplicativo GIPHY, acesse seu perfil e clique em envios. Encontre o GIF que você deseja usar e, em seguida, toque nele para copiar. Em seguida, vá para a sua história do Instagram, e se você tiver sua foto já aberta, então você verá aquele pop-up GIF e basta tocar sobre isso para trazê-lo. Você também pode tocar em e tocar novamente para colar o GIF. Agora, você pode colocá-lo onde quiser e também redimensioná-lo. Se você quiser adicionar mais GIFs a isso, volte para GIPHY, copie outro e cole-o aqui e pronto. Aqui estão alguns exemplos de algumas histórias que fiz usando alguns dos outros GIFs. 17. Inscreva-se para um canal artista: Como mencionei na introdução desta aula, estarei compartilhando o processo de inscrição para um canal de artista no GIPHY. O primeiro passo, se ainda não o fez, é criar uma conta. Certifique-se de preencher seu e-mail, seu nome de exibição, isso será exibido em suas contas. Você pode adicionar links de mídia social que melhor representem seu trabalho e fazer upload de uma foto de perfil. O GIPHY procura canais que tenham pelo menos 5-10 peças originais de arte animada e não comercial já disponíveis. Você pode, claro, fazer upload de mais presentes se você tê-los. Eu tinha cerca de 21 uploads no meu canal de artista. Vá para o Suporte GIPHY e clique no botão que diz “Giphy para Marcas e Artistas”. Clique no link que diz “Candidatar-se a um canal de artista” e, em seguida, clique em “Aqui”, e ele irá levá-lo para o aplicativo. Já não consigo ver a aplicação, já que já tenho um canal de artistas. Mas uma vez que você enviá-lo, você deve receber um e-mail confirmando que eles receberam sua inscrição. Ouvi de outros que poderia levar uma semana a alguns meses para ser aceite. Depende apenas de quantos aplicativos eles estão recebendo. Mas o meu foi aceito exatamente uma semana depois de me candidatar. Uma vez que você tenha oficialmente um canal de artista, você será capaz de ver seus presentes se você pesquisar seu nome no Instagram. Você também pode ver análises em seu Painel GIPHY. Esse é o processo de candidatura a um canal de artista no GIPHY. 18. Projeto e agradecemos !: Para o projeto de classe, crie seu próprio GIF para usar em sua história do Instagram. Vá até a seção de projeto de classe da classe para carregar seu GIF. Se você tem um canal de artista no Giphy, você pode incluir um link para ele se quiser compartilhar seu trabalho. Espero que tenha gostado desta aula. Se você tiver alguma dúvida, se esqueça de me perguntar na página de Discussões e você pode me acompanhar se quiser ser atualizado sobre minhas futuras aulas. [ MÚSICA].