Três maneiras de criar um GIF: fundamentos do Adobe Photoshop

1. Introdução: Se você sempre viu GIFs e pensou, uau isso é tão legal, eu realmente adoraria fazer isso. Mas você não sabe por onde começar, então essa é a aula para você. Olá, meu nome é Mao e eu sou um artista, ilustrador e professor. Nesta aula, vou mostrar-lhe como fazer três tipos diferentes de GIF. Eles são o GIF de mudança de cor, o GIF efeito de oscilação e o GIF de mudança de imagem. As habilidades que você vai aprender nesta aula podem ser aplicadas a uma ampla gama de estilos artísticos e podem impulsionar muitas áreas diferentes de sua prática criativa, desde a criação de campanhas de mídia social até fazer seu site, boletim informativo, ou e-mails se destacam da multidão ou você pode simplesmente desfrutar de fazer dos GIFs uma obra de arte autônoma. Animar seus desenhos mesmo de uma forma muito simples pode ser uma maneira fantástica de impulsionar seu engajamento, chamar mais atenção para seu portfólio e apenas respirar um pouco mais de vida e energia em seus desenhos. Este curso é destinado a iniciantes ou qualquer um que gostaria apenas de pensar o movimento da obra de arte. Vamos trabalhar à mão no papel e, em seguida, levar nossos desenhos feitos à mão para o Photoshop para criar GIFs artísticos. Mas não se preocupe se você não sabe nada sobre o Photoshop, eu vou estar passando por todas as etapas do processo passo a passo. Começaremos fazendo brainstorming seus esboços iniciais, observando diferentes estilos de letras e como você pode adaptá-los com ilustrações de diferentes maneiras. Eu vou estar lhe dando algumas dicas e modelos para você usar se você está menos confiante retirando. Vou então mostrar-lhe como preparar e digitalizar sua obra de arte pronta para ser animada. Vamos então olhar para as cores, as considerações importantes de usar cores e presentes e , em seguida, vamos selecionar algumas paletas de cores para usar com seus projetos GIF. Vamos então levar os desenhos para o Photoshop e fazer o nosso primeiro GIF de mudança de cor. Depois disso, vou guiá-lo através de como fazer o GIF com esse efeito de oscilação distintivo que pode realmente fazer seus desenhos parecer vivos. Finalmente, vou mostrar-lhe como fazer uma imagem mudando GIF, que pode ser realmente brincalhão e uma maneira realmente fantástica de jogar com letras. Na classe, incluí uma lição bônus mostrada como exportar seus GIFs como arquivos MP4. Atualmente, o formato GIF não é suportado pelo Instagram. Esta lição vai permitir que você compartilhe nessa plataforma. Uma vez que você sabe como fazer GIFs, você vai se divertir muito fazendo sua arte se mover. Mal posso esperar para ver o que você vai fazer. Vamos começar a animar. 2. Projeto de classe: Para seus projetos de classe, gostaria que fizesse uma carta animada, GIF. Ilustrar uma carta é muito rápido, mas também muito eficaz. Isso significa que você pode aprender todas as habilidades que você precisa para fazer GIFs em um espaço de tempo muito curto. Então você pega essas habilidades e as aplica a todos os tipos de outras áreas do seu portfólio criativo. Eu tenho uma paixão por letras ilustrativas peculiares. É algo que eu retornei muito em meu próprio trabalho como ilustrador. Eu amo isso em jogo entre texto e imagem, e criar algo com humor ou que conta uma história de uma forma muito simples. Um tempo atrás, eu participei de um desafio do Instagram onde você tem que ilustrar uma letra do alfabeto a cada dia. Decidi que queria fazer isso com GIFs. Nunca fiz um GIF antes. Acabei fazendo todo o alfabeto. Fiquei muito surpreso com o quão manejável, mas, realmente como era divertido. Aprendi muito sobre como fazer GIFs no processo e através dessa experiência de aprendizagem aplica os princípios de criação de GIF para muitas outras áreas do meu portfólio. Isso é algo que espero que ele ganhe ao fazer este curso. Vou mostrar-vos como alcançar três efeitos GIF diferentes. Eles são o GIF de mudança de cor, o GIF efeito de oscilação e o GIF de mudança de imagem. Você pode gostar de escolher o estilo que você mais gosta ou por que não ter um ir todos os três. O primeiro GIF de mudança de cor vai cobrir a maior parte do processo de loja de alimentos. Uma vez que você tenha seguido através desse processo comigo para o primeiro estilo, vamos, na verdade, aprender o efeito de oscilação e os GIFs de mudança de imagem vão parecer bastante simples porque você vai estar muito familiarizado com alguns desses processos e princípios. Uma vez que você tem um alto nível, nós temos estilos, você pode até decidir que você gostaria de misturá-los. Combine um GIF de mudança de cor com um GIF de mudança de imagem, por exemplo. Realmente, uma vez que você aprendeu esses processos, eu acho, pode ser animado com quantas coisas você pode aplicar isso. Quando você terminar esta aula, você tem pelo menos um GIF fantástico que você pode compartilhar em suas mídias sociais, seu site, blog ou assinatura de e-mail. Mais importante ainda, você pode enviá-lo para o seu projeto de classe para compartilhar com a nossa Comunidade Scotia. Mal posso esperar para ver as imagens em movimento que você vai fazer. Vamos começar. 3. Ferramentas e materiais: Neste vídeo, vamos apenas cobrir as ferramentas e materiais que você vai precisar para criar seu fabuloso projeto de classe, e criar seus presentes animados. Você realmente não precisa de muito, mas vale a pena ter tudo pronto para que você possa mergulhar direto e seguir comigo enquanto passamos pela aula. Então você vai precisar, uma impressora para imprimir sua planilha ou um pedaço de papel branco, lápis e régua para criar seu próprio modelo desenhado à mão se você não tiver um. Você vai precisar de um lápis, uma borracha, uma caneta preta. É muito útil ter um par de canetas pretas, talvez uma fina e uma ligeiramente mais gorda para lhe dar efeitos diferentes. Um pedaço de papel de rastreamento ou apenas papel branco fino. Pode ser apenas uma sucata que você tem por aí. Você precisará de um scanner ou câmera para importar seus desenhos para o Photoshop e precisará do Photoshop. Então, por favor, vá em frente e junte esses materiais. Na próxima lição, vamos esboçar suas cartas. Vamos analisar alguns materiais de referência e fontes de inspiração para ajudá-lo a desenvolver algumas ilustrações interessantes em torno do design da sua carta. Vamos decidir qual letra você vai animar e vamos completar a planilha de 10 desenhos que vai permitir que você crie todos os três estilos de presente. Então, quando estiver pronto, junte-se a mim lá. 4. Como esboçar suas letras: parte 1: Ótimo, então você tem seus materiais juntos e agora você está pronto para começar a ilustrar suas cartas. Nesta lição, vamos analisar alguns recursos diferentes para inspirar suas ilustrações de cartas. Vamos decidir qual carta você vai ilustrar e vamos completar sua planilha de dez desenhos, que vão formar a base do seu GIF animado. Se você não tem uma impressora para imprimir a planilha, basta pegar um pedaço de papel A4 e desenhar dez caixas sobre isso, cerca de seis centímetros quadrados. De onde é que me inspiro? Bem, há vários lugares. Uma das primeiras coisas que sempre faço é pegar alguns dos meus livros de referência que tenho. Este é um dos meus favoritos. Está cheio de toneladas de diferentes tipos de tipografia desenhada à mão. Dê uma olhada na livraria local ou biblioteca. Deve haver alguns exemplos divertidos aí que você poderia pegar emprestado. É muito bom ser capaz de ver um amplo espectro de como outros artistas se aproximam da letra manual, pode realmente desencadear algumas idéias interessantes. Pinterest também é um dos meus lugares favoritos para pesquisar, embora seja realmente fácil de se perder, eu tenho um quadro do Pinterest que você é muito bem-vindo para dar uma olhada. Eu tenho ligado dentro dos recursos do projeto de classe e isso pode ser realmente útil ponto de partida. Publicidade, então há algumas maneiras fantásticas de usar texto em publicidade. Obviamente, há uma publicidade em forma impressa, jornais e revistas e realmente ótimo para dar uma olhada. Mas uma das coisas que é realmente criativa, eu acho que em termos de usar formas e letras uma maneira realmente interessante são aqueles itens que você vê no início dos programas de TV. Estes exemplos são da BBC dois no Reino Unido. Mas muitas estações de TV terão formas criativas e realmente variadas de comunicar sua identidade visual assim. O YouTube pode ser um ótimo lugar para ver exemplos como este. Livros infantis e animações. Estas duas coisas andam de mãos dadas. Eu realmente amo usar humor e elementos de caracterização em um monte de meu trabalho ou coisas que são um pouco brincalhão. Na verdade, livros infantis e animações infantis são realmente uma fonte fantástica de inspiração. Qual carta você vai animar? Talvez você queira animar sua inicial, ou talvez você queira animar outra pessoa como inicial. Talvez seja uma carta que tenha alguma conexão para você. Talvez seja o nome do seu negócio, se preferir, menos confiante retirando eu realmente recomendo escolher uma letra que tenha bordas retas. Pensando em trabalhar em letras maiúsculas, você quer escolher letras como a, h, l, m, n e evitar aquelas letras com curvas como, o, p, b, d. Curvas podem ser muito mais difíceis de trabalhar. Pode realmente ajudar você a acompanhar meus exemplos enquanto passamos pela aula. Eu vou usar a letra H. Se você não tem certeza de qual letra você quer fazer, mas você quer seguir alguns dos meus exemplos então, por que não ir com H? Junte-se a mim na segunda parte desta lição para completar sua worksheet de dez desenhos. Te vejo lá. 5. Como esboçar suas letras: parte 2: Como agora começamos o seu 10 desenhos sentir letras, existem duas regras que você precisa ter em mente para obter os melhores resultados possíveis. Seus desenhos de letras devem ter uma linha contínua e ininterrupta rodando todo o caminho ao redor do exterior. Isso vai tornar nossa vida muito mais fácil mais tarde no Photoshop e eles não devem tocar nas bordas das caixas em sua planilha. Desenhar um é na verdade o modelo para todas as outras letras. Eu recomendo que para desenhar um, nós realmente manter esse desenho muito, muito simples e eu recomendo usar uma fonte sans serif. Sans serif só significa que não tem aqueles pedaços inquietos na parte superior e inferior. Por exemplo, Times New Roman é uma fonte serif com pequenos pedaços de confusão nas extremidades, mas algo como Arial é uma fonte sans serif, por isso é um pouco mais simples. A razão para isso é que se você tornar um desenho realmente complicado, não vai lhe dar tanta flexibilidade para os outros desenhos. Ao desenhar um, vou fazer um H se a ideia de desenhar uma carta te encher de medo. Nos recursos do projeto de classe, há um modelo com algumas letras nele, e estas são apenas o tamanho certo para caber em suas caixas. Se você preferir traçar uma letra do que realmente desenhar uma linha, você pode usar isso. Eu só vou desenhar na caixa um, a letra H. Você não quer desenhá-la para que ele esteja tocando as bordas porque isso não vai te dar muito espaço para brincar com o design mais tarde. Você quer um pouco de espaço em torno dele, mas você quer muito grande naquela caixa. Algo por aí sobre isso. Algo que eu vou fazer agora que vai me ajudar com o resto dos meus desenhos é realmente traçar essa carta no meu papel fino ou papel transparente. Eu só vou colocar um pedaço de papel em branco debaixo da minha folha de trabalho que vai me ajudar a ver o traçado através se eu não estiver usando uma caixa de luz. Vamos começar agora com o desenho dois. Nós realmente vamos repetir o desenho duas vezes porque desenhar dois vai formar tanto nosso GIF mudança de cor, ele diz aqui em cima da folha a cor mudando GIF e o efeito oscilante GIF. Para o efeito de oscilação GIF, nós realmente precisamos ter o mesmo desenho feito cinco vezes. Nessas cinco caixas, duas, três , quatro, cinco e seis, tudo vai ser o mesmo design. Eu decidi para a minha mudança de cor e efeito oscilante GIF que eu gostaria de usar a inspiração da capa do meu livro de tipografia desenhado à mão. Eu gosto deste uso de lápis para criar as letras. Enquanto estamos discutindo inspiração, há outra folha de ajuda que eu forneci nos recursos do projeto da classe. Só para lhe dar um pouco de ajuda se você não tem certeza do que fazer com sua carta em cada um dos 10 desenhos. Estas são coisas comuns que eu vi feitas com letras à mão de muitas maneiras diferentes. Você poderia fazer sua carta parecer que está em perspectiva, dar-lhe uma borda decorativa, fazer parecer que é feita de objetos. Preencha com padrões, faça parecer que é feito de uma textura realmente interessante como bolhas, cabelo ou geleia ou caracterize sua carta. Eu vou apenas a lápis primeiro, criar meu primeiro desenho. Estou bastante feliz com isso. É a minha primeira versão desse desenho. Vou repetir isso mais quatro vezes. No desenho três, quatro, cinco e seis, teremos exatamente o mesmo sinal do desenho dois. É aqui que seu papel transparente entra novamente. Lá estamos nós. Nós temos nossos cinco primeiros desenhos no rascunho então agora podemos fazer nossos dois primeiros efeitos GIF, a mudança de cor GIF e o efeito oscilante GIF, eu vou usar esses desenhos. Para desenhar sete, eu estive pensando em fazer algo talvez inspirado por algumas ilustrações de livros infantis que eu estive olhando de animais em forma bastante caixa. Vou usar meu modelo de letra base novamente, para fazer um pouco de esboço. Se você vai caracterizar sua carta, pode ajudar a pensar sobre as pernas primeiro. No caso de um H, eu tenho muita sorte porque há dois membros como pedaços tocando o chão. Posso usá-los como duas pernas ou dividi-los em quatro para fazer um animal de quatro patas enquanto ainda mantém a forma geral da letra. Algum tipo de cauda engraçada. Há uma espécie de animal inventado. Tem algum lugar entre talvez um cavalo, uma girafa e um cachorro que você pode fazer o que quiser com esses desenhos. Isso é o que é tão divertido sobre o uso de letras é que ele pode realmente empurrá-lo para criar algo um pouco incomum quando você está trabalhando com este tipo de uma base que lhe dá este pouco restrito, breve de uma forma, porque você Tenho que pensar em algo que se encaixe nesta forma. Pode empurrá-lo a inventar algumas coisas realmente criativas. Para a minha próxima carta, desenho oito, estou pensando sobre os itens que eu estava olhando anteriormente, eu gostei muito de como eles realmente brincaram com materiais e textura em muitos deles no que a carta foi feita. Vou fazer o meu H ficar peludo neste. Eu vou fazer isso realmente grosseiramente, e então quando eu fizer isso em caneta eu vou fazer um pouco mais de cuidado. Para o meu desenho nove, eu gostaria de fazer algo bastante baseado em padrões. Eu vi algumas coisas realmente agradáveis no Pinterest onde eles usam padrões em letras. Há alguns exemplos de apenas usar todo padrão na minha folha de ajuda, mas eu acho que o que eu vou fazer com este é dividi-lo em tiras quase. Mais um desenho para viagem. Para desenhar 10, vou fazer algo muito simples. Vou adicionar algumas fronteiras para torná-lo um pouco mais interessante. Fiz da minha carta uma fonte serif agora de um sans serif. Então eu vou adicionar algumas fronteiras a ele, bem como para torná-lo um pouco mais chique. Tenho a base das minhas cartas diferentes agora. Você poderia então revisitar e pensar, se eu quero fazer algo um pouco mais para alguns deles? Sinto, por exemplo, meu desenho nove que é feito de padrão precisa de algo mais. Talvez eu também faça isso um pouco de perspectiva. Vou adicionar algumas linhas aqui para fazer isso. Você pode ser muito brincalhão com seus desenhos. Adicione mais recursos ou combine alguns tratamentos de letras diferentes para obter um conjunto de ilustrações com as quais você se sente realmente feliz. Lá vamos nós. Tenho os meus 10 desenhos. Estou feliz com todos eles. Eu tenho desenhos suficientes aqui para criar todos os três estilos GIF. O que eu preciso fazer agora, eles estão todos a lápis, eu preciso realmente trabalhar com caneta em cima. Tenho duas espessuras de caneta aqui, um Sharpie grosso e um forro fino. Vou usar uma combinação destes para dar um pouco de variação através dos meus desenhos para que eles sintam que eu sou um pouco diferente. Eu gosto de tornar meus GIFs de efeito de mudança de cor e oscilação bastante simples. Estou usando a caneta mais espessa para esses desenhos, então vamos usar uma combinação de uma caneta mais fina com uma caneta mais espessa na imagem mudando desenhos GIF. Ao desenhar oito, aquele que eu estou fazendo parecer peludo, este é aquele em que pode ser muito mais difícil tentar e certificar-se de que há uma linha contínua correndo todo o caminho ao redor do lado de fora da letra. Se você quiser fazer algo onde você realmente não pode ter uma linha contínua em torno do lado de fora da sua carta, mostrarei uma maneira de você resolver isso quando estivermos no Photoshop mais tarde. Mas para tornar a minha vida mais fácil, vou continuar adicionando mais e mais cabelo para o lado de fora para que fique bonito e peludo, e então quando eu tiver o suficiente, acho que não vai ser realmente muito perceptível. Vou rodar minha caneta em uma linha contínua ao redor do cabelo, que ela crie um limite para quando estivermos usando o Photoshop mais tarde. Isso vai tornar um pouco mais fácil apenas selecionar o interior da letra e o exterior da letra se eles estão incluídos. Eu já pintei minhas cartas, eu vou deixá-las por cerca de 30 segundos e então eu vou esfregar todas essas marcas de lápis com muito, muito cuidado. Depois de ter feito sua fricção e se livrado de suas marcas de lápis, dê outra olhada de perto em seus desenhos e verifique se há lacunas de linha que você possa ter. Você pode ver que eu tenho um aqui. Basicamente, uma lacuna de linha é exatamente onde sua linha não atende a próxima linha. Há uma pequena lacuna lá dentro e isso vai nos dar um pouco mais de trabalho para fazer no Photoshop mais tarde. Vou fechar isso. Verifique todos os outros desenhos para se certificar de que eles estão totalmente fechados em torno das bordas. Dica principal, se você passar tempo limpando seus desenhos, deixando sua planilha de desenhos realmente limpa e fechando essas lacunas de linha, tirando quaisquer linhas de lápis longe, vai economizar muito tempo mais tarde em tais fotos, então vale a pena gastar tempo nisso agora. Agora acabou para você. É hora de você completar seus 10 desenhos em sua worksheet. Estou ansioso para ver o que você vai ilustrar. Espero que tenha se divertido brincando com suas letras gordas e funky. Estou ansioso para ver como você fez essa letra diferente em todos os seus desenhos. Na próxima aula vamos digitalizar suas planilhas, pegar sua câmera ou scanner e juntar-se a mim na próxima lição. 6. Como se preparar para animar: Fantástico. Agora temos nossas ilustrações prontas para levar para o Photoshop e animar. Nesta lição, vamos digitalizar seu trabalho desenhado à mão para que possamos trabalhar facilmente com ele no Photoshop. Primeiro, você precisará digitalizar idealmente em sua planilha. Se você não tem um scanner, você pode fotografá-lo e você deseja digitalizar em sua planilha 300 DPI para ter certeza de que é agradável e de alta resolução. Se você não tiver certeza de como digitalizar ou fotografar sua planilha com sucesso, consulte minha outra classe, Photoshop Basics: Criando uma separação de cores simples. Em uma lição intitulada Digitalizar seu design, eu passo por algumas práticas recomendadas de como digitalizar ou fotografar seu trabalho. Agora tenho isso selecionado. Só vou usar o Scan. Minha digitalização está aqui na minha área de trabalho e eu vou apenas abri-lo com o Photoshop. Acabei de fazer isso clicando enquanto mantém pressionada a tecla Control. Aí está a minha folha de trabalho. À medida que passamos por alguns dos elementos do Photoshop, estou usando um Mac, então às vezes posso me referir à tecla Command e à tecla Command ao lado da barra de espaço. Se estiver a trabalhar num PC, altere a tecla Command para Control e esses atalhos são normalmente os mesmos. Temos uma boa análise da nossa folha de trabalho e a primeira coisa que vamos fazer é apenas iluminá-la um pouco. Indo para Imagem, Ajustes e Brilho e Contraste. Uma dica superior, há uma caixa nesta pequena caixa pop-up que diz Usar Legado, e se você marcar isso antes de mudar seu Brilho e Contraste, ele vai lhe dar um resultado muito melhor. Vou te mostrar a diferença se você não marcar, e nós levarmos o brilho para cima e o contraste para cima, ele realmente vai lavar o seu desenho. Então eu vou cancelar isso, e ver o que acontece. Quando marcamos a caixa, diz “Use Legacy”. Ele vai lhe dar um resultado muito melhor de trabalhar com uma imagem em preto e branco, por isso vale a pena marcar essa caixa antes de alterar qualquer coisa em sua janela de brilho e contraste. Isso é bastante alto. Eu vou tirá-lo para baixo. Não quero distorcer muito a minha imagem. Normalmente eu acho que os números sobre 20 para o brilho e cerca de 30 para o contraste funcionam bastante bem para mim no meu scanner particular. Pode ser diferente para você. Se você fotografou seu trabalho, talvez precise brincar com eles um pouco mais. O que pretendemos é um belo fundo branco e lindas linhas pretas nos seus desenhos. Se você é novo no Photoshop, não estará necessariamente familiarizado com seu espaço de trabalho aqui. Nós temos, aqui à esquerda, estas são barras de ferramentas. Então estas são algumas das ferramentas que vamos usar. Estamos faltando, no momento, nossa janela de camadas no lado direito. Se o seu Photoshop for aberto sem ele como o meu, se você apenas ir para o menu Janela, basta clicar em Camadas, então sua janela Camadas deve aparecer. Isso vai ser muito importante em toda a classe que você sempre tem isso em seu espaço de trabalho. Uma palavra sobre Camadas. As camadas são um aspecto realmente intrínseco do trabalho no Photoshop. Trabalhar em camadas é realmente importante porque qualquer coisa em uma camada diferente pode ser alterado independentemente de coisas em outras camadas. Isso torna muito fácil mudar partes de uma imagem sem destruir o resto dela para que você não precise voltar e começar de novo. Essa é uma das grandes coisas do Photoshop. Se seus desenhos não parecem necessariamente muito escuros, algo que você pode fazer é duplicar suas camadas para que você tenha duas camadas de sua planilha. Se você pudesse apenas ir para essas pequenas linhas na parte superior da janela Camadas e clicar em Duplicar Camada, ele vai fazer você uma camada chamada Cópia de fundo. No momento, não vai parecer diferente. A razão para isso é que ambas as camadas no momento estão no modo normal. Esta lista suspensa aqui é normal. Se você imaginar o modo normal como sendo um pouco como sua planilha é impresso em um pedaço de papel branco, e então você tem duas camadas de modo normal lá. É como um pedaço de papel com sua planilha em cima de outro pedaço de papel com sua planilha nele. Agora, se mudarmos o modo Camada dessa folha superior para o modo Multiplicar, ele vai realmente criar um efeito mais parecido com impresso em uma folha de vidro. Então as linhas estão lá, mas o papel não está. Se eu desligar essa camada, você pode ver que é apenas com uma camada de fundo, e isso é com ambas as camadas e você pode ver a diferença que isso faz. Eu só vou ampliar para que possamos dar uma boa olhada em nossos desenhos de perto. Eu estou ampliando se você apenas segurar Comando mais para ampliar e Comando menos irá diminuir. Isso é com minhas duas camadas juntas e uma camada juntas. Você pode ver que a diferença é muito mais forte preto com as duas camadas. Eu realmente quero que isso seja apenas uma camada, então o que eu quero fazer é realmente mesclar minhas camadas. Há mais de uma maneira de fazer isso. Se você ir para o menu Camada na parte superior da tela, você pode dizer Mesclar para baixo ou pode dizer Mesclar visível porque você tem apenas duas camadas que estão visíveis no momento. Agora nós vamos estar usando Merge Down, e nós vamos estar usando isso um pouco através da classe. Você pode ver no lado direito do menu aqui, ele tem o símbolo lá Comando E, e esse é o atalho de teclado para mesclar e é muito útil saber alguns dos atalhos que você vai usar com frequência porque faz com que tudo pareça um pouco mais natural. Desta vez vamos usar o menu para fazê-lo, mas quando o fizermos da próxima vez, podemos usar o atalho. Vou pressionar Mesclar para baixo e você verá que agora nossas camadas foram mescladas em uma camada de fundo. Nesta fase, pode ser realmente útil remover a cor da nossa imagem, e você provavelmente está pensando, mas esta é uma imagem em preto e branco, que é absolutamente. Mas se aproximarmos de perto, quando começares a olhar para os pixels, vou ter o meu seletor de cores aqui. Cada vez que eu clicar, ele mostrará de que cor os pixels estão nesta janela. Veja, tem um pouco de laranja lá, um pouco marrom, um pouco roxo. Na verdade, são algumas cores, apesar de todas parecerem pretas. Para remover a cor, se você apenas pressionar Command U no teclado, ele irá trazer esta caixa para cima, que é uma caixa de mudança de matiz e saturação. Se você pegar o controle deslizante de saturação e levá-lo até menos 100, isso vai tirar toda a saturação da sua imagem. Agora temos apenas tons pretos, brancos e diferentes de cinza em nossa imagem. Agora vamos remover o fundo branco para que seus desenhos fiquem em um fundo transparente. Isso é realmente útil porque não queremos pegar nenhum pixel perdido ao redor da borda de suas linhas desenhadas, o que pode fazê-las parecer difusas, especialmente quando os transformamos em GIFs. Vou mostrar-vos um método que envolve fazer uma máscara de camada. Existem vários métodos diferentes para tornar seu fundo transparente com seus desenhos e se você tem seu próprio método preferido, então, por favor, vá em frente e use isso. Eu só vou mostrar a vocês esse método que eu acho que é uma boa maneira de fazer isso. Primeiro vamos selecionar tudo e a maneira mais fácil de fazer isso é apenas para, no seu teclado, pressionar o comando A, e isso vai lhe dar a marcha e linha pontilhada em todo o lado de fora. Então vamos copiar o comando C, e então vamos criar uma nova camada. Se você passar para a janela Camadas novamente, semelhante ao que fizemos antes, em vez de duplicatas na camada, vamos apenas ir, Nova Camada. Apenas diga “ok”. Agora vamos realmente excluir nossa camada de fundo. Você pode apenas realçá-lo e arrastá-lo para o compartimento, e ele desapareceu. Agora vamos preencher nossa nova camada em preto. Se você apenas ir para o menu Editar, vá para Preencher e, em seguida, na caixa suspensa aqui, certifique-se de que Preto está selecionado e que a opacidade é 100 por cento e selecione, Ok. Vamos adicionar uma Máscara de Camada selecionando esse pequeno retângulo com um círculo na parte inferior da janela Camadas. Nossa máscara apareceu aqui em nossa camada como a caixa branca. Agora, mantenha pressionada a tecla Alt no teclado e clique no retângulo branco, selecione essa máscara. Agora vamos colar, então no seu teclado, pressione o comando V. Agora vamos inverter isso. Então vamos fazer o branco preto e o preto branco. Então pressione o comando I. Agora clique na camada, que é o retângulo preto na janela Camadas, e clique na máscara novamente. Em seguida, vamos excluir a máscara apenas clicando na lixeira na parte inferior da janela Camadas. Quando você fizer isso, ele solicitará que você pergunte se deseja aplicar a máscara à camada antes de removê-la. Então, basta clicar em aplicar, e é isso, agora você tornou seu plano de fundo transparente. Eu só vou ampliar para que possamos dar uma olhada mais de perto. Estou muito satisfeito com isso. Este método de usar a máscara de camada é realmente eficaz em agarrar apenas as partes desenhadas da sua worksheet. Às vezes, quando você usa uma das ferramentas de seleção, como as mágicas, ou outro método de selecionar a camada branca e excluí-la. Às vezes você começa esse fantasma em torno de seus desenhos onde você tem alguns pixels cinza e branco na borda e você não consegue isso com este método, é por isso que eu realmente gosto desse método. São mais alguns passos do que usar os mágicos, mas acho que vale a pena. Agora, através desse processo, você pode ter descoberto que seus desenhos ficaram mais leves novamente, é muito provável que eles estejam um pouco cinzentos agora. Podemos repetir o que fizemos anteriormente, duplicando a camada. Se você passar para a janela Camadas novamente, clique nessas linhas na parte superior e selecione Duplicar Camada e Ok. Você não precisa realmente fazer esse modo de multiplicação porque ele já é transparente, você provavelmente percebe que assim que a camada surgiu, essas linhas ficaram mais escuras. Vamos dar um zoom para dar outra olhada. Isso parece muito bonito e escuro agora. Você pode ver a diferença apenas com uma camada. Esse é o efeito e com a camada duplicada, é uma linha preta escura muito bonita. Estou muito feliz com isso. Vamos usar nosso atalho desta vez para mesclar essas camadas. Nós vamos bater no nosso teclado Comando E. Apenas uma dica sobre o uso do Comando E. Lembre-se Comando E é mesclar, então isso só funciona como você pretende se você estiver no topo das duas camadas que você pretende mesclar. Ele se funde da camada superior para baixo para a camada abaixo dela. Nossa planilha está olhando muito, muito agradável agora, linhas pretas muito fortes, sem fundo. O que podemos fazer agora é na sua barra de ferramentas, no lado esquerdo, você pode selecionar a borracha se precisar. Podemos apenas ampliar e arrumar qualquer pedacinho perdido nas bordas de seus desenhos se você tem algumas pequenas marcas que você esqueceu quando você estava esfregando ou às vezes você pode pegar pequenos pedaços de pelúcia no vidro do seu scanner. Como você está usando a borracha, ponta superior para você, se você quiser fazer sua borracha maior, usando os colchetes, modo que o suporte quadrado direito fará sua borracha maior, e a mão esquerda colchete quadrado fará sua borracha menor. É apenas para poupar tempo em vez de subir para o tamanho do pincel na parte superior, você pode simplesmente usar essas teclas de suporte. Limpei minha planilha com minha borracha e agora estou pronto para salvá-la. Basta ir para Arquivo e Salvar como. Na verdade, vamos salvar duas versões da sua planilha. Primeiro, vamos deixar o formato neste menu suspenso como um documento do Photoshop, que significa que ele manterá a camada transparente. Se, em seguida, salvá-lo como um JPEG, ele vai realmente colocar esse fundo branco de volta. Primeiro vamos salvá-lo como o documento do Photoshop, basta clicar em Salvar e Ok. Em seguida, vamos para Arquivo e Salvar como. Então vamos mudar o nome para Planilha só porque eu estou salvando na minha área de trabalho e eu já tenho a digitalização original lá como um JPEG e isso também vai ser um JPEG. Então precisamos dar um novo nome e Salvar e Ok. Você vê como é apenas colocar aquele fundo branco de novo. Você pode ver na minha área de trabalho que eu tenho minha digitalização como um arquivo PSD que tem o nono fundo transparente, que é o que vamos usar. Também tenho o scan original. Isso seria como no entanto ele veio para o seu scanner ou câmera e então você pode ver como uma comparação, o que acabamos de fazer para prepará-lo para ser animado. Você pode ver a diferença lá em como o branco é e como o preto é, temos um contraste muito mais forte. Além disso, a outra razão pela qual eu queria que você salvasse como um arquivo JPEG é para que agora é o momento em que você pode iniciar seu projeto de classe. Por favor, vá em frente e comece seu projeto de aula. Eu adoraria ver seus desenhos originais, é sempre muito divertido ver o processo enquanto você passa. Uma vez que você está feliz que sua planilha foi muito agradável e limpa e você tem linhas pretas muito fortes, você está pronto para fazer seu primeiro GIF. Mas primeiro, vamos falar sobre paletas de cores porque as cores que você escolhe criar com seu GIF têm um impacto muito grande no humor, tom e estilo do mesmo. Na próxima lição, vamos estar olhando para paletas de cores e tivemos como escolher algumas cores bem-sucedidas para usar em seus designs GIF. Então, vemo-nos lá. 7. Escolha de uma paleta de cores: É muito importante pensarmos cuidadosamente sobre as cores que escolhemos para o seu GIF, o que eles dizem sobre você e como escolhê-las. Primeiro, um pouco de informações técnicas sobre GIFs e como isso afeta a cor. Tecnicamente, você pode criar seus GIFs com até 256 cores. Isso parece muito, mas na verdade não é. Quantas cores você imagina que existem em apenas um de nossos desenhos de linha preto e branco depois de ter sido dessaturado e limpo? Há mais de 256. Uma vez que você começa a adicionar mais cores, o número aumenta. Os arquivos GIF são projetados para serem animações leves com um tamanho de arquivo baixo, é por isso que eles funcionam tão perfeitamente. Mas isso significa que eles estão altamente comprimidos. À medida que você adiciona mais cores, você pode começar a obter um pouco de distorção em seu GIF final. Isto é particularmente perceptível se você usasse fotografias ou digitalizasse texturas em seus GIFs porque eles contêm tantas cores diferentes. Estamos trabalhando com cores planas do Photoshop para seu projeto de classe, o que evitará qualquer distorção em nossos GIFs finalizados. Mas isso é algo que deve ter em mente se você começar a fazer GIFs em outras áreas do seu trabalho. Em nosso GIF de mudança de cor, a mudança de cor é o que o diferencia. Este é o GIF com as cores mais diferentes nele. Eu recomendo que cada quadro tenha apenas três cores, uma para o fundo, uma para a letra e outra para o trabalho de linha. Mais do que três cores por imagem, pode ser um pouco esmagador uma vez que as cores, em seguida, mudar em cada um dos seus quadros. Tecnicamente para este GIF, você pode ter três cores por quadro e cinco quadros, que permite que você tenha até 15 cores nesta paleta. 15 cores é muito, e se eles são todos diferentes, vai te dar um efeito muito louco. Uma vez que é animado, você pode realmente adorar que se ele combina com o seu estilo, mas eu recomendo usar uma paleta de cinco cores para este GIF. Cinco cores nesta paleta de cores significarão que você usará a mesma cor três vezes sobre a animação. Em um quadro para o fundo, um para o desenho de linha e outro para a última base. Isso também significa que quaisquer dois quadros próximos um do outro compartilharão pelo menos uma cor em comum, o que pode dar uma continuidade realmente agradável. Em nosso GIF warbling, simplicidade da paleta de cores é fundamental porque o movimento da imagem é tão sutil que está apenas balançando suavemente. As cores para o plano de fundo de trabalho de linha e base de letra, devem ser as mesmas em todos os cinco de seus quadros. Brancos também pode funcionar muito bem neste GIF, seja no fundo ou na letra, como pode deixar o fundo transparente. Também pode ser surpreendentemente impactante, deixado como uma paleta de cores monocromática. Para este GIF, eu recomendo entre uma e cinco cores. Estas podem ser cores que você já selecionou na sua primeira paleta de cores ou pode ser uma nova mistura se você estiver fazendo mais de um dos estilos GIF. Para a imagem final mudando GIF, como há tanta mudança visualmente, eu recomendo uma paleta de cores mais limitada de uma a quatro cores. Mudar drasticamente as cores e mudar drasticamente as imagens pode ser um pouco demais. Onde encontramos inspiração para paletes de cores bem-sucedidas? Você já pode ter uma paleta de cores se você tiver um logotipo do site ou qualquer marca. Você pode ter uma peça de trabalho existente onde você realmente ama as cores que você usou. Pode ser muito divertido revisitar uma paleta de cores que você já tem. Você tem uma cor favorita? Pense em como você decorou sua casa ou espaço de trabalho e dê uma olhada no seu guarda-roupa para ver quais cores aparecem muito, você pode se surpreender. Você poderia criar uma paleta inteira a partir desta única cor. Uma boa maneira de fazer isso é encontrar essa cor no Photoshop e, em seguida, pressione o comando U que lhe dará uma caixa que aparece onde você pode alterar a tonalidade, a saturação e a luminosidade. Alterar todos os três pode ser uma variação um pouco demais, mas se você apenas manter saturação e leveza iguais, basta mudar a tonalidade. Você obterá um espectro de cores que compartilham um valor tonal semelhante à sua primeira cor. Esta é uma técnica que eu uso muito em meu próprio trabalho de ilustração. Vou encontrar um pedaço de papel que eu gosto da textura e cor do, digitalizá-lo e, em seguida, eu uso o Photoshop para mudar a tonalidade, mantendo essa saturação e leveza iguais. Isso me dá uma paleta de cores fantástica que pode ser muito variada. No entanto, todas essas cores parecem ir muito bem juntas. Extrair paletes de cores de fotografias é uma maneira realmente popular de fazer paletas de cores. Há tantas cores presentes em uma fotografia, e você geralmente pode dizer que se você gosta, a sensação geral de uma fotografia, você provavelmente vai gostar da paleta de cores que vem dela. Você pode ter uma foto favorita ou você pode encontrar algo online. Pinterest novamente, é sempre um lugar realmente fantástico para procurar inspiração. Ele não precisa necessariamente ser uma fotografia, pode ser uma ilustração, por exemplo, basta usar a ferramenta de seleção de cores, encontrar uma cor que você gosta, e então você pode simplesmente colocar alguns pontos usando o pincel na borda de sua fotografia . Agora você tem uma paleta de cores, há toneladas de paleta de cores gerando sites, aplicativos e bits de software que você pode usar para gerar paletas de cores para você. Por exemplo, a cor da Adobe é um ótimo recurso para criar suas paletas de cores. Eu também amo [inaudível], mas você pode ter preferido site ou aplicativo que você gosta de usar. Até mesmo a pesquisa de paletas de cores do Google vai lhe dar alguns resultados que você pode gostar. O que essas paletas de cores comunicam? É provável que você seja naturalmente atraído por paletes coloridas que se adequam à sua personalidade, seu trabalho e à sua marca, se tiver uma. Mas basta pensar se as paletas de cores que você escolheu se encaixam bem com isso. Por exemplo, cores suaves em uma paleta harmoniosa transmitem uma atmosfera mais madura e sofisticada. Enquanto uma paleta vibrante de contraste de cores comunicará um visual mais jovem e descolado. Ter um instantâneo digital de suas paletas de cores será muito útil para nós no Photoshop. Vai poupar um monte de adivinhação quando você está escolhendo as cores. Se você estiver em um Mac, faça uma captura de tela usando o botão Shift e caia em seus teclados ou, se estiver trabalhando com algo que seja um objeto real, você pode tirar uma foto dele ou imprimir tela em um PC. Podemos então abrir essa fotografia ou captura de tela no photoshop quando estamos fazendo seu GIF e usar as informações de cor diretamente dele. Agora é sobre você, é hora de encontrar suas paletas de cores. Para recapitular, você pode usar um mínimo de uma até um máximo de 15 cores em seu GIF de mudança de cor. Mas eu recomendo usar realmente não mais do que cinco cores em qualquer um GIF. Tire fotografias ou capturas de tela de sua paleta de cores para que você as tenha digitalmente e possamos abrir no photoshop enquanto estamos criando nossos GIFs. Espero que esta lição tenha ajudado você a criar uma paleta de cores com a qual você se sente realmente animado. Você não pode esperar para fazer esses GIFs. Agora que temos a sua paleta de cores e temos os seus desenhos prontos para animar, podemos começar a fazer o seu primeiro GIF. Vamos lá. 8. GIF que muda de cor: parte 1: Nesta lição eu vou orientá-los sobre como fazer um GIF fabuloso mudança de cor. Temos nosso bom trabalho limpo para abrir no Photoshop e estamos prontos para começar a fazer nosso GIF de mudança de cor. Eu tenho uma captura de tela salva na minha área de trabalho que tem minha paleta de cores nela para este GIF específico, então estamos prontos para começar. Na sua worksheet você tem o mesmo design desenhado cinco vezes. Pode haver um que goste mais do que os outros, apesar de serem iguais. Escolha qual você vai usar para o seu GIF de mudança de cor. Nós só vamos usar um design neste porque ele não vai estar se movendo. Na sua barra de ferramentas para selecionar a ferramenta de seleção retangular e eu vou usar o desenho seis. Vou apenas manter pressionada a tecla Shift enquanto rola uma caixa sobre o meu desenho. Estou sendo cuidadoso para manter minha seleção dentro da caixa na minha worksheet porque eu não quero copiar essa linha na worksheet também. Você pode usar as teclas de seta apenas para empurrar a posição de sua seleção apenas para obtê-lo no lugar certo. Então vamos copiar, Comando C. Vamos agora fazer um novo arquivo. Então vá para “Arquivo” e “Novo”. Você pode fazer o tamanho da sua tela o que quiser. Os processos que vamos usar serão os mesmos independentemente do tamanho, mas vale a pena notar neste momento, se você pretende compartilhar seu GIF no Instagram, há um tamanho ideal para o Instagram de 1080 por 1080 pixels, e há um mínimo recomendado de 720 por 720. Vou fazer este 1080 por 1080, e depois clicar em “Criar”. Agora vou colar no meu desenho com Command V. A partir da sua barra de ferramentas, certifique-se de que você está na ferramenta de movimento e você pode mover seu desenho para a posição que você gosta em sua Tela de pintura. Se for útil, você pode arrastar algumas guias clicando e arrastando a régua para sua Tela de desenho. Isso pode ser muito útil, especialmente se você tem uma letra simétrica como um H. Pode ser muito útil se você está tentando encontrar o centro dela. Se você não está satisfeito com o tamanho da sua letra no fundo, você também pode fazer isso maior em seu teclado apenas pressionando Command T, que é transformar, e apenas arraste os lados da caixa para fora e isso vai apenas aumentar ou diminuir o tamanho do seu desenho. Quando você está em transformação, você também pode girar se você chegar perto dos cantos. Você pode colocar sua carta em uma posição onde você está realmente feliz com ela. Quando estiver satisfeito com o tamanho e a posição da carta, basta clicar em “Enter”. Eu vou abrir minha paleta de cores também que está na minha área de trabalho. Vou para “File” e “Open”. Tenho aqui as capturas de tela de uma paleta de cores. Isso é aberto em uma aba separada. Como você pode ver, temos as abas no topo aqui, a captura de tela. Aí está o meu novo documento que acabei de fazer e essa é a digitalização original. Na ferramenta de movimentação, se você clicar em “Nova paleta de cores ” e arrastá-la para a aba que diz Destítulo seu novo documento” e depois arrastá-lo de volta para a tela e soltá-lo soltando o mouse, há nossa paleta de cores é muito, muito grande, por isso está coberto tudo. Vou diminuir o zoom muito longe e no meu teclado pressione Command T, que é transformar. Isso significa que você pode apenas fazer a coisa nessa camada maior ou menor. Eu só preciso que ele seja pequeno para ir perder cores visíveis. Quando estiver satisfeito com o tamanho, basta pressionar “Enter” e, em seguida, aumentaremos novamente. Se você der uma olhada em nossa janela Camadas, nós temos atualmente três camadas. Há uma camada de fundo branco em branco. Há o nosso desenho de cartas no meio, e temos a nossa paleta de cores. Nossa paleta de cores, vamos continuar ligando e desativando e eventualmente vamos excluí-la. Essa camada vai acabar sendo excluída. Por enquanto, também vamos excluir a camada de fundo para que fique apenas com o nosso desenho. Eu quero agora mudar a cor do meu trabalho de linha. Vamos usar a sobreposição de cores na parte inferior da janela de camadas. Se você apenas ir para “Color overlay”, você pode ver que ele já mudou cor e isso não é realmente uma cor que está na minha paleta de cores. Vou apenas clicar no botão “Cor” e, em seguida, passar o mouse sobre a minha paleta de cores. Vou deixar laranja e “Ok”, e “Ok” de novo. Eu tenho o meu, a versão laranja. Agora eu vou repetir esta camada mais quatro vezes para que eu possa fazer todas as diferentes versões dela nas cores diferentes na minha paleta de cores. Vamos para duplicar camada como fizemos antes quando estávamos nos preparando para animar. À medida que passarmos, vou continuar a usar estes símbolos oculares do lado esquerdo. Isso só liga e desliga suas camadas. É bastante útil porque vamos acabar com muitas camadas muito semelhantes. Às vezes é útil poder apenas dar uma olhada em qualquer um em que você está trabalhando. Novamente, sobreposição de cores na parte inferior, e desta vez eu vou para a cor amarela pálida e clique em “Ok”. Então eu vou repetir este processo três vezes mais para as outras cores. Você pode ver que eu agora tenho cinco camadas com o meu desenho. Estou na janela das minhas camadas. Eu só vou passar e desligá-los por sua vez para que possamos ver que temos uma de cada cor de nossas paletas de cores. Vamos voltar a ligar a paleta de cores. Já fizemos nossa camada de linha para cada um dos nossos quadros. Agora vamos fazer os antecedentes. Vamos fazer uma nova camada, então nova camada. Lembramos desses atalhos também. Command, Shift e N faz uma nova camada porque vamos fazer muitas novas camadas através dos diferentes processos de criação de GIF. Este é um atalho que talvez queiramos lembrar. Nesta camada em particular eu vou fazer o fundo. Se fizermos Comando A e que seleciona tudo e, em seguida, podemos ir para “Editar”, “Preencher”, “Selecionar cor”. Em seguida, podemos usar a ferramenta de seleção de cores novamente, voltando para a laranja. Não se preocupe com isso. O que aconteceu você vê é nossa ordem de camada, a camada laranja está em cima de todos os nossos desenhos para que você não possa ver através dela. Tudo está no modo normal. Está agindo como um pedaço de papel laranja opaco. Eu só vou arrastá-lo para baixo para a parte inferior da ordem da camada. Vamos fazer outra camada nova. Vou desligar o laranja só porque é um pouco confuso com a paleta de cores. Então vamos “Editar”, “ Preencher”, “Cor”, “Segunda cor”. Lá vamos nós. Vamos continuar repetindo isso novamente exatamente como fizemos para os desenhos de linha até que tenhamos todas as cinco cores como apenas uma camada de fundo sólida. Agora você pode ver em nossa janela de camadas que temos nossa paleta de cores ainda no topo, que podemos estar ligando e desligando e, em seguida, temos nossas cinco cores diferentes desenhos de linha e, em seguida, temos nossas cinco cores diferentes de fundo. Agora vamos criar a cor que é o interior do desenho de linha. Para fazer isso, vamos para a nossa camada 1, que vai desligar as outras camadas para que não seja confuso. Nós só queremos nossa paleta de cores na camada 1. Na barra de ferramentas basta selecionar suas varinhas mágicas e vamos selecionar em algum lugar no fundo. Não importa onde, contanto que esteja em um espaço em branco. Vejo que há um problema. Veja o que está selecionado está indo para fora da paleta de cores, bem como ele está pegando a paleta de cores e a razão para isso é aqui em cima na minha barra de ferramentas menus aparecem, é amostra todas as camadas está marcada. Embora eu tenha selecionado a camada 1 está realmente captando qualquer uma das camadas visíveis. Vou desmarcar com o Comando D. Agora que está desmarcado, vou tentar de novo. Você pode ver que ele está ignorando a paleta de cores agora, que é o que eu quero. O que eu realmente selecionei está fora da letra , mas eu não vou selecioná-lo está dentro da letra. Eu vou para o menu de seleção e selecionar inverso e você pode ver que a seleção mudou de estar fora da letra que incluiu a caixa delimitadora para dentro da letra. Agora eu só vou ampliar um pouco mais para que nós realmente estamos super perto. Agora, como eu estava mencionando sobre varinha mágica mais cedo e a razão pela qual ela não é tão ideal quanto uma máscara de camada quando estamos usando para remover fundo. Como você pode ver a borda aqui é um pouco difusa e isso é apenas a natureza do Photoshop. Estamos usando imagens muito pequenas que são apenas pequenos desenhos para você possa ver alguns dos pixels lá tem um pouco de borda difusa. O que não queremos que aconteça é que haja um efeito fantasma, quando preenchemos a cor aqui, não queremos ver nenhum desses pixels espalhados pela borda do nosso trabalho de linha. O que nós vamos fazer é realmente encolher nossa seleção um pouco para que ele é completamente coberto por uma linha grossa desenhos. Se você for para o menu de seleção e, em seguida, ir para “Modificar” e você pode ir para “Contrato”, há também a opção de expandir. Estes são realmente úteis para todas as coisas. Talvez queiras voltar a esta ferramenta. Vamos contratar nossa seleção e vamos apenas tentar pixels para começar e ver como isso parece. Você pode ver a linha saltou lá atrás e isso deve nos dar um bom buffer para que nós não estamos captando qualquer um dos nossos diferentes pixels de cor fora da nossa linha laranja. Precisamos fazer uma nova camada agora. Vou usar o atalho desta vez, então Command, Shift e N e depois Ok, eu posso apenas pressionar Enter. Eu tenho uma nova camada e eu vou diminuir o zoom para que eu possa ver minha paleta de cores e “Editar”, “Preencher”, “Cor” Eu não vou começar com laranja desta vez porque eu tenho trabalho de linha laranja então eu vou começar com a segunda cor. Lá vamos nós. Você pode ver o que aconteceu. Por que ele parece da maneira que ele faz é por causa das camadas que é visível, a cor interna da letra é realmente no topo do trabalho de linha. Podemos facilmente trocar por isso e é assim que vai parecer. Agora eu tenho que fazer exatamente a mesma coisa que eu fiz com o trabalho de linha e com as cores de fundo em que eu preciso fazer esta forma exata novamente quatro vezes mais nas diferentes cores da paleta de cores para que eu tenha um em cada cor. Eu vou continuar fazendo novas camadas cada vez, que é Command, Shift e N. Eu já tenho as formas selecionadas, então eu não preciso fazer isso novamente enquanto eu estiver na nova camada. Então eu só preciso ir para “Editar”, “Preencher”, “Cor” e continuar selecionando cada uma das cores e eu vou apenas repetir isso cada vez. Eu já fiz isso. cinco versões dessa camada nas cores diferentes da minha paleta de cores. Eu só vou esticar isso para que possamos ver, bem feito. Você já fez a maior parte do trabalho para o seu GIF de mudança de cor, você está quase lá. Junte-se a mim na Parte 2 desta lição para completar seu GIF. Vejo-te então. 9. GIF que muda de cor: parte 2: Eu só vou esticar isso para que possamos ver todas as nossas camadas. Agora o que precisamos fazer é basicamente combiná-los, e fazer cinco pequenos sanduíches. Compre um sanduíche. Vou te mostrar o que quero dizer. Imagine que o fundo é como uma fatia de pão, então esta laranja, por exemplo. Então temos o nosso amarelo pálido. Vou arrastar esta camada para baixo. Então podemos colocar uma de nossas linhas coloridas no topo. Não vamos escolher a laranja porque não vai aparecer com o fundo laranja. Esse é o amarelo, aquele é um pouco pálido, eu acho. Esse verde escuro é bom, então vamos usar esse. Só vou me livrar das minhas seleções. Não precisamos mais disso, então faça o Comando D. Então eu vou pegar essa camada verde até o fundo e dizer, nós temos nosso sanduíche. Isso é como a camada superior de pão, e o interior do último é como o recheio de sanduíche. Então a camada de laranja é como a camada inferior de pão. Vamos repetir isso mais quatro vezes para que ele nos dê cinco versões coloridas diferentes do nosso mesmo design. Você pode apenas brincar até que você tenha cinco imagens que realmente parecem muito boas. Eu acho que agora tenho minhas camadas em um lugar onde ele está me fazendo cinco versões realmente agradáveis desse design, e é bastante útil nesta fase apenas para colocar cada um dos seus sanduíches camada em uma pasta também para que você possa verifique-os antes de mesclarmos as camadas. Se você apenas realçar pressionando a tecla Shift, as três camadas superiores, ignore sua paleta de cores, lembre-se e vá para a parte inferior da janela Camadas e clique na pasta. Então é apenas agrupá-los juntos. Se você clicar no array, você ainda poderá vê-los novamente. Veja como eles estão ligeiramente recuados do resto. Mas isso só significa que você pode ligar e desligar todo o grupo. Eu não vou fazer isso para as minhas outras quatro imagens e fazer quatro grupos para elas. Agora tenho os meus grupos. Você pode ver que eles estão todos ligados no momento. Se eu os desligar gradualmente usando esse símbolo de visibilidade, neste estágio, vamos excluir a camada que tem nossa paleta de cores nela. Basta arrastá-lo para a lixeira. Agora vamos nivelar cada um de nossos grupos em apenas uma camada para que possamos usar o atalho mesclado para baixo que usamos antes quando estávamos apenas mesclando uma camada para a outra. Você pode apenas no seu teclado usar o Command E, e ele irá apenas transformar todo esse grupo de três camadas em uma camada. Agora vou fazer isso nos outros grupos. Agora eu tenho minhas cinco camadas coloridas diferentes. Estamos prontos para transformá-lo agora em um GIF. Basta ir para o menu Janela na parte superior, e ir para Linha do tempo, e ele vai dar-lhe este pouco extra na parte inferior, basta clicar no botão aqui que diz Criar Animação de Frame, e depois aqui na lado direito, você pode apenas ver lá nós temos algumas dessas pequenas linhas como nós temos em nossa janela Camadas. Se você apenas clicar lá e, em seguida, vá para Criar quadros de camadas. O que você pode ver aqui no lado esquerdo é que agora temos nossas cinco imagens em nossa linha do tempo. No momento eles dizem zero segundos abaixo. Se eu jogar nosso GIF, você pode ver que é muito bem estroboscópico. É um pouco intenso porque é muito rápido. Se você clicar na primeira imagem, mantenha pressionada a tecla Shift e, em seguida, clique na Última imagem e, em seguida, clique na hora. Eu só vou tentar os primeiros 0,2 segundos, e ele mudou todos eles para 0,2. Você pode ter um jogo ao redor para ver o tempo que você acha que funciona realmente bem para o seu design particular e sua paleta de cores particular. Então vamos fazer uma prévia disso. Certo, então aqui estamos nós, nosso primeiro GIF. Agora só precisamos exportá-lo. Só para notar, nosso GIF está permanentemente em loop, então continue para sempre. Isso é porque temos este menu suspenso aqui, que geralmente é definido como padrão para sempre. Mas você não pode dizer que você quer fazer loop uma ou três vezes. Mas para GIFs você normalmente vai querer que ele faça loop para sempre. Sentimos que o GIF não está looping para sempre, pode ser que você precise mudar esse drop down. Agora estamos prontos para salvar nosso GIF. Então, basta ir para Arquivo, Exportar e Salvar para Web. Você tem duas janelas aqui. No lado esquerdo, ele mostra como é o original na tela. No lado direito, ele mostra como será essa versão específica quando for exportada. Em seguida, você pode visualizá-lo aqui pressionando Play. É apenas dito que você pode ver se você vai ter alguma distorção acontecendo em sua imagem. Se houver muita compactação, você pode corrigi-la nesta fase escolhendo um tipo de arquivo diferente, tamanho de arquivo. Você pode ver se você clicar no menu suspenso Predefinições, temos muitos tipos diferentes de GIF aqui. Desde que ele não vai fazer um tamanho enorme de arquivo, eu normalmente salvar meu GIF como um 128. Você pode ver o tamanho do arquivo aqui embaixo. Só vai ser 153 kilobytes, então não é muito grande, mas você percebe que eu tendem a realmente não me preocupar muito com isso. É apenas sobre como o Photoshop preenche os detalhes. Isso realmente não faz muita diferença para esses tipos de GIFs. Mas se você estiver indo para trabalhar com fotografias, você pode querer experimentar com isso porque às vezes isso pode fazer uma pequena diferença para a qualidade do seu GIF em geral. Em seguida, clique em Salvar, eu vou salvá-lo na minha área de trabalho. Vou chamar-lhe Mudança de Cor. Tipo de arquivo ainda é GIF ele já sabe disso, e salvar. Agora você tem seu primeiro GIF. Mal posso esperar para ver o que você fez, então, por favor, faça o upload no seu projeto da turma. Espero que você tenha amado criar seu primeiro GIF tanto quanto eu sei, eu vou adorar vê-los. Estou muito animada para ver seus projetos. Agora que todo o trabalho foi feito, criar seu próximo GIF vai ser um pedaço de bolo. Então, junte-se a mim na próxima lição e eu vou orientá-los sobre como criar o GIF efeito de oscilação. 10. GIF de efeito wobble: Nesta lição, vamos criar um fabuloso GIF efeito de oscilação. Agora vamos fazer o nosso efeito de oscilação GIF. É bastante simples. Vai usar os mesmos princípios que acabamos de usar. Eu ainda tenho aberto os mesmos arquivos que estávamos usando para o nosso GIF de mudança de cor. Eu tenho minha mudança de cor GIF aberto na minha frente agora e ele tem todos os cinco quadros coloridos diferentes. Eu ainda tenho a mesma paleta de cores aberta e minha planilha original lá com um fundo transparente. Neste ponto, você pode estar usando uma nova paleta de cores se quiser. Algo que eu vou fazer em vez disso é realmente olhar para cada um dos meus cinco quadros e escolher o favorito dos meus coloridos quadros de lá. Eu realmente gostei deste fundo laranja com o desenho da linha verde. Na verdade, vou apagar o resto das minhas camadas. Eu só vou destacá-los e arrastá-los para o compartimento, então eu sou apenas deixado agora com minha única camada. Não se preocupe no momento com o que está acontecendo na linha do tempo. As coisas vão parecer um pouco estranhas na linha do tempo, mas vamos resolver isso no final. Se você quiser uma nova paleta de cores nesta fase, é bastante simples, você pode apenas trazer uma nova palete de cores para sua tela aqui e então eu só usaria a varinha mágica para selecionar cada uma de suas diferentes áreas coloridas e ir para editar para colorir. Se você tem algo como esta área amarela que se separou por muitas linhas desenhadas, em vez de ter que selecionar cada uma individualmente, você pode ir até o menu select e selecionar semelhante e ele vai encontrar todo aquele amarelo pálido para você para que você possa simplesmente realmente facilmente ir para editar preenchimento e torná-lo uma nova cor. Mas vou manter o meu esquema de cores como está agora. Em seguida, vamos voltar para a sua worksheet em nosso GIF oscilante porque ele está se movendo suavemente, vamos precisar de desenhos ligeiramente diferentes para cada um de nossos quadros. Aqui é onde nossos outros desenhos entram. Obviamente já usamos o desenho seis, então agora vamos usar os desenhos 2, 3, 4 e 5. Novamente, eu vou pegar minha ferramenta de letreiro retangular, manter pressionada a tecla Shift para torná-la quadrada seleção e, em seguida, copiar o comando C, ir para o meu arquivo e, em seguida, colar Command V e você pode ver o desenho aparecer no topo como uma camada. Eu só vou usar a ferramenta Mover e apenas alinhá-la o mais próximo possível com uma abaixo. Não vai ser perfeito e esse é o ponto, então não se preocupe muito se parecer um pouco diferente. Se você precisar girá-lo, se não for reto, você pode simplesmente fazer o Command T, como fizemos antes com sua paleta de cores para torná-lo maior e menor e que irá girar seus desenhos para que você possa usar isso também. Agora temos a nossa segunda camada. Agora vou entrar e pegar o próximo. Vou apenas desmarcar e desenhar uma caixa sobre o meu próximo desenho, copiar e colar. Vou desligar o desenho que acabei de trazer para que eu esteja sempre alinhando com o meu colorido de cada vez. Vou repetir isto para os outros desenhos. Agora, se você olhar para a minha janela, você pode ver que eu tenho agora os outros quatro desenhos. Eles são apenas preto e branco ainda em cima do meu quadro colorido, então eu tenho todos os cinco quadros lá agora. O que eu preciso fazer agora é tornar os novos quadros o mesmo esquema de cores que o quadro que estava lá originalmente. Vai ter um fundo laranja, vai ser amarelo no centro e vai ter trabalho de linha verde. Vou começar com a camada quatro e apenas fazer a minha sobreposição de cores, escolher o meu verde e você pode simplesmente passar por um de cada vez e fazer a mesma coisa para cada um. Acho que é mais rápido fazer assim. Agora todas as minhas camadas de linha são verdes, agora vou fazer mais quatro camadas de fundo laranja. Eu só vou para Command Shift e N para New Layer, Comando A para selecionar tudo e, em seguida, editar, preencher, colorir e eu vou apenas provar minha laranja. Agora temos a nossa camada de fundo laranja plano. Agora que tenho um desses, posso duplicar isso aqui em cima. Vou começar a espalhar as minhas camadas de laranja que haja uma debaixo de cada desenho de linha. Então vamos fazer agora a camada de cor no meio. Vou começar de baixo para cima para poder provar essa cor. Vou clicar duas vezes na minha cor de primeiro plano, basta clicar no amarelo pálido. Agora vou colocar o meu fundo com o meu desenho final. Vou pegar minha varinha mágica. Certifique-se de que você está em sua camada de linha, com uma varinha mágica, basta clicar no fundo exatamente o mesmo que fizemos antes. Espero que tudo isso pareça familiar. Vá para selecionar inverso, modo que agora estamos selecionando o interior do último em vez do plano de fundo. Lembre-se, nós vamos encolher nossa seleção também. Vá para selecionar, modificar e contratar apenas para que não tenhamos essas bordas emplumadas. Agora precisamos de uma nova camada entre nosso plano de fundo e nossa camada de linha. Lembre-se, é como um sanduíche de camada. Vamos Command Shift N para nova camada e, em seguida, editar, preencher e a cor do primeiro plano é o amarelo que selecionamos sugerir agora, então podemos ir bem e então temos o número 2. Eu posso mesclar essas camadas imediatamente porque eu sei que eu tenho isso correto. Não há nada que eu precise verificar porque eu já verifiquei o realinhamento. Eu sei que estou fazendo as cores a partir da cor da camada base, então eu vou apenas destacar esses três e fazer o Command E para achatar. Tenho dois dos meus cinco quadros. Vou repetir esse processo exato para os outros três quadros agora. Acabei de cometer um erro, mas pensei em apontar. Se você acidentalmente preencher sua camada de linha, isso tem a sobreposição de cor nela. Vai ser da mesma cor que o seu trabalho de linha, pode ser uma surpresa. Você pode apenas fazer Command Z se você fizer algo assim e ele vai apenas levá-lo de volta, é porque eu esqueci de fazer minha nova camada com Command Shift e N, K e depois editar e preencher. Fantástico. Tenho as minhas camadas. Só vou usar os olhos para dar uma olhadela neles. Você pode ver como ele vai funcionar com esse tipo de efeito delicadamente warbling uma vez que é animado. Se você der uma olhada na linha do tempo aqui em baixo, ele vai parecer que ele realmente tem a animação lá. Mas se você tiver sua linha de tempo aberta quando estiver editando, ela tende a copiar o primeiro quadro. A coisa mais fácil que eu acho é apenas se você vir para suas linhas aqui novamente e apenas dizer excluir animação e, em seguida, clique novamente e dizer fazer quadros de camadas e agora ele está mostrando as diferentes camadas. É um pouco estranho porque tem zero segundos ou 0.2 no primeiro quadro. Eu só vou destacar todos eles como fizemos antes, vamos tentar não 0.2. Eu sinto que é um pouco lento para este GIF, então eu vou apenas tentar. Vamos apenas destacá-los novamente, vamos tentar não 0.1 e eu acho que é muito melhor. Parece se adequar a este GIF particular e esta paleta de cores muito, muito melhor. Lá estamos nós. É assim que você faz um efeito de oscilação GIF. É bastante simples uma vez que você conhece esses processos do GIF de mudança de cor. Agora vamos salvá-lo exatamente da mesma maneira que fizemos antes. Então arquivo, exportação, Salvar para web, GIF 128 fez isso novamente, basta ter uma pequena visualização apenas para ver que ele vai ficar bem. Feliz com isso, salve. Vou salvá-lo na minha área de trabalho como efeito de oscilação. Espero que você tenha amado criar a oscilação afeta GIF, eu estou realmente ansioso para vê-los. Se você criou um, por favor, carregue-o em projetos de classe para que eu possa ver e lhe dar feedback. Na próxima lição, eu vou levá-lo através do efeito GIF final que vamos olhar para, que é a imagem mudando GIF e que vai usar o resto dos desenhos que você criou em sua worksheet para criar um e GIF funky. Te vejo lá. 11. GIF que muda de imagem: parte 1: [ MÚSICA] Neste vídeo, vamos criar sua imagem mudando GIF. Alguns dos princípios que já abordamos no GIF de mudança de cor e no GIF efeito de oscilação. Esta é uma ótima chance de incorporar o que aprendemos e criar algo realmente divertido no processo. Eu decidi neste GIF, eu vou usar uma nova paleta de cores. Eu tenho aberto aqui, Eu usei um aplicativo para gerar uma paleta de cores a partir de uma fotografia com minha caixa de lápis. Eu só vou cortar isso, porque eu não preciso de tantas cores como ele me deu. Eu vou querer estar usando quatro cores como um máximo neste GIF e estes são os quatro que eu gostaria de usar. Eu só vou cortar e deixá-lo assim e porque eu estou usando uma nova paleta de cores, eu vou apenas começar um arquivo completamente novo para este que eu decidi, vez de tentar trabalhar a partir de um dos quadros no último GIF. Eu só vou para Arquivo e Novo e criar um novo documento. Eu só vou torná-lo aquele tamanho que era ideal para o Instagram, então 1080 por 1080 pixels e criar. Estou na minha ferramenta retangular de novo, e vou começar com este pequeno animal engraçado que desenhei aqui, mantendo pressionada a tecla Shift, desenhando uma caixa. Só perdi um pouco lá, e copiar para o meu novo documento e colar Command V. Eu vou torná-lo um pouco de dados para que o meu último está enchendo mais do espaço. Vou pressionar o Comando T no meu teclado, só vou rastrear esses cantos. Eu acho que é sobre o tamanho que eu gostaria de usar, então Enter. Eu vou voltar para a minha worksheet e eu vou fazer exatamente a mesma coisa com desenhos de linha para desenhos oito, nove, 10 e então eu vou tomar desenho dois bem assim nós temos cinco quadros de desenho. [ MÚSICA] Você pode ver que eu tenho meus cinco quadros aqui, meus cinco desenhos de linhas diferentes e vamos dar uma olhada neles. Há um, dois, três, quatro e cinco. É bom excluir a camada de fundo, então vou fazer isso agora. Lá vamos nós, então eu só vou dar uma olhada na nossa paleta de cores agora, para pensar sobre quais cores eu vou usar para as diferentes partes do meu GIF. Você pode ver nesta paleta, eu tenho uma cor muito escura. Então este rosa e roxo são bastante próximos de certa forma. Você quer pensar em criar o mais contraste realmente entre seu trabalho de linha e a parte sólida deste último e o plano de fundo. Eu realmente quero que essa cor escura esteja envolvida lá. Eu acho que provavelmente vai funcionar melhor se eu usar esta cor realmente escura para o trabalho de linha. Eu só vou para a ferramenta Mover e apenas trazer esta paleta de cores para o meu documento. Aqui vai bem pequeno, mas não precisa ser maior do que isso e lá vamos nós. Eu decidi que o trabalho de linha vai ser esta cor realmente escura. Primeiro passo, podemos apenas mudar todos os nossos desenhos de linha e com o nosso método de sobreposição de cores para esta cor aqui. Eu só vou mudar a ordem da camada porque eu prefiro minha paleta de cores estar no topo. Vou começar de baixo para cima, por isso estou no meu animal. Vá para Color Overlay, clique na cor e, em seguida, clique na cor no meu paladar. Vou repetir isso para os meus outros desenhos de linhas. [ MÚSICA] Agora, todos os meus desenhos de linha desta cor marinha escura, podemos fazer exatamente o que fizemos no efeito de oscilação GIF agora e podemos criar nossa cor de fundo e que vai ser essa turquesa. Vou descer até o botão, fazer uma nova camada Command Shift e N. Vou arrastá-la até o botão, selecionar todos os Comandos A e, em seguida, ir para Editar, Preencher, Cor e, em seguida, selecionar minha turquesa. Então lembre-se que você pode simplesmente duplicar esta camada mais quatro vezes, para lhe dar uma dessas cores de fundo para cada um dos seus quadros. Ótimo, então agora temos nossas cinco camadas de fundo. Vou espalhá-los como fizemos antes. Lembre-se de pensar sobre isso como sanduíches, então eu tenho as camadas superior e inferior de pão como nós os chamamos e então eu vou estar fazendo essas camadas do meio a seguir. Nós sempre completamos sua imagem mudando GIF. Na parte 2 desta lição, mostrarei como concluí-la, bem como algumas maneiras de contornar problemas que você pode encontrar em seu processo de criação de presentes. Vejo você na parte 2. [ MUSIC] 12. GIF que muda de imagem: parte 2: Então, eu gosto muito de começar, no fundo e trabalhar meu caminho para cima. Está bem. Então, vamos começar com o animal primeiro. Então, você vai para a sua camada de linha, lembre-se, nós vamos para os mágicos. Nós vamos selecionar fora do seu animal, e então lembre-se que vamos selecionar inverso. Este tem uma linha mais fina. Eu só vou ampliar porque nós ainda vamos usar a opção de seleção do contratante. Precisamos ficar de olho nisso para ter certeza de que não está indo muito pequeno. Então, vá para selecionar, modificar e contratar. Vamos tentar dois pixels. Isso parecia absolutamente bom. Não vai ser muito porque, então eu posso ver minha paleta de cores. Então, eu preciso fazer uma nova camada para o meu recheio sanduíche, Command Shift e N para uma nova camada. Em seguida, edite, Cor de preenchimento. Eu ia usar este rosa para o interior. Lá vamos nós. Então, esse é o primeiro quadro feito. Vou repetir isto para os meus outros quadros. Agora, a seguir, vamos olhar para esta carta peluda. Vai desligar os meus animais. Agora, se você se lembra quando estávamos desenhando este aqui, este é o que eu disse que poderia ser um desafio usar a varinha mágica para ser selecionado fora da letra. Estou enchendo por dentro. Fiz uma fila ao redor do lado de fora, então, como podem ver, isso funcionará para nós. Mas eu mencionei o fato de que eu vou te mostrar outra maneira se não houver nenhuma maneira que você possa criar uma linha ao redor do lado de fora. Então, vamos fazer nossa nova camada Command Shift e novo. Ok, então, há algumas maneiras que você pode fazer sobre isso e você pode usar a ferramenta de seleção ou você pode usar um pincel. Então, vou mostrar-lhe um exemplo da ferramenta de seleção. Nós temos um polígono [inaudível] dois aqui acima do mágico. Se você basicamente tratasse um pouco como um ponto a ponto. Então, você está criando um caminho de varinha mágica. Você pode fazer isso também se você achar que uma de suas seleções, se você tem uma lacuna cega em algum lugar e dizer que a varinha mágica não está funcionando para você. Na verdade, não dormiu dentro e fora da carta. Então, você está apenas clicando uma vez por vez. Não clique duas vezes até terminar sua seleção, pois ela fará com que sua seleção desapareça assim. Depois podemos ir para Editar, Preencher Cor, e já temos o rosa, tudo bem, vou desmarcar. Na verdade, porque está coberto pelo desenho ao redor do lado de fora, parece absolutamente bem. Outra maneira de fazer isso é usar o pincel. Clique duas vezes em sua cor de primeiro plano aqui, selecione seu rosa e então você pode simplesmente pintar nas áreas dessa camada que você deseja que seja essa cor. Só vou desfazer isso. Então, estou feliz com o meu “H” agora. Eu só vou subir, os outros são bastante simples para preencher rosa. Então, eu só vou fazer isso rapidamente. Ok, então eu tenho meu H deitado agora como uma imagem de três cores. Eu vou criar minhas pastas novamente, como fizemos no presente de mudança de cor, porque eu vou estar apresentando às vezes outra cor. Então, eu só vou passar por destacar cada conjunto de três, e apenas colocá-lo em uma pasta, ok. Então, eu fiz meus grupos. Então você pode ver agora o efeito geral, é um pouco como o gimp efeito varinha e eu só vou trazer minha paleta de cores de volta. Então, eu tenho esse roxo escuro que eu ainda não usei. Vou usar isto apenas em poucas áreas, apenas em algumas áreas muito pequenas. Porque eu acho que pode ser muito bom só adicionar um pouco mais. Sempre gosto de um pequeno detalhe em algumas das minhas ilustrações. Então, neste, por exemplo, eu vou apenas colorir os rappers. Então, estou na minha camada de linha. Eu vou selecionar aqui e manter pressionada a tecla Shift, para que eu possa selecionar dois ao mesmo tempo e agora neste caso, porque eu estou dentro da linha de trabalho, eu só vou fazer essa seleção um pouco maior para que eu não obter o tipo errado de pixels. Na verdade, antes de fazer isso, eu também poderia criar esta seção do meio neste roxo mais escuro. Então, eu vou pegar isso também. Vá para selecionar, modificar e expandir a seleção. Vamos tentar dois pixels. Lá estamos nós. Então, eu vou criar uma nova camada e, em seguida, ir para Editar, Preencher Cor, roxo escuro. Talvez vá, só dê algo um pouco diferente, eu acho. Então, muito feliz com essa. Então, este aqui, eu acho que posso definitivamente adicionar um pouco de roxo escuro no interior das minhas letras. Então, eu estou na minha camada de linha, vai clicar dentro com minha varinha mágica, vai criar uma nova camada abaixo do Command Shift e novo ok, vai expandir essa seleção para torná-la um pouco maior. Então, selecione, modifique, expanda, ok, e, em seguida, edite, cor de preenchimento, roxo. Então, vocês podem ver que minha varinha mágica não tem sido fantástica em algumas áreas, porque isso é muito pequeno, eu posso usar o pincel para tocar esses pedaços. Então eu vou apenas selecionar minha cor roxa e apenas colorir esses pedaços. Ok, então eu usei meu pincel lá e eu estou bastante feliz com isso agora. Então, nós vamos passar para o próximo e este eu acho que é impossível ter outra cor nele, então, eu vou deixar essa como é e esta é enquanto eu vou deixar aquela como está. Então, porque, este pequeno animal e o peludo, são os únicos quadros no meu presente, as três cores, enquanto os outros têm o roxo também. Eu só vou realmente espalhá-los para fora. Então, eu só vou colocar este H peludo entre os grupos um e dois aqui em cima apenas dizer que nos dá esse tipo de variedade. Neste ponto, vou excluir minha paleta de cores. Vamos verificar se nossas ilustrações estão bem. Então, agora podemos achatá-los. Então, cada um, se você fizer o Comando E, fique em pé I, em destaque e vá para o Comando E, apenas flui-los em uma camada exatamente como fizemos antes. Agora, temos nossos quadros, agora podemos criar nossas animações. Então, é tudo, exatamente como já fizemos. Vá para Janela e linha do tempo, crie animação de quadro. Por aqui. Crie quadros a partir de camadas. Você pode ver que já passou para 0 segundos. Eu sei que não vou querer isso assim, então vamos tentar não apontar um, ver como isso parece. Clique em Reproduzir. É muito rápido, mas acho que funciona muito rápido. Vou tentar a 0,2 e ver qual é a diferença. Na verdade, acho que gosto deste muito rápido. Às vezes eu gosto que o presente de mudança de imagem seja 0,1 às vezes eu gosto 0,2, eu acho que quando é muito rápido, é mais fácil ver a letra porque há menos tempo para você tomar em cada imagem. Então, a carta se torna mais proeminente. Então, estou feliz com isso. Vou exportá-la exatamente da mesma forma que já fiz antes. Então, vamos para File, Export, Safer Web. Temos o presente 1, 2, 8. Só tenha uma pequena prévia. Parece perfeito para mim. Em seguida, vamos clicar em salvar. Parabéns por fazeres os teus presentes. Uau, eu não posso esperar para ver o que você fez, se você criou um dos estilos de presentes ou todos os três, por favor, envie o que você fez para seus projetos de classe. Estou tão ansiosa para ver o que fez. 13. Bônus: como exportar como . mp4: Então agora você tem um ou mais GIFs fantásticos para mostrar para o seu projeto de classe. Tenho certeza que está morrendo de vontade de compartilhá-los com o mundo. Nesta lição, eu só vou mostrar como exportar esses GIFs como arquivos MP4. A razão pela qual isso é realmente útil é porque atualmente o Instagram não suporta GIFs. Então, se você quiser fazer upload de um arquivo para o Instagram, é uma imagem em movimento, ele tem que ser um arquivo MP4, que é um arquivo de vídeo. É muito fácil fazer isso, mas eu vou apenas orientá-lo através do processo para que você possa compartilhar seus GIFs fantásticos nessa plataforma. Portanto, existem alguns aplicativos disponíveis que permitem converter seu GIF no que é necessário para Instagram, que é um arquivo de vídeo. Precisa ser um arquivo MP4. Aplicativos, por exemplo, incluem GIF flap, GIPHY, GIF Maker para Instagram. Eles provavelmente serão todos novos saindo o tempo todo. Basta dar uma olhada na sua loja de aplicativos e é possível encontrar aplicativos que fariam esse trabalho para você. Eu só vou te mostrar como fazer manualmente porque não é muito difícil. São apenas alguns passos e uma forma diferente de exportar o seu GIF. Então, basta verificar primeiro, o tamanho da imagem e no GIF e aqui, o tamanho da imagem. Então criamos este GIF, 1080 por 1080 pixels. Agora, se você se lembra, esse é o tamanho ideal para o Instagram, mas ele realmente prefere algo acima de 720 pixels. Então, se você criou seu GIF menor que isso, você pode forçá-lo aqui e torná-lo 720 por 720. Não é realmente a maneira ideal de fazê-lo, mas você pode fazer pequenos truques método como esse. Então podemos dizer: “Está bem, está tudo bem.” Então a coisa com o Instagram é que ele precisa criar um arquivo de vídeo em vez de um GIF. Então isso significa que ele não pode fazer loop automaticamente. Então nós já temos nossos quadros aqui na linha do tempo. Então, tudo que você precisa fazer é destacar seus quadros aqui e então há um pequeno sinal de mais aqui se você clicar nisso, ele vai duplicar todos os nossos quadros novamente. Então isso vai nos dar dois loops com nossa animação. Agora você pode destacar todos os 10 de nossos quadros e duplicá-los novamente, o que vai nos dar 20 quadros e assim por diante. Você pode fazer isso de novo e de novo e até que tenhamos muitos e muitos quadros. Então algo a ter em mente é, bem, quanto tempo essa animação vai durar? Para Instagram ele precisa ser pelo menos três segundos e eu sugiro que você quer ele seja mais de três segundos porque isso é bastante certo para alguém para notar no Instagram. Não pode demorar mais do que 60 segundos. Vou continuar adicionando mais alguns quadros. Você não pode rolar ao longo da linha do tempo. Veja, agora temos essa barra ao longo do fundo. Então eu vou apenas duplicar tudo mais uma vez e eu tenho certeza que isso vai nos dar o suficiente. Assim, podemos visualizar da mesma maneira pressionando o botão play. Você notou que foi um pouco lento para começar lá. Isso é apenas buffer, mas uma vez exportado, ele vai jogar um pouco mais sem problemas. Então isso é definitivamente mais do que três segundos e não é tão longo quanto 60 segundos. Então estou bastante feliz com isso. Eu sugiro que você provavelmente quer pelo menos cinco segundos, caso contrário, vai parecer bastante abrupto e agora, podemos exportá-lo como um arquivo de vídeo. Então, para fazer isso, vamos para arquivo e exportação. Então, temos clicado em salvar para web, mas desta vez vamos dizer renderizar o vídeo. Então é chamado de um sem título, podemos dar-lhe um novo nome, chamá-lo imagem changing.mp4 é o tipo de arquivo certo. Você não precisa alterar nada disso, ele já está nas configurações certas e então você pode dizer renderização. Então isso pode levar alguns segundos para fazer isso. Então você pode ver na minha área de trabalho aqui imagem changing.mp4. Se você clicar duas vezes nele, ele mostrará isso como uma prévia. Então, tornou-se 16 segundos de duração e está tudo bem. Você pode ver que é bom e rápido agora que é renderizado e está ficando super rápido. Então, isso vai ser um arquivo que é adequado para o Instagram para que você possa enviá-lo para si mesmo ou obtê-lo em seu telefone alguma outra maneira em sua pasta de vídeos e, em seguida, você pode enviá-lo de lá diretamente para o Instagram. Se você compartilhar qualquer GIFs no Instagram que você criou como resultado desta classe, lembre-se de me marcar. Adoraria ver seus GIFs. Então, basta usar #melryesskillshares, para que eu possa ver o que você postou. 14. Considerações finais: Parabéns por completar a aula, aprender novas habilidades e fazer um projeto incrível. Se você ficar preso ou tiver dúvidas, por favor, poste-as no quadro de discussão, eu verifico lá regularmente e farei o meu melhor para ajudá-lo se eu puder. Por favor publique seus GIFs em qualquer lugar que puder. Claro, eu adoraria vê-los na galeria de projetos da classe, mas talvez você queira enviá-los para as mídias sociais, colocá-los em seu site, seu blog, em seus e-mails, qualquer lugar que você gostaria de compartilhar. Espero que você tenha realmente gostado de aprender essas três abordagens diferentes para fazer efeitos GIF bastante diferentes, e que agora você tem todos os tipos de idéias voltadas para longe do que você pode animar a seguir. Se há uma coisa que você tira desta aula, espero que seja a alegria de ver suas ilustrações ganharem vida através da animação. Eu tenho um monte de mais aulas de Skillshare no planejamento, então, se você tiver alguma solicitação ou sugestão para novos tópicos de aula, por favor, me avise, eu sempre gostaria de saber se há algo em particular que você gostaria de ver. Espero que tenha gostado da aula. Se você tiver, eu ficaria muito grato se você deixasse um comentário, realmente significa muito ouvir seus comentários. Não se esqueça de me seguir para que você seja notificado quando eu lançar novas aulas e espero vê-lo em outra das minhas aulas muito em breve. Tchau, por enquanto.