Transcrições
1. Como obter Giphy com ele: Oi. Sou a ilustradora e designer Ilana Griffo. Esta classe é tudo sobre fazer ilustrado e uma mão letras GIFs para histórias do Instagram. É uma ótima maneira de ser criativo e tornar algo divertido para seus amigos ou seguidores, ou para aprimorar sua experiência de marca na plataforma. Primeiro, algumas pessoas dizem JIF, como a manteiga de amendoim, mas prefiro dizer GIF, qualquer um funciona para mim. GIFs são simples, pequenos e animados. É muito divertido criar itens sazonais ou GIFs para celebrar marcos ou eventos importantes. GIFs são uma maneira muito divertida de criar uma experiência de marca coesa através de histórias do Instagram. Há tantas opções para adicionar animação, e vamos cobrir apenas algumas delas na classe. Você pode usar escala, cor, cintilação, rotações e muito mais. Você não precisa ser uma sagacidade do Photoshop para fazer essa aula, mas há uma tonelada de aulas no Skillshare sobre o Photoshop, se você quiser começar por aí. Vamos começar.
2. Como criar presentes com Photoshop: A primeira coisa que fiz foi fazer uma lista dos presentes que eu queria e pensei sobre como eu gostaria que eles ficassem. Assim eu posso criar todas as ilustrações e letras ao mesmo tempo. Eu fiz isso no meu iPad Pro usando meu pacote de pincéis de letras, eu vou vincular a isso abaixo. Comece com um arquivo do Photoshop com pelo menos 800 pixels de largura. Certifique-se de que seu modo de cor RGB e, em seguida, coloque seu trabalho artístico em camadas organizadas, que você possa editar cada uma separadamente. Agora vamos nos certificar de que nossos antecedentes sejam transparentes. Vamos desbloquear esta camada e excluí-la. O tabuleiro de xadrez no fundo significa que não há cor. A outra coisa que eu quero fazer aqui é remover qualquer um dos extra branco. Vou clicar na camada, pegar minha varinha mágica pressionando W, selecionar o branco e excluí-lo. Se você manter a tecla Shift pressionada, você pode pegar mais de uma área. Minha segunda camada, farei a mesma coisa. O que eu fiz aqui foi desenhar a mesma palavra duas vezes em cima uma da
outra em camadas separadas para que fossem semelhantes, mas um pouco diferentes, criando um pequeno movimento entre elas. Assim, quando ele virar para frente e para trás muito rapidamente, ele vai apenas tremer um pouco. Eu acho que eu quero mantê-los da
mesma cor que um do outro então eu vou ir em frente e fazer uma sobreposição de cores. Basta clicar em fx, sobreposição de cores, clicar duas vezes na cor e você pode digitar qualquer número de cor ou escolher um. Pressione Ok e vamos fazer a mesma coisa para a segunda camada. A próxima coisa que vou fazer é animar. Este é muito simples, então é um ótimo lugar para começar. Vamos passar para a nossa linha do tempo para que esta linha do tempo apareça, você vai para a linha do tempo da janela. Você deseja clicar em animação de quadro. Tenho uma camada. Vou transformar isto para 0,2 segundos. Esse quadro vai ficar lá por 0,2 segundos antes de passar para o próximo. Vou clicar aqui para criar um novo quadro, e vou desligar essa camada e ligar a próxima. Se eu voltar para o início e pressionar play, este divertido sapateado dançarino, toque. Perfeito para adicionar à sua história do Instagram para incentivar alguém a tocar na foto para saber mais. Ótimo, essa foi super simples, vamos passar para a próxima. Para este, quero que o vinho desapareça do copo. Então eu tenho cada nível diferente de vinho em uma camada separada. Assim eu posso desligar um e o vinho vai ficar cada vez mais baixo até o copo estar vazio. Vou escolher uma cor rosa bonita. Primeiro eu preenchi a camada usando a ferramenta de preenchimento e, em seguida, eu passei por cima com o pincel apenas para obter quaisquer bordas extras que ele poderia ter perdido. Você pode ver quando eu desmarcar, ainda
havia algum preto, então eu vou selecionar novamente e usar minha ferramenta de pincel. Quero que meu primeiro quadro da minha animação seja o copo cheio. Vou criar uma animação de quadro com todas as quatro camadas ativadas. Meu primeiro quadro está cheio, e depois no segundo quadro eu vou
mudar as camadas para que haja menos no vidro. Outro quadro, e o último quadro será o vidro vazio. Pressione play para ver como ele fica. Obviamente é muito rápido, então vamos girar cada um para 0,2 segundos. Mas pelo menos sabemos que está funcionando. Velocidade de novo, perfeito. Exatamente o que eu estava procurando. Este último tem alguns elementos extras, então o coração é uma camada, e então cada linha está na borda, é sua própria camada, então eu posso ligar cada um individualmente. Quero que o coração seja da mesma cor rosa. Vou clicar nessa camada. Eu vou fazer isso de novo porque eu acho que ele perdeu um par de pontos. Então eu quero que as linhas do lado de fora sejam de cores diferentes. Eu vou para o primeiro. Quero que a primeira linha seja esta bela cor coral. Vou escolher um dos meus corais favoritos,
clicar na camada, clicar na camada, você pode ver que é selecionado a partir das formigas dançantes e preenchê-lo. Eu vou acelerar esta parte, mas eu vou ir em frente e adicionar cor ao resto deles. Decidi que também quero que meu coração fique maior e menor à medida que as linhas são adicionadas. Eu vou fazer uma segunda camada pode jogar com o tamanho do meu coração e também nomeá-los para que eu saiba qual deles é qual. Eu me certifiquei que todas as camadas que eu quero ter
no primeiro quadro estão ativadas e eu vou criar minha animação de quadros. Para o meu próximo quadro, vou desligar todas as linhas, exceto uma. Agora, vou continuar com isso e adicionar cada um como um novo quadro. Este é o lugar onde ordená-los e nomeá-los tem sido realmente útil. Também é importante que você não faça alterações na camada
e depois de ter a animação de quadros. Uma vez que você altere uma camada, ela afetará esse item em cada quadro. Se você tiver alterações para fazer, duplique a camada para que você não esteja trabalhando de forma destrutiva. Eu vou passar e fazer todos esses 0,2 segundos. Lá vamos nós. Agora quero brincar com o tamanho do coração. Eu vou voltar, agora em vez de escalar essa camada, eu vou voltar e adicionar a segunda camada. Agora ele vai ficar maior e menor desligando a nossa camada. Vamos ver como fica. Eu acho que isso é super fofo, então agora eu vou exportá-lo.
3. Como salvar seus gifs: Tenho algumas dicas para exportar seus presentes. Ao acessar Arquivo, Exportar e Salvar para Web, você deseja clicar no GIF 128 Dithered, ele aparecerá automaticamente até 128 cores. Mesmo que eu só tenha
um, muitas cores estão entrando em jogo porque são pixels. Você pode aumentar até 256, mas você pode não precisar. Como você pode ver quando eu amplio, há uma borda branca ao redor e esse é o Matte. Se você clicar em Matte e clicar em “Nenhum”, você deve ver isso desaparecer. Você também vai notar que até mesmo eles têm 256 cores, percebe-se que eu só usei uma cor. Quanto mais cores você usar, mais cores serão exibidas aqui, especialmente se você estiver usando um gradiente, uma folha ou até mesmo uma imagem. A próxima coisa que você quer fazer é ter certeza de que você está em 800 pixels. Não há necessidade de torná-lo maior, pois vai ser um arquivo muito pequeno. A outra opção que queremos ter certeza de que temos é que nossa opção de loop está definida para sempre, dessa forma a animação continua a ser reproduzida sempre que alguém estiver olhando para ela. Em seguida, clique em “Salvar” e pronto.
4. Upload para Gifty: Agora eu quero mostrar a vocês como você pode obter estes acessíveis para outras pessoas para usar em histórias do Instagram e outras plataformas. A primeira coisa que você quer fazer é se inscrever em giphy.com, G-I-P-H-Y, como um canal de marca. Você quer se certificar de que você se inscreve como uma marca e não como um artista. Dessa forma, sua página é verificada e seus gifs serão pesquisáveis. Você pode ver aqui o URL, então você pode fazer isso. Deve levar apenas alguns dias para ser verificado. Às vezes, demora um pouco mais, por isso contacte-os se tiveres algum problema. É muito fácil carregar seus gifs para sua página do Giphy. Tudo o que você precisa fazer é ir para giphy.com, e uma vez que você está conectado e basta clicar em Upload, procure seus arquivos. Para o URL de origem, você vai querer usar seu site ou para onde estiver direcionando as pessoas, e para as tags que você deseja inserir coisas que as pessoas pesquisarão. Então toque aqui ou letras CAM, talvez a cor, se for sazonal, você pode se divertir muito. A outra etiqueta que você deseja ter certeza de incluir é o nome da sua marca. Dessa forma, as pessoas podem pesquisar a página da sua marca e você pode criar conscientização sobre sua marca. Clique em Carregar e você verá seu gif em breve. Pode levar alguns dias, mas você deve ser capaz de pesquisá-lo no Instagram ou em outra plataforma muito rapidamente.
5. Como encontrar e usar seus gifs no Instagram: Neste vídeo, vou mostrar a vocês como
acessar seus GIFs e como usá-los no Instagram. Abra o Instagram e eu vou para minha galeria de fotos. Clique no pequeno rosto smiley, e clique em GIF. Agora, quando eu estiver lá eu posso pesquisar meu nome e os GIFs que eu tenho disponíveis no momento, aparecem imediatamente. Sim, planejadores. Quero mostrar-lhe os meus favoritos. Kristen é minha amiga e adoro os GIFs dela. Eles são tão divertidos. Torrada de abacate e adoro estes, eles são tão fofos. Adoro os pequenos sazonais. Lá vai você, fácil como [inaudível].
6. Valeu!: Muito obrigado por fazer esta aula, espero que tenha gostado. Certifique-se de fazer upload de suas criações para o projeto da classe. Se você compartilhá-los no Instagram, você pode me marcar @ILANAGRIFFO. Você também pode me acompanhar no Skillshare para ficar ligado para atualizações e novas aulas. Te vejo na próxima vez.