Aprenda a criar GIF nostálgicos dos 90 no Clip Studio Paint | Jenny Veguilla-Lezan | Skillshare
Pesquisar

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Aprenda a criar GIF nostálgicos dos 90 no Clip Studio Paint

teacher avatar Jenny Veguilla-Lezan, Latinx Designer & Illustrator

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      INTRODUÇÃO DO CURSO

      2:54

    • 2.

      Projeto e ferramentas

      1:07

    • 3.

      O que é um GIF?

      1:46

    • 4.

      Melhores práticas do GIPHY

      3:04

    • 5.

      Princípios da animação

      3:18

    • 6.

      Como configurar seu arquivo + Configurações de animação

      4:04

    • 7.

      Configurações de animação - como especificar os rolos

      4:57

    • 8.

      Como criar GIF 1 - Linework

      11:03

    • 9.

      Como criar GIF 1 - coloração

      5:59

    • 10.

      Como criar GIF 1 - Sombras

      10:42

    • 11.

      GIF 1- opcional: como remover trabalhos de forro

      3:32

    • 12.

      Como criar GIF 2 - Linework

      11:20

    • 13.

      Como criar GIF 2 - coloração

      6:50

    • 14.

      Como criar GIF 3 - Linework

      14:04

    • 15.

      Como criar GIF 3 - coloração

      3:45

    • 16.

      Como criar GIF 3 - Sombras

      6:08

    • 17.

      Como exportar arquivos GIF + Extra: configurações de adesivo

      6:31

    • 18.

      Como carregar para GIPHY + usando seus GIF

      8:38

    • 19.

      Novo

      1:01

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

225

Estudantes

6

Projetos

Sobre este curso

Descrição do curso

Você já já enviou mensagens para um amigo quando percebe que precisa de algo extra para enfatizar realmente seu ponto - você termina de escrever, selecione a busca de aplicativos, digite a palavra fabulosa, role para encontrar o GIF animado perfeito e aperte enviar. Seu ponto foi feito! Você pode fazer isso frequentemente no Facebook e até mesmo em histórias e rolos de instagram. Os GIFs se tornaram realmente parte de cada dia da vida. De pessoas regulares a criadores e profissionais de marketing, pessoas encontraram maneiras de se tornar mais lúdicas e criativo usando GIF.

 

Eu pessoalmente gosto de criar meus próprios GIFs que têm algo extra que estou procurando como designer e ilustrador. Com aplicativos como procreate e pintura em estúdio de clipe, você pode ir além de ilustração simples e design trabalho e levar seu trabalho para o próximo nível usando animação em 2D básica. Neste curso de meses, estamos fazendo exatamente isso! Como criar nossos próprios GIFs inspirados nos anos 90 em Clip Studio Paint!

Olá, pessoal! Se este for o seu primeiro curso comigo, bem-vindo! Se você é um estudante retorno, bem-vindo de volta! Eu sou Jen e vou guiá-lo neste curso de criação. Sou designer gráfico, ilustrador e educador de design freelancer no meio do oeste e executo o estúdio Bella + Sophia Creative Se você quiser aprender mais sobre mim, pode me visitar on-line em: www.bellasophiacreative.com e pode conferir meu canal do youtube: The Creative Studio. Lá, você vai ter uma visão de bastidores do trabalho que faço como freelancer e educador criativo, bem como acesso a uma enorme biblioteca de tutoriais gratuitos adicionais relacionados à arte, design e ilustração. Sou um grande defensor para compartilhar conhecimento de maneiras acessíveis e encontrei cursos on-line e lugares como Youtube são ótimos para isso e me ajudar a se conectar a um grupo diversificado de pessoas que querem aprender e crescer.

Qual é o propósito do curso

Então, este mês vou voltar com outro curso criativo divertido. Desta vez, estamos focando no GIF, sempre popular, espumoso e fabuloso. Vamos trabalhar juntos para criar um conjunto de GIF animados e divertidos usando nossas próprias ilustrações inspiradas nos anos 90 e animadas usando o software Clip Studio Paint que pode ser carregado para o site GIF já popular: GIPHY

Alguns dos alunos de habilidades vão aprender

Quando se trata das habilidades que você vai aprender, vou caminhar pelos conceitos de animação básicos necessários para criar um GIF usando suas ilustrações e vamos dar um passeio pela interface Clip Studio Paint enquanto nos preparamos para animar no software. Vou mostrar como trabalhar com ferramentas, camadas, como configurar sua linha de tempo e como usar coisas como o efeito de pele de cebola embutida para ajudar você enquanto você trabalha animando seu estilo de ilustrações flip book.

Projeto e ferramentas

As ferramentas que você precisa para trabalhar neste curso incluem o following:

Um computador com tinta Clip studio, um tablet de algum tipo para ilustrar e uma caneta estilosa. Estou trabalhando em um tablet da marca Huion. Acho que essas ferramentas tornam as coisas um pouco mais fáceis quando ilustram.

Ferramentas:

Pintura Clip Studio

Tablet (Huion)

Stylus

Estou animado para criar com você hoje, vamos começar!!

Conheça seu professor

Teacher Profile Image

Jenny Veguilla-Lezan

Latinx Designer & Illustrator

Top Teacher

I am a Chicago-born Latinxer (I'm a proud Puerto Rican and Mexican American) millennial, an educator, and a freelance creative with experience in graphic design, digital media, illustration and surface pattern design. I am also a mother of two who is in on a mission to reach all the creative goals I've set for myself while trying my best to be a positive influence on the world.

I have 15+ years of experience in the fashion and creative marketing industry in both the corporate world and teaching as a professor in Higher Education. I am working on building course offerings that bring people a new perspective and opportunity to take your design and art to a new level. I am pushing for continued growth, running my indie studio, Bella+Sophia Creative, while also usi... Visualizar o perfil completo

Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. INTRODUÇÃO DO CURSO: Você já mandou mensagens para um amigo quando percebe que precisa algo extra para realmente enfatizar seu ponto de vista? Você termina de digitar, seleciona a pesquisa do aplicativo, digita a rolagem da palavra para encontrar o GIF animado perfeito e pressiona Enviar. Seu ponto foi feito. Aposto que você acha que costuma fazer isso no Facebook e até mesmo em histórias e e-mails do Instagram. Só se tornou verdadeiramente parte da vida cotidiana. De pessoas comuns, criativos e profissionais de marketing, as pessoas encontraram maneiras de se tornar mais brincalhão e criativo usando GIFs. Pessoalmente, gosto de criar meus próprios GIFs e GIFs de adesivos que têm aquela pequena coisa extra que estou procurando como designer e ilustrador. Com aplicativos como Procreate e Clip Studio Paint, você pode ir além da ilustração simples no trabalho de design e levar seu trabalho para o próximo nível usando animação 2D básica. Na aula desta, estamos fazendo exatamente isso. Aprendendo a criar nossos próprios GIFs inspirados nos anos 90 no Clip Studio Paint. Olá a todos, se esta é sua primeira aula comigo, bem-vindo, e se você for um aluno que retorna, bem-vindo de volta. Eu sou Jen, e vou guiá-lo através deste curso criativo. Sou designer gráfico, ilustrador e educador freelancer baseado no Centro-Oeste e dirijo o Bella & Sofia Creative Studio. Se você quiser saber mais sobre mim, você pode me visitar on-line em www.bellasophiacreative.com, e você pode conferir meu canal no YouTube, The Creative Studio. Lá você terá uma visão dos bastidores do trabalho que eu faço como freelancer criativo e educador, bem como acesso a uma enorme biblioteca de tutoriais gratuitos adicionais relacionados à arte, design e ilustração. Sou um grande defensor compartilhamento de conhecimento de maneiras acessíveis, e descobri que cursos on-line e lugares como o YouTube são ótimos para isso e me ajudam a me conectar a um grupo muito diversificado de pessoas que estão procurando aprender e crescer. Sobre o que é essa aula? Este mês vou voltar com outro curso divertido e criativo. Desta vez, estamos nos concentrando no GIF sempre popular, robusto e fabuloso. Trabalharemos juntos para criar um conjunto de GIFs animados divertidos e simples usando nossas próprias ilustrações inspiradas nos anos 90 e animados usando o software poderoso , Clip Studio Paint, que podemos então carregar para o site GIF sempre popular, Jiffy. Quais são algumas das habilidades que os alunos aprenderão nesta aula? Quando se trata das habilidades que você aprenderá, vou orientá-lo pelos conceitos básicos de animação necessários para criar um GIF usando suas ilustrações. Em seguida, faremos uma caminhada pela interface do Clip Studio Paint, mostrarei como trabalhar com as ferramentas, as camadas, como configurar sua linha do tempo e como usar coisas como o efeito de esfolamento de cebola integrado para ajudá-lo enquanto você trabalha animando suas ilustrações, estilo flip book. 2. Projeto do curso e ferramentas: Quando se trata do projeto de classe e das ferramentas necessárias, as ferramentas necessárias para trabalhar com a classe incluem o seguinte: um computador com o Clip Studio Paint instalado, um tablet de algum tipo para ilustrar, e uma caneta. Pessoalmente, estou trabalhando em um tablet da marca Huion, e acho que essas ferramentas facilitam um pouco quando você está ilustrando e animando. Quando se trata de seu projeto de classe, estaremos trabalhando na criação de três GIFs animados simples inspirados nos anos 90. Estou me inspirando no retrocesso atual da tendência Y2K dos anos 90, bem como minha juventude pessoal, mas você está livre para trabalhar em qualquer coisa que você se inspire. Não se sinta limitado pelas minhas sugestões. Pessoalmente, acho a era divertida para trabalhar e isso traz um pouco de alegria para mim. Em seguida, vou orientá-lo ao longo do meu processo para enviar meus GIFs para o Giphy e como você ainda pode usar os GIFs mesmo que você não tenha uma conta de artista aprovada e verificada. Certifique-se de compartilhar os GIFs finais que você cria na galeria do projeto do curso, se assim preferir, ficaria feliz em ver o que você criou. Estou muito animado para criar com você hoje. Vamos começar. 3. O que é um GIF?: Antes de começarmos, vamos aprender um pouco mais sobre GIFs. O que é um GIF? Em sua forma mais simples, um GIF algumas pessoas pronunciam GIF, outros o pronunciam GIF. Eu sempre entendi que era o mesmo que a marca de manteiga de amendoim, então eu só fico com GIF. Mas, essencialmente, é apenas um arquivo de imagem. Como o formato de arquivo JPEG ou PNG, o formato GIF pode ser usado para criar imagens estáticas, mas o GIF tem um recurso especial muito divertido. Ele também pode ser usado para criar imagens animadas. A ideia é que ele funcione muito semelhante a como um flip book clássico funcionaria. Várias páginas com imagens mudaram um pouco para que ela se mova quando estiver em loop e decodificada de uma determinada maneira. Um GIF é um tipo de arquivo de computador para enviar imagens, especialmente imagens em movimento. Um GIF é geralmente uma animação curta de uma série de imagens estáticas que o faz parecer nervoso, é por isso que eu acho que é uma maneira divertida e peculiar criar ilustrações animadas. Com a plataforma GIF, você pode criar dois estilos de GIFs, seu GIF tradicional e um GIF de adesivo. Ambos significam que arquivos de imagens em movimento e GIFs basicamente entrarão em loop infinitamente reproduzindo repetidamente. Quando se trata de um adesivo, basicamente um adesivo é um GIF ou animação com um fundo transparente. GIFs são muito populares entre profissionais de marketing e marcas porque são muito bons em fazer com que as pessoas se envolvam. Eles são essencialmente um gancho que supera nossa resistência e faz algo se destacar. Acho que eles são uma ótima oportunidade para os criativos mostrarem seu estilo e marca uma maneira muito divertida e envolvente. 4. Práticas recomendadas do GIPHY: [MÚSICA] Antes de começarmos a criar nossos GIFs, vamos falar um pouco sobre as melhores práticas do GIPHY. Quando se trata dos GIFs que costumo fazer, faço o meu em um formato quadrado com um plano de fundo. Se você quisesse, você pode criar um GIF de adesivo com muita facilidade, dependendo do software que você está usando apenas desligando a camada de fundo da tela do seu GIF e exportando da mesma maneira você normalmente usaria seu software de edição, apenas garantindo que seja um GIF com transparência. Para nossas especificações, vamos querer ter o seguinte em mente. carregamentos no GIPHY são limitados a 100 megabytes e 15 segundos, embora não recomendem mais de seis segundos. Também tenha em mente que o Jiffy redimensiona GIFs automaticamente após o upload para que eles possam ser usados em vários contextos em sua API GIPHY. Quando você estiver exportando, defina seu GIF para loop para sempre e, em seguida, use qualquer resolução que faça seu GIF para loop para sempre e seguida, use qualquer resolução que com que seu adesivo ou seu GIF pareça melhor, e eles recomendam o uso de múltiplos quatro para largura e altura. Pessoalmente, tende a trabalhar em uma resolução mais alta porque sei que vai ser desativada, então quero ter certeza de que ainda é o mais nítido que pode ser. Então eu poderia criar algo em 2.000 por 2.000 pixels com meu DPI variando de 75 DPI a 200 DPI, apenas dependendo do que eu experimento e do que parece quando eu faço todo o upload processo. Eu meio que brinco com isso um pouco. Sugiro experimentar para ver o que funciona melhor quando você está trabalhando com seus arquivos e quando você está carregando para o GIPHY e depois trabalha a partir daí. GIPHY também oferece algumas recomendações sobre como melhorar sua visibilidade de adesivos e GIF. Uma grande coisa que eles mencionam é garantir que seus GIFs sejam fáceis de usar na conversa. Como mencionei com o exemplo do telefone, ser capaz de ter algo que funcione perfeitamente para uma conversa ou um ponto que você está tentando fazer, essa é uma ótima maneira de utilizar GIFs. Você também vai querer ter certeza de que eles atraem um público amplo e que eles sejam oportunos e relevantes. Outro ponto realmente importante que eles fazem é garantir que seus GIFs sejam coloridos, únicos, criativos e divertidos. Isso ajuda a garantir que seus GIFs se destaquem entre a multidão. Então, finalmente, tenha em mente que seu GIF é frequentemente redimensionado e reformatado, então eles geralmente sugerem não incluir detalhes realmente finos que possam se perder. Também minimizar o número total de quadros que você usa em sua animação ajudará GIPHY a preservar o conteúdo que estamos criando quando eles estão diminuindo e reformatando, e isso garantirá que você ainda tem a imagem final da mais alta qualidade quando estiver carregando para a plataforma. Agora que temos uma melhor compreensão do que é um GIF e algumas melhores práticas do GIPHY, vamos começar a criar nosso próprio GIF. 5. Princípios da animação: Antes de começarmos a criar os GIFs, quero rever alguns princípios básicos de animação que acho que serão úteis à medida que você trabalha para criar suas camadas, para criar o movimento dentro do seu GIF animado. Existem 12 princípios básicos de animação. Estes são um grupo de ensinamentos importantes para o animador profissional, e a lista serve animadores da Disney desde a década de 1930 e foi delineada por Ollie Johnston e Frank Thomas no 1981 livro, A ilusão da vida: Disney Animation. Bem, existem 12 princípios fundamentais. Para nossos GIFs, vamos nos concentrar em três: squash e alongamento, abrandar e diminuir a velocidade e exagero. Squash and stretch é um termo usado no campo da animação. Está entre os principais e principais princípios da animação. É basicamente um método de desenho usado por animadores para mostrar os movimentos hiperbólicos em personagens. Squash and stretch é um princípio crítico de animação que lida com a forma como um personagem ou um item se move. O que significam movimentos hiperbólicos? Bem, isso só significa exagerado. A razão é que, se um animador quiser mostrar um personagem pulando, ele vai desenhá-los como se estivessem esmagados e depois esticados. abóbora e o alongamento evitam a rigidez ou rigidez do movimento que você está vendo dentro da animação. Também permite uma sensação de flexibilidade e elasticidade para sua animação. Outro princípio que quero destacar é a lentidão e a desaceleração. Lento e desaceleração refere-se a como um objeto precisa de tempo para acelerar e diminuir a velocidade à medida que se move de um lugar para outro. Normalmente, uma animação parece mais realista se houver mais quadros no início e no final de uma ação para descrever esse aumento e diminuição na velocidade. Vejamos um exemplo. Se aplicarmos lentamente e diminuir a essa animação, você notará que há um aumento lento na velocidade à medida o item começa a deslizar e também quando chega a uma parada com menos quadros sendo vistos no meio para dar a aparência de aceleração. Podemos utilizar isso simplesmente, pois estamos criando nossos GIFs se estivermos movendo algo de uma área para outra, adicionando quadros adicionais no início, adicionando menos quadros no meio, e, em seguida, mais quadros no final. O princípio final que eu gostaria discutir hoje que acho que será útil na criação de GIFs é o exagero. O que é exagero na animação? Ele basicamente fala sobre como uma ideia é exibida na tela para retratar uma emoção em particular. Acentuar a essência de uma ideia através do design e da ação é o que se trata o exagero. Você também pode usar isso em conjunto com alguns dos outros princípios, como a abóbora e o alongamento. Por exemplo, talvez um personagem pareça surpreso. Você pode usar o exagero para tornar seus olhos muito maiores do que normalmente seriam para entender que eles estão surpresos. Agora que entendemos alguns princípios de animação e como podemos utilizá-los dentro de nossas próprias criações, vamos trabalhar na criação de nossos GIFs para que possamos aplicar alguns desses princípios em ação. 6. Configurando seu arquivo + configurações de animação: Então, a primeira coisa que vamos querer fazer para começar com este projeto é lançada o Clip Studio Paint. Quando você inicia o Clip Studio Paint, você provavelmente exibirá um arquivo anterior no qual possa estar trabalhando ou será uma tela em branco. Você pode ter algumas das ferramentas que você vê na minha tela atualmente ou talvez não dependendo do que você configurou. Então, o que vou fazer é guiá-lo pela minha configuração. Então, a primeira coisa que quero fazer é configurar um novo arquivo. Então entraremos em Arquivo, selecionaremos Novo e vamos criar uma tela quadrada e 2 mil pixels por 2 mil pixels a 300 DPI. O que você verá é que a parte superior do seu novo arquivo aparece aqui é que você tem diferentes tipos de trabalho, como o uso do trabalho. Você pode selecionar ilustração, uma história em quadrinhos, diferentes tipos de quadrinhos. E então você verá um que se parece com uma tira de filme e que é uma animação. Então, o que vamos fazer é atualizar o tamanho do nosso quadro de saída. Atualmente é 720 por 720 e vou mudá-lo para 2 mil por 2 mil. E vou mantê-lo em 300 DPI. Sei que é muito alto. Não gosto de trabalhar em uma resolução mais alta porque sei que quando o carrego em algo como o Giphy ou coloco online, ele vai ser aumentado, então a resolução será comprimida. No lado direito, há itens muito mais detalhados que você pode brincar com uma atualização, como sua taxa de quadros. Vou mantê-lo em um quadro por segundo. Só porque basicamente é com isso que vamos trabalhar. Uma animação de célula única em que ajustaremos cada quadro individualmente, como um flip book. Então, tudo o que tenho aqui neste lado direito, em termos de minha taxa de quadros , taxa de reprodução, vou manter isso da mesma forma. Só vou mantê-lo em um. E então você pode acessar e atualizar o nome do arquivo. Vou mudá-lo para os anos noventa. Os anos noventa de Jeff, Geoff um, porque este será o primeiro da série. E então eu vou bater, ok. E isso criará uma nova janela para trabalharmos, destacando nosso quadro que vamos criar dentro. Agora, o que precisamos fazer é trabalhar configurar tudo para que possamos animar nisso. Então teremos que entrar em nosso menu Janela no topo aqui, e vamos até nossas opções de animação. Você deseja selecionar Células de animação. Você também vai querer voltar e selecionar sua linha do tempo. aí que atualizamos, editamos e ajustamos nossos visuais e passaremos por todo esse processo. Mas, basicamente, é isso que vai permitir que você veja o progresso da animação. Primeiro, quero dar-lhe a postura da terra. No lado esquerdo, você verá todas essas ferramentas diferentes. Você tem ferramenta conta-gotas, ferramenta de caneta, ferramenta de lápis. Tudo isso é o que estaremos utilizando para delinear nossos desenhos, refiná-los. Você apaga qualquer coisa que possa precisar ser apagada e, claro, colorida. Então você verá ao lado disso. Tudo bem, agora estou atualmente na ferramenta de pincel. E então você verá todas as opções para os pincéis neste pequeno painel à direita disso. E, ao lado disso, você verá nosso navegador e, em seguida, nossas células de animação para que possamos ver o que estamos animando. E isso nos permitirá trabalhar com alguns dos esfolos de cebola para que possamos ver transparência em cada camada. Então, podemos ver o que está sendo mudado. Dentro de cada camada, você também terá seu painel Camadas gerais na parte inferior. E então aqui, no lado inferior direito, está a nossa linha do tempo. Basicamente, cada um desses pequenos números é como um segundo e basicamente será um quadro dentro de sua animação. 7. Configurações de animação — como especificar os níveis de gel: [MÚSICA] Agora que temos nossa configuração de arquivo, podemos entrar e começar a colocar todas as configurações de animação em prática antes de começarmos a criar. A primeira coisa que vamos querer fazer é ativar a pele de cebola, o que nos permitirá ver visivelmente cada camada acima da outra. Ele adiciona uma camada de transparência e permite que você crie seu trabalho de linha em cores diferentes, pois você está basicamente animando cada camada. Para fazer isso, vamos entrar em animação, mostrar células de animação e, em seguida, habilitar a pele de cebola. Isso garantirá que possamos ver essas camadas à medida que construímos umas sobre as outras. A próxima coisa que vamos querer fazer é entrar em nossas camadas aqui na parte inferior e vamos duplicar essa camada. Basicamente, o que vamos fazer é que cada camada será um quadro. Vou selecionar essa camada, certificar-me de que ela está destacada e aquela cor cinza azulada. Selecione “Comando C” como um atalho, ou você pode ir para “Editar cópia”. Em seguida, vou selecionar “Comando V” para colar ou você pode entrar em “Editar colar”. Então eu vou colar quatro desses porque vou criar quatro quadros dentro dessa animação GIF. Não precisa ser complicado. Estou fazendo um quadro por segundo. Se você quiser que ele crie mais, obviamente, quanto mais quadros você tiver por segundo, mais parece que sua imagem fluirá. Mas apenas por uma questão de facilidade e te acostumar com isso, vamos ficar com um quadro por segundo e então eu vou criar quatro quadros no total. O que faremos, agora que temos nossos quadros em nossa pasta de animação, precisamos atribuí-lo a um segundo dentro da nossa linha do tempo aqui. Se você clicar no primeiro quadro, um, verá que ele já está associado ao primeiro segundo em nossa linha do tempo. A próxima coisa que precisamos fazer é basicamente associar cada um desses quadros ou células de animação, ou se estivermos olhando para ele em outros termos, basicamente camadas. Vou selecionar o segundo e em seguida, em nossos ícones de linha de tempo aqui, queremos especificar esses dois segundos. O que faremos é entrar em nossa linha do tempo. Você deve ver esses dois pequenos cursores azuis aqui. Isso é basicamente uma chave para nós, como um quadro-chave. Vamos pegar esse quadro-chave azul no lado direito e arrastá-lo para que ele passe por cima de dois. Em seguida, vamos clicar em “2" e agora ele aparece em branco porque não há nada associado a ele. Em seguida, selecionaremos “Especificar célula” e você clica nisso. O que você vai querer fazer é selecionar dois para que ele especifique a segunda camada para a segunda dentro da nossa linha do tempo e, em seguida, clicar em “Ok”. Agora, vou voltar para minhas camadas, e não sei se você notou, mas eu tenho 1A e 1 cópia. Preciso atualizar os nomes deles para ser 3 e 4. Vou clicar duas vezes onde diz 1A e digite 3 e clique em “Enter ” e clique duas vezes onde diz uma cópia, digite 4 e clique em “Enter”. Vou voltar à minha linha do tempo. Vou retirar meu quadro-chave aqui para que ele passe por mais de três. Vou voltar para minhas camadas agora que puxei esse quadro-chave sobre 3. Vou tocar em “3" primeiro para que 3 seja destacado em vermelho, toque na minha terceira camada dentro do meu arquivo de camada aqui e, em seguida, vou especificar a célula para que ela vá para o terceiro segundo. Vou selecionar no meu ícone “Especificar célula, selecionar 3, clicar em “Ok” e ele preencherá esse espaço. A razão pela qual fazemos isso é porque quando as células não são especificadas, você não poderá ver nada aparecer quando estiver trabalhando nessa camada específica. Eu gosto de especificar minhas células antemão e depois trabalhar nelas à medida que vou. Vou voltar para esse quadro-chave na minha linha do tempo, puxar a tecla azul para 4, tocar em “4", entrar nas minhas camadas aqui, selecione “Animation Cell 4". Em seguida, vá para o ícone da minha linha do tempo, selecione “Especificar célula”, selecione “Camada 4", clique em “Ok” e ele especificará essa célula. Outra coisa que você pode notar é que há papel. Sim, então você pode adicionar um plano de fundo. O que é bom é com isso, isso não vai necessariamente mudar toda vez que você animar. O que você quer fazer é apenas garantir que ele seja consistente em cada um dos seus quadros. O que vou fazer é selecionar esse papel e depois vou arrastá-lo para fora. Você terá essa pequena flecha dupla. Vou arrastá-lo para o meu marcador de 4 segundos para que haja papel atrás de cada camada. 8. Como criar GIF 1 — linhas: [MÚSICA] Agora que tenho todas as minhas camadas configuradas, tenho minha célula especificada, o que eu quero fazer é arrastar meus esboços para que eu possa começar a delinear e depois animar. Vou entrar no Arquivo e vou selecionar “Importar” e vou selecionar “Importar imagem” e vou para meus Downloads, onde baixei minha arte com esses anos 90 esboços inspirados e vou selecionar “Abrir”. Na verdade, vou arrastar isso para fora da minha pasta de animação para que possamos ver e redimensionar conforme necessário. Eu tenho um monte de ícones pequenos diferentes que eu esboçei. O que eu acho que vou me concentrar é isso como Tamagotchi, o pequeno controlador de videogame e este laptop retrô muito volumoso [RISO]. Vou começar com o mais simples primeiro, só para que possamos tirar isso do caminho. Vou redimensionar arrastando meus cantos da minha imagem para fora e então posso basicamente arrastar a imagem para onde eu gostaria. Vou redimensioná-lo para que seja o tamanho exato que eu quero que seja. Na verdade, desenhei isso no Procreate. Você poderia esboçar no Clip Studio Paint se quisesse. Eu só estava trabalhando em movimento, não tinha acesso. Eu não tenho o Clip Studio Paint no meu iPad realmente deveria investir nisso em breve [RISOS], mas ainda não fiz isso. Esboçando no meu iPad e eu estava usando o Procreate. É obviamente um arquivo raster, então vou aumentar o tamanho para que, quando eu descrevê-lo, não seja muito pequeno. Vou centralizar isso e o que vou fazer é basicamente usar isso como base do meu arquivo e vou descrever sobre ele. Para fazer isso apenas para tornar as coisas um pouco mais fáceis, vou reorganizar minhas camadas aqui, e vou puxar isso para que ele fique por baixo de todas as minhas pastas de célula de animação aqui e então eu posso basta desenhar em cima disso. Eu nem vou apagar nenhuma dessas outras coisas aqui porque vou reutilizar esse arquivo qualquer maneira, mas o que vou fazer é apenas me certificar de puxar essa camada até o fundo, acima do meu papel, abaixo da minha pasta de animação e, em seguida, vou clicar duas vezes onde ela diz “Untitled-Artwork 2" e vou renomeá-la e vou alterá-la para esboço original. Vou selecionar minha primeira camada dentro da minha pasta de animação e vou começar a esboçar sobre isso. Vou selecionar minha ferramenta Pincel. Depois de selecionar meus pincéis, vou entrar em minhas configurações de pincel. Se você perceber que não consegue ver nada. Você só precisa redimensionar suas opções de ferramenta Pincel aqui e o que vou fazer é apenas passar e encontrar um pincel que eu acho que funcionará bem. Vou selecionar o pincel de tinta da Índia. Vou selecionar a opção Smooth e vou trazer meu cone para baixo para um para que ele permaneça relativamente o mesmo porque eu quero que este seja mais um pincel estilo de linha mono. Só estou me ajustando à medida que vou. Então vou aumentar minha estabilização porque eles têm. Então, o que vou fazer é aumentar o zoom para que você possa ver o que estou trabalhando e, em seguida, começar a delinear. Vou manter o desenho original como meu contorno base e depois vou me ajustar. Estou pensando que o que vou fazer é aumentar o tamanho do coração, brincando com o conceito do princípio da animação de exagero. Eu o exagero, então fica muito grande e depois pequeno dentro dessas quatro células. Vamos manter o esboço base muito simples. Mantenha-o relativamente igual ao que é e então vamos apenas ajustar o coração. Certificando-se de que estou na camada um, vou começar a delinear. Também podemos girar nossa tela para facilitar o trabalho neste esboço. Dependendo do que você está trabalhando, se você tiver um trackpad, você pode simplesmente pegar os dois dedos e girar a tela. Eu vou fazer isso para que eu possa trabalhar nesta seção inferior um pouco mais fácil [MÚSICA]. Se você precisar apagar qualquer coisa, basta selecionar sua ferramenta Borracha e, em seguida, você pode redimensioná-la ajustando o tamanho do pincel e, em seguida, você pode ampliar para qualquer lugar para limpar qualquer um dos seus trabalhos de linha [NOISE]. Voltarei à minha ferramenta Pincel e depois continuarei terminando isso [MUSIC]. Quando terminar de delinear tudo ao meu gosto, posso apenas diminuir o zoom, ver o que parece. Vou pegar este esboço original e vou desligá-lo selecionando o pequeno ícone do globo ocular e, em seguida, apenas desmarcá-lo para que ele desligue e você não veja mais o fundo. Agora que terminamos com essa ilustração, agora o que vamos fazer é basicamente criar esse mesmo processo e basicamente mudar pedaços e pedaços desse pequeno Tamagotchi em cada camada. Vou fazer com que ele se mexa um pouco. Eu vou fazer quando criar meu esboço do original, vou incliná-lo para a esquerda e depois vou redimensionar o coração para criar esse exagero de crescer e ficar menor. Vou para minha segunda camada, selecionar minha ferramenta Pincel e depois refazer todo esse processo, mas ajustando a maneira como estou desenhando para dar aquele pouco de manobra enquanto ele está jogando dentro do loop. [MÚSICA] Uma vez que eu acabei de delinear isso pela segunda vez, tive em mente o tamanho do coração e o redimensionei. Você também pode ver onde as linhas originais estavam em roxo, enquanto minhas novas linhas estão em vermelho no topo aqui e então o que vou fazer é ajustá-las para que o Tamagotchi esteja mais inclinado para a esquerda. O que vou fazer agora é entrar nas minhas ferramentas Transform agora que acabei de descrever tudo, tive em mente o tamanho do coração, mas agora o que queremos fazer é inclinar isso e incliná-lo um pouco para a esquerda. Vou entrar em Editar, selecionar “Transformar” e vou selecionar “Transformação livre”, e isso me dará minhas ferramentas de Transformação e, em seguida, vou pegar minhas setas de movimento aqui e basta girar isso ligeiramente para a esquerda e movê-lo um pouco também. Então, vamos apertar “Ok” e ele o transformará e o moverá. Agora, o que queremos fazer é entrar em nossa terceira camada e vamos basicamente fazer o mesmo processo, tendo em mente o tamanho do coração. Vamos torná-lo menor e depois ajustar o posicionamento do Tamagotchi em geral para movê-lo de volta para a direita apenas um pouco para que ele crie essa função de jiggle. Vou selecionar minha ferramenta Pincel e vou voltar a delinear tudo e finalizar essa terceira camada. [MÚSICA] Agora que temos isso descrito, podemos entrar em nossa ferramenta Transform mais uma vez e podemos reajustar o posicionamento disso. Entraremos em Editar, Transformar, Transformar Livre e então vamos girar isso de volta na outra direção e, em na outra direção e seguida, apertar “Ok” e então o que você verá até agora é a mudança em cada camada. Agora que terminamos a Camada 3, vamos para a Camada 4 e repetir o processo, redelinear, ajustar onde está o posicionamento e redimensionando o coração para baixo. Isso não precisa ser perfeito. Na verdade, quero que ele se sinta um pouco imperfeito com minhas falas para obter esse efeito agitado que estamos buscando. [MÚSICA] Agora que terminamos com este esboço, o que podemos fazer é entrar em Editar, Transformar, Transformar Livre, e vamos girá-lo ligeiramente para a esquerda desta vez e depois clicar em “Ok “. Então o que poderíamos fazer é testar isso antes de saltarmos para colorir e, em seguida, entramos em nossas outras duas animações. Para testar isso na linha do tempo, o que você pode fazer é entrar na sua linha do tempo e clicar neste pequeno ícone “Jogar”. Obviamente, vamos querer começar da Camada 1 e ver o loop de 4 segundos todo o caminho. O que faremos é apenas clicar em “Play” e ele mostrará a pequena animação. O Tamagotchi está balançando para frente e para trás e o coração dentro do Tamagotchi está indo de grande a realmente pequeno. Essa é apenas a forma mais simples de animação usando o Clip Studio Paint. Agora que temos as camadas base feitas, temos a animação criada, agora podemos pular para colorir tudo. 9. Como criar GIF 1 — colorir: [MÚSICA] Agora que terminamos o trabalho de linha, vou pular para colorir o trabalho da linha. Para fazer isso, vamos criar outra pasta de animação. Você pode ir até aqui para nossas opções de menu de linha do tempo e selecionar uma nova pasta de animação, ou você pode ir para a animação e selecionar nova camada de animação e, em seguida, selecionar a pasta de animação. Então, o que vamos fazer antes fazer qualquer coisa com essas pastas, vou renomeá-las. Nesta nova pasta de animação, vou renomeá-la de cor e, em seguida, vou entrar na minha original, clicar duas vezes nela e vou renomeá-la para trabalho de linha. Dessa forma, posso manter tudo organizado. O que também queremos fazer é basicamente associar nosso trabalho de linha com nossa cor para que possamos usar a ferramenta de queda de cores e poder fazer referência a esse trabalho de linha. Vou clicar com o botão direito minha pasta de trabalho de linha e, em seguida vou para as configurações da camada e selecionarei definir como camada de referência. Basicamente, o que isso faz é permitir que eu faça referência às linhas dentro dessa camada quando estou preenchendo a cor dentro da minha pasta de cores. Agora, o que queremos fazer é adicionar algumas novas células de animação ou novas camadas na pasta de cores. Vou me certificar de que a pasta de cores está selecionada e, em seguida, vou entrar na minha linha do tempo aqui e vou selecionar uma nova célula de animação. Então eu vou adicionar quatro desses. Basicamente, cada um deles se associará a cada um dos trabalhos de linha dentro da nossa pasta de trabalho de linha. Agora eu quero pegar essa pasta e vou arrastá-la para baixo da nossa pasta de trabalho de linha porque, basicamente, queremos que nosso trabalho de linha esteja no topo da nossa cor. Dessa forma, parece mais limpo. Em seguida, vou selecionar essa primeira camada e vou selecionar minha ferramenta de conta-gotas de cores e, em seguida, selecionarei uma cor. Vou selecionar minhas opções de cores na parte inferior das minhas ferramentas aqui, certifique-se de que meu preenchimento esteja selecionado e, em seguida, vou atualizar a cor e, em seguida, vou tocar no área que eu quero preencher e atualizará minha cor para mim. Então eu vou fazer isso para cada camada. Vamos começar com essa primeira camada. Eu preencho o lado de fora. Vou preencher a parte da tela e depois quero atualizar a cor do coração para um azul. Eu só preciso atualizar meu preenchimento de cores e , em seguida, apenas tocar onde quer que eu esteja tentando preencher a cor. Agora que temos esse primeiro conjunto colorido, agora vamos para a segunda camada e começaremos todo o processo mais uma vez. Vamos fazer referência a essa segunda camada aqui, e vamos colorir dentro dessa camada. Vamos selecionar a Camada 2 e depois vamos selecionar as mesmas cores com as quais trabalhamos antes. Podemos escolher cores se precisarmos, ou podemos apenas garantir que elas sejam adicionadas à nossa paleta de cores. O que vou fazer é apenas garantir que todas as minhas cores com as quais estou trabalhando estejam bem no início do meu histórico de paletas de cores. Vou selecionar minha ferramenta conta-gotas e, em seguida, vou tocar no meu rosa e ela surgirá na minha área de cores aqui no canto inferior esquerdo, selecione o amarelo e, em seguida, toque no azul, o cinza e o branco, e tudo deve surgir na minha história de cores. Agora vamos para minha segunda camada aqui e o que eu quero fazer é desligar minha cor. Vou desligar minha primeira camada dentro minha pasta de cores apenas para que ela não distraia. Vá para o meu menu de trabalho de linha e ative minha Camada 2 para que eu possa ver o que estou fazendo e , em seguida, certifique-se de que minha camada de cores esteja selecionada na minha pasta de cores. Então vou selecionar minha ferramenta conta-gotas e vou voltar e usar as mesmas cores que usei antes para fazer meu trabalho de campo. Basta tocar nas áreas que estou preenchendo com cor e repita o processo com a próxima camada. Vou desligar minha Camada 2, entrar na minha camada de trabalho de linha, ativar a Camada 3 para que eu possa ver com o que estou trabalhando, certificando-se de que minha Camada 3 na minha pasta de cores esteja selecionada, vá para a minha ferramenta conta-gotas de cores e, em seguida, basta preenchê-la com as mesmas cores com as quais tenho trabalhado. Como a ferramenta de preenchimento de balde, a ferramenta de queda de cores torna muito fácil e rápido poder preencher cores e é por isso que eu gosto de trabalhar nisso só porque é muito rápido. Não preciso me preocupar em delinear e depois arrastar e soltar uma cor completa. Eu poderia apenas tocar e preencher porque posso usar meu trabalho de linha como referência. Agora vou entrar na camada quatro, desligar minha visualização de cores para a Camada 3 e, em seguida, ativar minha Camada 4 dentro do meu trabalho de linha para que eu possa ver com o que estou trabalhando e repita esse processo até todas as minhas camadas foram coloridas. Tudo bem, então tudo está colorido. Obviamente, estas são apenas cores muito planas. O que eu gostaria de fazer é adicionar alguns efeitos de sombra. Mas primeiro, vamos ver o que isso parece. Vamos ao nosso menu da linha do tempo. Selecione Reproduzir e veja se isso é reproduzido corretamente com tudo colorido e ele faz, então tudo está colorido. Mas o que eu gosto de fazer é adicionar alguns efeitos de camada apenas para dar à peça alguma profundidade. Parece um pouco mais 3D. Não parece super realista, obviamente, porque meu estilo não é realista, mas ainda parece o que você acha que o tempo que eu tenho você pode olhar no mundo 3D. Gosto de adicionar um pouco de sombra e destaques. 10. Como criar GIF 1 — sombras: [MÚSICA] Agora que temos nosso trabalho de linha feito, temos nossa coloração feita, podemos pular para adicionar algumas sombras, muito básicas, apenas para que possamos dar a isso um pouco mais de um efeito 3D. Assim como o que fizemos com a coloração, para adicionar sombras, precisaremos criar uma nova pasta, então vamos para nosso menu de linha de tempo e selecionar nova pasta de animação, ou você pode basta entrar na opção de animação no seu menu e, em seguida, nova camada de animação e, em seguida, selecionar a pasta de animação. Vou clicar duas vezes onde diz a pasta um e renomear sombras. Então, dentro daqui, o que temos que fazer é adicionar mais cels de animação, então essas camadas. O que eu gosto de fazer, para tornar as coisas um pouco mais fáceis, basta criar uma camada para isso primeiro e depois copiar e colar mais três vezes. Depois de adicionar as sombras para que eu possa revisá-las ligeiramente para cada uma das camadas a seguir. Vou adicionar um novo cel de animação na minha pasta sombras e, em seguida, o que eu quero fazer é mudar minhas opções de camada para isso de normal para multiplicar. Isso me permitirá basicamente pintar sobre a cor com uma cor semelhante ou qualquer cor de sombra base como um cinza, e eu poderei aplicar isso a todas as cores diferentes, e tudo o que ele faz é multiplicar e apenas escurecer um pouco e mudar a cor em geral. Vou selecionar minha ferramenta de pincel agora, e vou encontrar apenas um tom cinza básico e certificar-me de ter minha cor de preenchimento selecionada. Vou clicar duas vezes nessa cor e, em seguida, vou ajustar minhas opções de cores aqui e clicar em “Ok”, e certificar-me de que o multiplicador seja aplicado a toda a pasta. Vou selecionar a pasta, vou entrar nas minhas opções de camada e vou selecionar multiplicar. Então vou voltar para minha camada dentro dessa pasta sombras, e então posso começar a aplicar essa cor no topo. Além disso, sendo multiplicado, vou diminuir a opacidade apenas um pouco, e então isso nos dá uma cor agradável com a qual podemos trabalhar para criar nossa sombra. Vou me certificar de que minha opacidade do meu pincel real esteja em 100%. Vou usar isso para colorir e criar o trabalho de sombra dentro dessa pasta, e vou me certificar de que estou no trabalho de linha correto, então será o primeiro. A mesma coisa, vou me certificar de que estou mostrando a versão colorida correta também, e depois vou fechar essas pastas. Também queremos ter certeza de que esse cel que criamos está associado ao segundo correto em nossa animação. Então, o que podemos fazer é selecionar animação cel one dentro de nossas sombras, e então podemos selecionar a camada um e, em seguida apenas garantir que isso esteja dentro do primeiro segundo, ou podemos voltar e mova-o manualmente para que fique na camada correta e associado às camadas corretas, então isso deve ser no primeiro segundo. Agora vamos nos certificar de que estamos na camada correta e, em seguida, podemos começar a adicionar nossos efeitos de sombra. O que é bom é que podemos ajustar o tamanho do pincel conforme necessário, aumentar o zoom e obter ainda mais detalhes finos para garantir que, onde quer que quisermos essa cor, ela seja adicionada. Então eu vou voltar e adicionar sombras onde quer que eu ache que eu possa precisar de algumas. Por exemplo, nas pequenas contas de prata aqui, esses lugares muito básicos. Então eu posso selecionar a ferramenta de borracha e apenas retocar qualquer áreas-chave que eu preciso para remover qualquer cor que possa ter saído das linhas, e apenas detalhar essas peças finais. Uma vez terminado com isso, vou copiar essa camada, e depois vou colá-la mais três vezes, depois vou entrar e renomeá-las. Então, tenha a camada um, dois. Onde ele diz um, vou clicar duas vezes, alterá-lo para três. Clique duas vezes em vez de uma cópia, altere-a para quatro, pressione Enter. Agora, o que eu quero fazer a seguir é ir para a minha próxima versão colorida disso, que é onde ela está inclinada para o lado, e eu quero ter certeza que a célula está associada a essa segunda também. Vou selecionar essa camada, vou especificar cel nas minhas opções de linha do tempo aqui, e quero especificar essa camada para a segunda e depois clicar em “Ok”. Quero selecionar a camada dois e, em seguida, vou especificar esse cel para o segundo. Eu só quero ter certeza de que dois estejam selecionados na minha linha do tempo. Selecione especifica cel nas minhas opções de linha do tempo selecione dois clique em “Ok”. Quero selecionar três e quero tocar no meu terceiro, segundo dentro da minha linha do tempo e, em seguida, quero ter certeza de que três selecionados nas minhas camadas de sombras. Vou selecionar especificar cel, e então vou tocar em três, e isso o especificará para o terceiro segundo. Então, se você notar que as camadas ou as cels se expandem em termos de comprimento, basta selecionar esse cel e redimensioná-lo novamente. Você vai pegar a pequena flecha dupla e apenas trazê-la sobre uma. Agora você quer ter certeza de que quatro estão selecionados e, em seguida , vá para nossa pasta sombras, selecione a quarta camada. Vamos pressionar Especificar Cel e , em seguida, queremos selecionar quatro, então sabemos que a célula está associada ao quarto segundo e, em seguida, clique em “Ok”. Você notará que, obviamente, as sombras se ajustaram onde estavam e temos que passar e consertar isso, o que é bom. Podemos apagar ou usar completamente e construir o que já temos, e é isso que vamos fazer por isso. Vamos fazer uma combinação de ambos apagar certas áreas e depois construir o que temos, então, como essa grande área, vamos construir disso, mas as pequenas contas, podemos apenas ajustar isso como necessário, e eu só vou apagar esses. Vou selecionar minha ferramenta de borracha, entrar nas minhas opções de pincel, redimensionar o pincel um pouco para que fique maior e depois apague essas peças porque não precisamos delas. Então também o que vou fazer é desligar essas outras camadas, então não é confuso, sabemos que estamos trabalhando apenas nesta segunda camada. Vou selecionar os pequenos ícones do globo ocular e alterná-los em qualquer outra camada que não esteja trabalhando, exceto duas. Eu tenho duas viradas para baixo nas minhas sombras, e depois tenho duas ligadas na minha cor e duas ligadas na minha linha. Isso só facilita para que você não precise se preocupar em ficar confuso. Vou fechar essas outras pastas, entrar na minha pasta de sombra, selecionar a camada dois e limpar aqui. Vou selecionar minha ferramenta de pincel, vou selecionar aquele cinza com o qual estava trabalhando. Vou aumentar o tamanho do meu pincel e vou ajustar onde tenho essa sombra colocada. Vou colorir em todas as áreas que precisam ser coloridas, e depois vou apagar algumas áreas-chave também. Agora que eu preenchi minha cor, vou continuar com minha ferramenta de borracha e apenas ajustar e apagar todas as áreas que eu não preciso. Depois de apagar e ajustar, vou voltar e afinar. Selecione essa laranja mais escura para que eu possa adicionar as sombras de volta aos botões e, em seguida, preencha qualquer lugar onde falta cor que precisamos de cor. Agora vou entrar e adicionar algumas sombras ao trabalho do talão aqui, ajustar o tamanho do meu pincel, garantir que eu tenha a cor correta, que é esse cinza, e então eu posso entrar e adicionar sombras aqui. Agora, essencialmente, vou fazer exatamente esse mesmo processo para minhas duas últimas camadas, e então podemos voltar e jogar isso e ver como é. [MÚSICA] Tudo bem, agora que terminamos com todas as camadas adicionais, vamos tocar isso e ver como elas se parecem como uma só, e certifique-se de que antes de tocá-las todas as suas as camadas foram ativadas novamente, e então podemos acertar o jogo e ver como é a peça final. As sombras e todas as peças adicionais se movem juntas. Não há nada se destacando estranhamente, e você basicamente criou um Jeff inspirado em Tamagotchi muito simples e divertido usando três pastas, uma para trabalho de linha, uma para cores e outra para sombras, e isso é apenas um resumo básico de como fazer um GIF. Então, vamos entrar em nossos próximos dois projetos. 11. GIF 1: opcional: removendo linhas: [MÚSICA] Então, dependendo do que você gostaria de fazer ou do que você quer que sua peça final seja, você pode optar por ter uma aparência um pouco mais plana e manter seus contornos. Pessoalmente, vou remover alguns dos contornos para que ele não pareça tão plano. Então, vou entrar na minha pasta de linha aqui, selecionar minha ferramenta de borracha e, em seguida, remova as partes que eu não quero. Então, poderei voltar para a minha pasta de cores e atualizá-la para limpar qualquer área que pareça um pouco confusa e que só precisa de um pouco de suavização. Primeiro, removerei a linha com a borracha e depois voltarei para a cor e limparei isso também. Eu só acho que isso dá um visual um pouco mais suave e é isso que eu estou procurando com esses pedaços e peças finais. Então, este é apenas mais um trabalho final e pequeno detalhamento que você pode fazer para finalizar sua obra de arte. Quando terminar de remover as linhas que não quero ter, vou voltar e corrigir as seções de cor e sombra. Então vou entrar na minha primeira cor aqui, ligar minhas sombras para isso também. Vou entrar e limpar as sombras primeiro. Vou desligar todas as minhas outras camadas. Basta ligar a Camada 1 e depois vou entrar e limpar isso para garantir que tudo esteja dentro de onde precisa estar. Em seguida, volte para minha área de cores também, selecione minha ferramenta Pincel, selecione o rosa correto com o qual estou trabalhando aqui e, em seguida, basta ampliar e limpar qualquer trabalho de linha para garantir que ele não pareça confuso, e que está tudo completo em termos da área de cor que eu queria. [MÚSICA] Depois de terminar a primeira camada, você só quer passar e basicamente fazer exatamente o mesmo processo para todo o resto das camadas. Então eu vou fazer isso, e depois vou verificar novamente e começaremos a nossa ilustração final. [MÚSICA] 12. Como criar GIF 2 — linhas: [MÚSICA] Agora que terminamos, podemos começar a trabalhar em nosso laptop. Assim como o que fizemos antes, vamos iniciar o File New. Manteremos todas as nossas entradas iguais em termos de tamanho, altura, largura e faremos algo como dois quadros por segundo e, em seguida, vamos atualizar nosso nome de arquivo da animação para o GIF dos anos 90 três e depois vamos clicar em “Criar” e clicar em “Ok”. Assim como tínhamos antes, precisaremos criar pastas para abrigar nosso trabalho de linha, nossas partes coloridas e, em para abrigar nosso trabalho de linha, nossas seguida, nosso trabalho de sombra. Vamos começar com esta primeira pasta de animação. Vamos renomeá-lo para o trabalho de linha e, como o que fizemos antes, vou apenas fazer o trabalho de linha para esta primeira camada e depois copiarei essa camada mais três vezes. Poderíamos entrar em um de nossos GIFs anteriores, se quiséssemos, e depois simplesmente copiar o esboço original de lá. Vou entrar no meu GIF 1, selecionar a camada de esboço original. Eu os comandos aqui vão para Editar cópia e depois vou para meu novo arquivo, selecione “Editar”, “Colar” ou Comando C e arraste isso para a parte inferior fora da nossa pasta de trabalho de linha e vamos ativá-lo clicando em o pequeno globo ocular e , em seguida, o que precisamos fazer é obviamente encontrar onde está o desenho e o esboço reais do laptop. Vou selecionar minha ferramenta de movimentação. Vou diminuir o zoom apenas um pouco [MÚSICA] e depois vou tocar na imagem e arrastá-la para tocar na imagem e arrastá-la que eu possa encontrar onde esta imagem está. Vou ter que redimensionar isso. Vou entrar em Editar, transformar e depois escalar, e então vou escalar isso um pouco. Vou segurar o turno, então tudo permanece em proporção, e então eu vou escalá-lo apenas para que se encaixe bem no meio da nossa prancheta e depois clique “Ok” e eu vou amplie para ver com o que estou trabalhando. Vou diminuir minha opacidade um pouco e seguida, o que vou fazer é tocar na minha camada de trabalho de linha dentro da minha pasta de trabalho de linha e, em seguida, começaremos o processo de criação do trabalho de linha para isso. Como muito disso são apenas linhas retas e ângulos, vou utilizar a ferramenta de linha, então, é todo o caminho em direção ao fundo. Pode ser algo diferente para você, porque se você segurá-lo, depois de tocar nele, você terá opções diferentes. Você pode criar curvas, linhas de poli, curvas contínuas, curvas bezier. Então você também pode criar retângulos, elipses e polígonos, para que possa ter uma forma diferente. Vou selecionar a linha reta. Vou ajustar o tamanho do meu pincel para cerca de 10, e então vou usar essa ferramenta para criar as linhas para este laptop aqui, e isso me dá uma boa linha reta, então eu não preciso me preocupar com minha mão tremendo demais, e então eu posso seguir a forma do meu design aqui. Esta é apenas uma ferramenta muito rápida e conveniente de usar, especialmente se você estiver criando algo que seja apenas linhas retas e ângulos. [MÚSICA] Depois de terminar isso, posso voltar para minha Ferramenta Pincel, redimensioná-la para que tenha a mesma largura da minha ferramenta de linha e, em seguida, terminar o resto dos elementos adicionais que Tenho nisso que não são linhas. Assim que terminar isso, posso desativar meu esboço original e tenho meu esboço aqui. Agora que temos um trabalho de linha feito, o que podemos fazer é copiar essa camada mais três vezes, para que você possa clicar em “Comando C”, “Comando V” ou “Editar”, “Copiar” ou “Editar”, “Colar” e então vamos entrar e renomeie as camadas adicionais 1, 2, 3 e 4. Vou tocar onde diz 1a, digite três, clique em “ Enter”, onde diz 1Copiar tipo em quatro e, em seguida, clique em “Enter” e então podemos começar a descobrir o que vamos fazer em termos de animação. Para este, o que estou pensando é que vamos ter uma pequena seta entrando e toque no pequeno botão X que geralmente está dentro de [NOISE] esses pequenos círculos para fechar as telas aqui. Essa primeira camada será a mesma. Vamos tocar na segunda camada e a única alteração que faremos realmente é adicionar uma seta. Mas antes de fazermos tudo isso, o que eu quero fazer é ter certeza de que temos todas as nossas células associadas a um segundo na linha do tempo. Vou entrar em nossa linha do tempo aqui, pegar a tecla azul, arrastá-la para tocar no segundo, depois entrar em nosso ícone de linha do tempo, selecionar especificar célula e clique em “2" e seguida, pressione “Ok” e também muito rapidamente, quero ter certeza de que o papel vai todo o caminho através de quatro segundos, então, vou descer aqui onde está nosso jornal, e então vou esperar pelas setas duplas e basta arrastá-lo para quatro segundos. Agora vou pegar minha tecla azul, arrastá-la para três, tocar no terceiro segundo e, em seguida, vou para o ícone da minha linha do tempo, selecione Especificar célula, selecione 3 e, em seguida, clique em “Ok”, e, em seguida, repita esse processo para o quarto. Agora todas as nossas células são especificadas. Agora podemos simplesmente entrar e revisar conforme necessário. Vou desenhar uma simples seta aqui, e então vou usar minha ferramenta Laço para selecioná-la, e então vou movê-la para onde gostaria que ela estivesse entrando, e depois vou editar, Vou selecionar desmarcar e, em seguida, vou entrar na minha ferramenta, selecionar minha Ferramenta Borracha e editá-la para que eu não tenha a linha adicional funcionando abaixo da seta. Parece que está bem em cima do desenho. Depois de fazer isso, posso entrar na minha segunda camada e, basicamente, farei o mesmo tipo de processo. Vou desenhar outra seta que esteja um pouco mais próxima e então final a atingirá e provavelmente acabo adicionando outra camada onde a tela está em branco. Além disso, para perceber que você não consegue ver suas camadas abaixo de cada uma, podemos simplesmente entrar em nossas opções de animação em nosso menu e, em seguida, selecionar mostrar células de animação e, em seguida, ativar o skinning de cebola. Eu basicamente vou redesenhar essa seta novamente, ajustando-a um pouco, limpando-a onde eu preciso, e então vou usar minha ferramenta Laço para selecioná-la, e então vou selecionar minha mover a ferramenta, e vou movê-la para que fique um pouco mais próxima, depois vou selecionar desmarcar e depois vou ampliar , limpar e remover qualquer trabalho de linha embaixo que não precise estar lá. Agora vou entrar nessa quarta camada, e vou repetir o mesmo processo. Mas antes de fazer isso, vou copiá-lo e colá-lo porque vou precisar de mais uma camada onde não há nada na tela. Vou copiar essa camada, editar cópia ou Comando C, Comando V para colá-la e o que vou fazer é redesenhar essa seta, que ela fique bem em cima desse pequeno círculo e depois para este último, vou apagar a janela na tela. Agora que desenhei essa seta, posso selecionar minha ferramenta de laço. Vou selecionar ao redor da seta, usar minha ferramenta de movimentação para movê-la onde eu gostaria enquanto ela estiver selecionada, vou transformá-la para que eu possa virá-la. Vou editar, transformar, e vou selecionar virar horizontal, e então vou inclinar isso para que fique bem no topo desse pequeno ícone de círculo, então eu vou clique em “Ok”. Então vou para selecionar desmarcar, e então vou entrar nessa última camada aqui e o que eu quero fazer é apagar tudo da tela desta grande área da janela. Vou selecionar minha ferramenta de apagar e se você perceber que não pode editar esse arquivo, isso é porque não o temos associado a um segundo. Vamos até a nossa linha do tempo, selecione essa tecla azul, mova-a para cinco, selecione a marca de cinco segundos, vá para nossos ícones de linha de tempo, selecione especificar célula, selecione cinco, clique em “Ok “, role para baixo na sua linha do tempo. Selecione seu papel. Toque na sua borda para obter essa seta dupla e arraste-a para cinco. Agora estamos em cinco e o que faremos é apagar a janela maior aqui. Vou aumentar o tamanho do meu pincel e, em seguida, vou basicamente excluir [NOISE]. Apague tudo isso aqui porque não vamos precisar disso porque essencialmente estamos fechando essa janela. Agora que eu tenho a base da animação feita, antes de entrarmos em colorir e sombras e todas essas coisas, eu só quero ver como isso se parece quando tocarmos. Vou selecionar o primeiro segundo dentro da nossa linha do tempo e, em seguida, vou clicar no ícone de reprodução. Estou percebendo que preciso apagar algumas das linhas abaixo da última seta e ainda tenho alguma tinta residual de apagar, então vou simplesmente entrar e limpar isso. O que estou pensando que também poderíamos fazer para este último é adicionar algum tipo de linhas de movimento. Na área de onde essa pasta inicial ou Window estaria, podemos simplesmente criar algumas linhas de movimento. As pessoas sabem que essencialmente essa pequena janela desapareceu. Vejamos isso agora que fizemos isso. Vamos ver como isso parece. Agora que eu fiz isso, vamos jogar isso mais uma vez e ver o que parece. Isso é fofo. Agora, eu preciso voltar para quatro, e eles precisam apagar as linhas que estão embaixo da flecha e limpar isso muito rápido. Assim que terminarmos isso, vou voltar a ligar e jogar isso mais uma vez para garantir que tudo pareça bem, e então podemos começar a colorir. 13. Como criar GIF 2: colorir: [MÚSICA] Isso é super fofo, eu gosto disso. Agora, o que faremos é adicionar nossa pasta para nossa cor. Assim como o que fizemos antes, teremos que criar uma nova pasta de animação. Vamos para nossas opções de menu, [NOISE] selecione a animação, depois nova camada de animação e selecione a pasta de animação. Vamos clicar duas vezes onde ela diz pasta e renomeá-la para cor e , em seguida, pressionar “Enter”. Em seguida, vamos arrastar essa pasta para baixo da nossa linha. Então, o que queremos fazer é selecionar nossa linha e queremos clicar com o botão direito do mouse para você possa pressionar controle e, em seguida, tocar em sua camada. Clique com o botão direito do mouse em nossa pasta de trabalho de linha ou você pode selecionar controle e tocar se estiver trabalhando com uma caneta e um tablet e, em seguida, o que queremos fazer é selecionar Configurações de Camada e, em seguida, definir como camada de referência porque é isso que vamos referenciar quando estivermos colorindo. Agora queremos entrar em nossa pasta de cores e queremos adicionar cinco novas camadas, novas células de animação, para que possamos associá-la cada uma das camadas ou células de animação dentro da nossa pasta de linha. Vou selecionar o novo ícone de célula de animação na minha linha do tempo. Então, vou copiar o primeiro e colá-lo mais quatro vezes para que tenhamos cinco no total. Então vou voltar e apenas renomeá-los para que eles sejam nomeados corretamente. Temos um e dois, 1a deve ser três e depois clicar em “Enter”. Uma cópia deve ser quatro, clicar em “Enter” e a final deve ser cinco, clicar em “Enter”. Agora que temos nossas camadas de cores, podemos usar nossa ferramenta Preenchimento de cores apenas para colorir rapidamente cada uma de nossas novas camadas. Então, queremos ter certeza de que estamos na camada correta na qual estaremos trabalhando. Queremos estar na camada 1. Vamos selecionar a camada 1 e, em seguida, o que faremos é desligar todas as outras camadas que não fiquemos confusos e, para desligar essas camadas, entraremos em nossa camada de linha e depois toque naqueles pequenos globos oculares. Dessa forma, você sabe que a camada em que você está trabalhando é a camada correta. Vou deixar o globo ocular ligado para nossa primeira camada porque essa é a camada em que estamos trabalhando. Vou selecionar essa camada aqui. Se você está percebendo algum problema com sua linha do tempo também pode ser porque precisamos associar essas células aos segundos adequados também. Esta primeira camada deve ser associada até a primeira segunda. Vamos selecionar um e depois tocaremos na primeira camada e na nossa pasta de cores. Em seguida, vamos selecionar especificar célula em nossa linha do tempo e clicar em “Um” e, em seguida, clicar em “Ok”. Em seguida, vá para dois e, em seguida, selecione o segundo dentro da nossa linha do tempo, selecione especificar célula em nossa linha do tempo, opções de ícone e, em seguida, selecione a ferramenta e, em seguida, clique “Ok” e, em seguida, vamos selecionar três. Toque na terceira camada em nossa pasta de cores, selecione, especifique a célula, selecione três, clique em “Ok”. Em seguida, vamos selecionar a quarta camada em nossa pasta de cores e, em seguida, selecionaremos o quarto segundo em nossa linha do tempo, selecione especificar célula, selecionar quatro e, em seguida, clicar em “Ok”. Em seguida, vamos para nossa quinta camada em nossa pasta de cores. Selecione o quinto segundo, selecione especificar célula, selecione cinco e, em seguida, clique em “Ok” e agora todas as nossas camadas devem ser alocadas corretamente para o segundo correto. Agora vamos trabalhar nesta primeira camada, e devemos ver a primeira camada de linha funcionar como nossa opção quando tocarmos nela. Com a ferramenta completa do balde de tinta selecionada, podemos começar a preencher nossas cores. [MÚSICA] Vou selecionar minha cor e , em seguida, tocar nas linhas onde quero preencher as coisas. Neste caso, estou apenas preenchendo um pequeno teclado, esse cinza escuro, e estou apenas tendo em mente as mesmas cores que usei com o outro apenas para criar uma paleta de cores coesa. Você poderia muito bem voltar e mudar as coisas se quisesse. Só vou manter as coisas como estão. [MÚSICA] Depois de adicionar todas as minhas cores, voltarei para minha pasta de trabalho de linha e selecionarei a primeira camada do meu trabalho de linha. Eu só vou apagar algumas das linhas semelhantes ao que fiz com isso primeiro, mas não fazer tudo parecer tão plano com linhas. Acho que isso funcionará lindamente para isso. Só estou mantendo linhas onde preciso delinear entre seções e cores. [MÚSICA] Agora que terminamos com isso, vou iniciar o processo novamente e depois recolorir o resto dessas próximas seções. Agora vou para minha segunda camada aqui. Vou ativar minha segunda camada de cores tocando no pequeno ícone do globo ocular. Vou desligar minha primeira camada tocando no ícone do globo ocular e, em seguida, ligue minha segunda camada. Então vou começar o processo de coloração novamente. Vou selecionar minha segunda camada, entrar nessa ferramenta de balde, depois passar e recolorir esses elementos adicionais aqui. [MÚSICA] 14. Como criar GIF 3 — linhas: O que vou fazer agora é apenas criar um novo arquivo, para que tenhamos um novo arquivo para trabalhar. Vou selecionar Novo nas minhas opções de arquivo. Vou manter todas as minhas configurações iguais à última, 2.000 por 2.000, 300 DPI. Minha linha do tempo é toda a mesma. Minha taxa de quadros é a mesma, apenas uma porque estamos trabalhando com um gif realmente básico que precisamos carregar para gif aqui e depois vou atualizar o nome do arquivo. Então vou me certificar que o uso do trabalho seja animação. Todas as mesmas configurações e, em seguida, clique em “Ok”. Como fazia antes, ele criou nossa pasta de animação para nós. Vou clicar duas vezes nisso onde diz pasta de animação e alterá-la para um trabalho de linha. Então vou repetir o processo que fiz antes. Na verdade, vou atualizar minha cor do meu papel primeiro, desta vez. Então vou puxar minha ilustração, meu esboço original. Na verdade, posso voltar para minha primeira cópia gif dessa camada, entrar no meu segundo gif e, em seguida, clicar em “Command V” para colá-lo. Mais uma vez, vou puxá-lo para baixo minha pasta de trabalho de linha. Vou ativá-lo para que possamos ver o que estamos fazendo e depois vou selecionar minha ferramenta de movimentação e vou movê-la para o ícone que quero ilustrar. Eu tenho este. O que eu quero fazer é redimensioná-lo para que seja um pouco maior. Vou entrar em Editar, Transformar, Escalar, e então vou segurar Shift e depois puxar meus cantos para que ele permaneça em proporção. Acho que isso é bom e depois vou bater Ok. Então vou transformá-lo novamente porque quero que isso fique um pouco inclinado. Vou entrar em Editar, Transformar e depois selecionarei Girar. Então eu vou girar isso um pouco porque eu quero que ele esteja em um ângulo e depois vou bater, “Ok”. Então vou entrar na linha Trabalho 1. Vou selecionar essa primeira camada e quero esboçar nessa camada. Desta vez, vou mostrar como você pode fazer isso apenas copiando e colando seu esboço original e revisando esse esboço em vez de redesenhá-lo todas as vezes em sua nova camada. Vou selecionar meu primeiro esboço. Vou entrar na minha ferramenta de pincel. Vou selecionar minha tinta da Índia. Eu tenho essa opção suave. Então vou apenas ajustar o tamanho do pincel. Eu acho que este é um bom tamanho e o que eu quero fazer é basicamente usar esse esboço original como minha camada base e então eu posso ajustá-lo conforme necessário. Vou diminuir a opacidade apenas um pouco. Então vou voltar para minha pasta de trabalho de linha, selecionar a primeira camada e vou rastrear isso usando tinta da Índia e acho que desta vez, vou usar uma tinta preta para descreva e vou descrevê-lo rapidamente. [MÚSICA] Depois de descrever a ilustração, posso entrar no esboço original, desligá-lo e depois fazer qualquer ajuste fino adicional que eu possa precisar fazer com o trabalho de linha. Então o que podemos fazer é pegar primeira ilustração dentro do trabalho de linha e, em seguida, podemos copiá-la e colá-lo mais três vezes para que tenhamos quatro no total. Então podemos ir e revisá-los conforme necessário. Vamos selecionar o primeiro esboço, copiá-lo, colá-lo três vezes e depois vamos entrar e renomeá-los 1, 2, 3 e 4 é entrar em 1A. Toque duas vezes onde diz: 1A e basta digitar três e pressione “Enter”. Selecione uma cópia, digite quatro e pressione “Enter”. Agora, o que temos que fazer é associar cada uma dessas células a um segundo dentro da nossa linha do tempo. Vou entrar na minha linha do tempo, tenho o primeiro segundo em destaque. Vou arrastar esse ícone azul para que ele passe do segundo, segundo e depois vou selecionar a segunda camada que tenho na minha linha de trabalho aqui. Vou selecionar a segunda camada. Vou tocar onde diz dois na minha linha do tempo. Em seguida, nos meus ícones de linha de tempo, vou selecionar especificar célula e , em seguida, selecionarei dois e, em seguida, clique “Ok”, e ele especificará essa camada. Se você perceber que perdeu seu plano de fundo, tudo o que você precisa fazer é rolar um pouco para baixo em sua linha do tempo, ir para o ícone de papel e, em seguida, certifique-se de que ele se arrasta por todos os quatro segundos que você vai precisar que seja. Selecione o primeiro aqui e, em seguida, arraste-o para que ele passe por quatro segundos e isso deve permitir que ele fique em todas as suas ilustrações conforme você as especifica para cada segundo. Agora, vamos para nossa linha do tempo novamente. Selecione sua marca de tecla azul e você a arrastará para que ela passe por três. Selecione três em sua linha do tempo e, em seguida, vamos garantir que a terceira camada esteja selecionada em nossa pasta de trabalho de linha. Queremos selecionar especificar célula dentro do nosso ícone de linha do tempo e , em seguida, selecionar Camada 3 e, em seguida, clique em “Ok”. Em seguida, arraste a tecla para quatro, selecione o quarto segundo. Certifique-se de que sua quarta camada esteja selecionada. Vá para especificar a célula, selecione Camada 4 e, em seguida, clique em “Ok”. Certo, todos os segundos são iguais porque literalmente apenas copiamos e colamos nosso trabalho de linha original. Mas agora o que podemos fazer é basicamente revisar cada um desses elementos para tornar o trabalho um pouco mais fácil. Além disso, o que queremos fazer é garantir que a pele de cebola esteja ativada, então vá para Animação, mostre células de Animação e selecione Ativar pele de cebola. O que notaremos é que se entrarmos em dois e dissemos que queríamos apagar algo, vamos selecionar nossa ferramenta Borracha. Você verá que o esboço original embaixo será exibido em verde. Agora, com essa ilustração, o que estou pensando é que provavelmente faremos algo semelhante ao lento, lento. Podemos acabar precisando de mais camadas, mas vamos começar. Basicamente, ele vai parecer com esses pequenos controladores de videogames balançando para frente e para trás, então provavelmente vai querer iniciá-lo para que ele comece mais para a esquerda. Na verdade, vou mover esse esboço original um pouco. Vou para Editar. Vou para Transform. Vou para a Transformação Livre. Dessa forma, posso girar e mover as coisas conforme preciso delas. Isso começará mais para a esquerda e depois vai balançar para a direita. Não precisamos fazer muito em termos de redesenho, pois precisamos ajustar o posicionamento. Depois de ajustar o posicionamento, vou clicar em “Ok” e depois vou ao meu segundo esboço. Agora você pode ver o azul por baixo. Vou mover este um pouco também. Vou entrar no meu Editar, Transformar, Transformar Livre e depois vou ajustar um pouco isso para que ele venha um pouco à direita de onde o primeiro está colocado à esquerda. Vou girá-lo para que ele suba um pouco. Então eu vou aplicá-lo, clique em Ok. Vou para o meu terceiro e farei o mesmo processo exato. Só vou mover isso um pouco. Vá para Editar, Transformar, Transformação Livre. Não preciso mover isso demais, mas quero girá-lo um pouco. Vou movê-lo um pouco para a direita, depois vou apertar Ok, e depois vou selecionar minha quarta camada. Estou percebendo que posso querer mais uma ou duas camadas aqui para que ela saia da tela. Vou pegar essa quarta camada, vou copiá-la Comando C. Ou você pode editar, copiar, editar, colar e então eu vou pressionar o Comando V para colá-lo mais duas vezes para que tenhamos seis no total. Vou tocar duas vezes onde diz 4A e mudar isso para seis. Vou para o meu quinto e na verdade, vou me certificar de que eles estão associados aos segundos corretos. Vou até a minha linha do tempo. Vou pegar minha chave, vou movê-la para cinco. Vou tocar na marca de cinco, cinco segundos na minha linha do tempo e, em seguida, vou me certificar de que a quinta camada está selecionada. Vou para Especificar auto-seleção cinco, clicar em OK, depois vou mover meu T para seis, selecionar o marcador de seis segundos na minha linha do tempo. Certifique-se de que eu tenha a sexta camada selecionada nas minhas camadas de linha aqui. Vou selecionar especificar célula dentro do meu ícone da linha do tempo, selecionar seis e, em seguida, clique em Ok. Então eu vou até o meu jornal e apenas me certificar de que ele vai todo o caminho em seis segundos. Agora que eu os adicionei, vamos voltar para quatro. O que faremos é mover isso um pouco para que ele siga a trajetória do balanço que já criamos. Vou para Editar, Transformar, Transformar Livre. Novamente, quero girá-lo para que ele suba e depois vou movê-lo um pouco para a direita e depois apertar Ok, e depois vou para o meu quinto, e depois vou para Editar, Transformação, Transformação Livre. Vou girar este um pouco e depois movê-lo para a direita também, e depois apertar Ok, e depois vou para o meu sexto. Vou para Editar, Transformar, Transformar Livre. Vou girá-lo para que ele suba. Vou arrastá-lo para que ele vá para a direita e para fora da tela. Agora, obviamente, terei que editar os acordes do controlador. Mas vamos ver como isso funciona até agora. Agora que tenho todo o trabalho de linha feito, vou entrar na minha linha do tempo e vou jogar para ver como isso funciona. Vou modificar minhas colocações apenas um pouco. Gosto de como isso parece um pouco melhor. Agora, o que precisamos fazer é consertar o cabo. O acorde deve estar essencialmente no mesmo lugar como se estivesse pendurado. Vamos ajustar o posicionamento do acorde para que ele faça mais sentido em termos de posicionamento. Vou para a camada 2, vou selecionar minha ferramenta de borracha, vou redimensionar minha borracha e depois vou ajustar onde o cabo está aqui. Queria seguir o acorde original o mais próximo possível com apenas algumas pequenas alterações. Ei, então vamos para a segunda, ligar essa camada, ligar essa camada desligar a primeira camada, tocar na terceira camada, apagar este acorde. Veja como está tão longe. Queremos que ele fique mais próximo do posicionamento original. Quero ter certeza de que ele saia da tela no mesmo lugar. Agora que apaguei isso e selecionei minha ferramenta de pincel e, em seguida, basta seguir a linha com apenas algumas pequenas modificações. Agora vou para a terceira camada, desligo minha segunda, desligo minha segunda, certifique-se de que meu globo ocular ainda esteja ligado para minha terceira camada e, em seguida, ligue minha quarta camada e depois volte e faça a mesma coisa. Vamos consertar essa linha. Você apaga as peças que não queremos. Apenas certifique-se de que ele acompanhe de perto essa linha original. Desligue a camada 3, toque na camada 5, verifique se a camada 5 está ativada e modifique aqui também. Agora, desligue a camada 4 e, em seguida, ative a camada 6 e edite sua linha conforme necessário, certificando-se de que ela ainda saia do papel no mesmo local sobre a revisão em qualquer outro lugar que você achar melhor. Então vamos reproduzir isso para ver o que parece. 15. Como criar GIF 3 — colorir: [MÚSICA] Agora que terminamos o trabalho de linha, vamos pular para colorir. Assim como o que fizemos antes, teremos que criar uma nova pasta de animação para colorir, e teremos que ter o mesmo número de células dentro dessa pasta que temos em nossa linha pasta de trabalho. Porque essencialmente cada camada de cor se associará cada imagem ilustrada em cada camada dentro da pasta de trabalho de linha. Vamos entrar em nossas opções de animação no topo do nosso menu e, em seguida, selecionar “Nova Camada de Animação” e, em seguida, selecione “Nova Pasta de Animação”. Vamos renomear essa pasta “Cor” e, em seguida, arrastaremos esta pasta para que ela fique abaixo do nosso trabalho de linha e, em seguida, vamos clicar com o botão direito do mouse em nossa pasta de trabalho de linha. O que queremos fazer é ir para “Configurações de camada” e depois “Definir como camada de referência” para que possamos utilizar nossa ferramenta de preenchimento de balde para colorir as camadas muito rapidamente. Depois de criar essa nova pasta e movê-la , preciso adicionar novas células a essa pasta. Vou entrar nas minhas opções de linha do tempo aqui e selecionar o ícone de célula “Adicionar nova animação. Vou fazer isso seis vezes porque temos seis camadas que precisamos, e isso se associará a cada um dos segundos dentro do nosso pequeno loop aqui. Agora vamos para a primeira camada, e como fizemos antes, apenas para facilitar as coisas, gosto de desligar todas as outras camadas para não vê-las e saber exatamente o que estou trabalhando ligado. trabalho da camada 1 dentro da linha é o que estamos trabalhando e, em seguida, selecionarei a primeira camada dentro da minha cor e, em seguida, selecionarei minhas opções de cores aqui, selecione a ferramenta de preenchimento, e depois vou tocar onde preciso preencher a cor. Se eu quiser atualizar uma cor, posso tocar duas vezes no ícone “Cor” aqui nas minhas ferramentas e depois ajustar conforme necessário. [MÚSICA] Depois de colorir a primeira, vou entrar e repetir o processo para o segundo e terceiro. O que vou fazer é entrar na minha linha de trabalho, desmarcar o globo ocular dentro dessa primeira camada, ligar o ícone do olho para a segunda camada para que eu saiba com o que estou trabalhando. Então vou entrar na minha segunda camada na minha pasta de cores, vou ativá-la e, em seguida, vou voltar e seguida, vou voltar e repetir o processo usando minha ferramenta de preenchimento de balde e, em seguida, rapidamente basta passar e colorir o resto dessas camadas. [MÚSICA] Agora que colorimos tudo, adicionamos nosso trabalho de linha, vamos apenas verificar novamente, garantir que tudo pareça do jeito que queremos que fique, então vou tocar em “Play” uma vez mais. Vou me certificar de que todas as minhas camadas estão ativadas, e depois vou fechar essas pastas e depois vou selecionar o primeiro segundo, então ele começa desde o início, e depois vou hit play dentro da minha linha do tempo. Funciona do jeito que deveria. Agora vamos pular para adicionar sombras e efeitos adicionais à ilustração. 16. Como criar GIF 3 — sombras: [MÚSICA] Agora que adicionamos nossa cor, vamos pular para adicionar algum trabalho de sombra. Para fazer isso, assim como fizemos antes, temos que criar uma nova pasta de animação. Vou selecionar a pasta Animação, Nova camada de animação, Animação. Então, onde diz a Pasta 1, vamos clicar duas vezes e alterá-la para dizer Sombras. Depois de fizermos isso, podemos adicionar nossas células de animação para que você possa entrar em seus ícones de linha do tempo aqui e selecionar Nova célula de inovação. Vamos adicionar seis no total. O que faremos é atualizar o nome para que eles correspondam a cada camada, 1, 2, 3, 4, 5, 6. Se você tiver algum problema ou algo não parecer certo, basta tocar duas vezes onde o texto está e atualizá-lo para o número correto e, em seguida, clicar em Enter. Vou adicionar sombras dentro de onde pode haver diferentes elevações dentro do controle do jogo, onde estão os botões e coisas assim. O que eu quero fazer é ir para minha primeira camada e depois quero ter certeza de que o que estou vendo se alinha com a camada em que eu deveria estar trabalhando. Vou desligar todas as outras camadas e depois trabalhar nessa primeira camada. Vou selecionar a primeira camada na minha cor, para que eu possa ver o que estou fazendo. Então vou entrar em minhas camadas de sombra, desligar todas essas outras camadas e seguida, basta selecionar minha Camada 1. Então, antes de fazer isso realmente rapidamente, quero selecionar a pasta sombras e vou alterá-la do normal nas minhas opções de camadas para multiplicar. Agora, se você perceber que qualquer uma das suas camadas dentro das opções de sombra aqui não está aparecendo. Isso pode ser porque não temos eles especificados automaticamente para o segundo correto. O que faremos é entrar em nossa linha do tempo, selecionar o primeiro segundo e, em seguida, certificar-se de que a Camada 1 esteja selecionada. Podemos começar a especificar. Selecione o segundo, vá para nossos ícones de linha do tempo, selecione especificar camada, selecione uma e, em seguida, clique em Ok. Em seguida, selecione dois e, em seguida, toque na segunda camada. Selecione Especificar célula, selecione a segunda camada e, em seguida, pressione Ok e, em seguida, faça a mesma coisa para três apenas para garantir que tudo seja a camada correta. Selecione o terceiro, segundo na linha do tempo. Selecione Especificar célula, selecione três. Acerte Ok. [MÚSICA] Agora todas as camadas corretas agora estão especificadas para o segundo correto, podemos começar a adicionar nossas sombras. Vou selecionar meu ícone de pincel. Na verdade, vou selecionar algo que tenha um pouco mais de textura, para que a opção de tinta áspera e nova funcione bem. Então vou ampliar as áreas-chave que acho que precisamos ter algumas sombras. Vou selecionar uma cor que funcione bem com isso. Então também certifique-se de que minhas camadas sejam alteradas de normal para multiplicar. Uma vez que eu mudei isso, então eu quero ajustar a opacidade do meu pincel apenas um pouco, derrubá-lo. Em seguida, ajuste também o tamanho. Vou diminuir. Você pode usar os suportes para diminuir ou aumentar rapidamente o tamanho do pincel. suporte aberto aumenta a diminuição do tamanho do colchete ou você pode simplesmente entrar nas opções de tamanho do pincel aqui e ajustar lá também à mão. [MÚSICA] Depois de terminar de adicionar minhas sombras, também posso entrar e filtrá-las e dar-lhes um pouco de desfoque. Posso entrar em Desfoque de Filtro, Desfoque Gaussiano e, em seguida, posso suavizar as sombras um pouco para que elas não se sintam tão duras. Então eu posso acertar Ok. Então, quando terminar isso, vou repetir esse processo para todos os elementos adicionais. Em seguida, voltaremos e adicionaremos alguns toques finais adicionais. [MÚSICA] Agora, se você quisesse adicionar alguns elementos adicionais como pequenos, seja como efeitos de brilho ou linhas ou qualquer coisa assim. Este seria um ótimo momento para fazê-lo. Você pode simplesmente adicioná-lo depois de adicionar todas as suas cores e sombras, eu adicionaria à seção de cores da sua pasta. Vou adicionar algumas linhas de movimento parecidas a cada uma das minhas camadas aqui dentro da seção de cores. Agora vamos jogar isso e ver o que parece. Agora que acabei de adicionar os pequenos elementos adicionais, podemos simplesmente pressionar Arquivo, Salvar como. Vou salvá-lo como meu GIF 90S e salvá-lo na minha pasta. Vou voltar ao meu primeiro e salvar isso também. Arquivo, Salvar como, 90S-GIF-1, salve-o na pasta necessária para a qual eu o configurei. Agora, podemos pular para exportar nossos arquivos. 17. Exportando os arquivos GIF + Extra: configurações de adesivos: [MÚSICA] Agora que terminamos com os três GIFs, podemos trabalhar na exportação de nossos arquivos finais. Vou para o meu primeiro GIF e, em seguida, para exportá-lo, o que vamos fazer é selecionar “Arquivo” e, em seguida, vamos rolar para baixo até onde diz Exportar Animação e, em seguida, vamos selecione “GIF animado”. Vamos manter o mesmo nome e, em seguida, vamos selecionar onde gostaríamos de salvá-los. Já tenho um arquivo configurado, o tipo de arquivo a ser GIF animado e, em seguida, podemos selecionar “Salvar”. Então você vai obter essas configurações. Com o Giphy, eles geralmente sugerem exportar em medições de quatro. Vou atualizar a largura e a altura. Atualmente, temos isso em 2.000 por 2.000 pixels. Só vou manter esse intervalo de exportação. Estamos exportando todos os quatro segundos ou todos os quatro quadros de um a quatro. Podemos atualizar nossa taxa de quadros se quisermos torná-la um pouco mais rápida para que eu possa alterá-la de um para dois. Então, o que queremos ter certeza de que fazemos é selecionar “Contagem de Loop Ilimitado” porque temos que garantir que ela seja reproduzida até o infinito quando estamos enviando para o Giphy. Eu marca de seleção diferente apenas para que ela me dê um pouco mais de uma imagem de qualidade superior e depois clique em “Ok”. Então, quando a exportação estiver concluída, você receberá esse pop-up que diz que exportação de GIF animada está concluída, informa qual é o tamanho do arquivo e, em seguida, clique em “Ok”. Agora podemos fazer é entrar em nosso sistema de arquivos. Posso clicar em nossos GIFs finais, e posso reproduzir esse loop apenas selecionando o arquivo que acabei de exportar, apertando minha barra de espaço e ele o reproduzirá para mim. Acho que isso foi bom. Vamos fazer os outros dois e então podemos fazer o upload para o Giphy. Agora vamos voltar para o Clip Studio. Agora vou selecionar meu segundo GIF. Vou entrar nas minhas opções de menu de arquivos, selecionarei “Exportar animação”, “GIF animado” e, em seguida, vou me certificar de selecionar o arquivo no qual quero e, em seguida, clique em “Salvar”. Então vou atualizar a largura e o tamanho para quais eram minhas medidas originais. Vou atualizar minha taxa de quadros para dois apenas para que seja um pouco mais rápido. Minha contagem de loop deve ser ilimitada e depois clicar em “Ok”. Depois que eu receber esse pop-up, posso clicar em “Ok” novamente e, em seguida, selecionarei meu terceiro GIF. Agora vamos entrar em nosso terceiro GIF e vamos exportar isso. Vamos selecionar “Arquivo” e, em seguida, vamos rolar para baixo até Exportar animação, selecionar “GIF animado” e, seguida, vamos manter o mesmo nome e, em seguida, selecionaremos a pasta final em que vamos ter isso salvo. Em seguida, vamos selecionar “Salvar”. Em seguida, vamos atualizar nossas configurações para 2.000 por 2.000, vamos atualizar a taxa de quadros para dois, manter o intervalo de exportação o mesmo, manter o intervalo de exportação o mesmo, garantir que sua contagem de loop esteja definida como ilimitada e, em seguida, podemos selecionar “Ok”. Então, quando esse pop-up aparecer, você pode selecionar “Ok”, e agora podemos verificar novamente em nosso sistema de arquivos que tudo funcionou da maneira que precisávamos. Agora que tudo é exportado, vamos entrar em nosso sistema de arquivos e apenas verificar novamente para garantir que tudo funcione bem. Vou selecionar meu primeiro, funciona lindamente. Selecione meu segundo, funciona exatamente como eu queria e, em seguida, vamos selecionar o terceiro. Ele joga exatamente do jeito que eu queria, tão perfeito. Agora todos os nossos GIFs são exportados. Havia uma dica que eu queria compartilhar antes de passarmos para o upload para o Giphy. Recentemente, tive uma atualização meu Clip Studio Paint e o que descobri é que agora você pode exportar seus GIFs como adesivos. Basicamente, este é um arquivo PNG. É um arquivo PNG animado com um fundo transparente. Se você já olhou para algo como Insta Stories e vê esses GIFs que não têm fundo, mas eles são como pequenos ícones de adesivos que você pode colocar em suas histórias e coisas assim, é aí que eles entram em jogo. Para poder exportar como GIF, temos que desligar nosso plano de fundo e criar transparência. A maneira mais fácil de fazer isso é entrar em suas camadas, selecionar sua camada de papel e depois desligar o globo ocular. Você tem uma transparência. Então o que faremos é selecionar “Arquivo”, “Exportar animação” e, em seguida, selecionaremos “ Adesivo animado”, que é um APNG e permitirá que você exporte seu arquivo como um PNG transparente. Vou atualizar meu nome e depois vou salvá-lo no meu conjunto de arquivos, no meu arquivo GIF final e, em seguida, clique em “Salvar”. Então, o mesmo que estávamos fazendo com o GIF, podemos atualizar nossas configurações de exportação. Só vou atualizá-lo para 2.000 por 2.000. Ele irá redimensioná-lo com base na altura e na largura da área colorida do arquivo. Mas eu apenas atualizo para ter o mesmo tamanho, só para estar seguro. Você pode ajustar sua estrutura. Vou mudá-lo para dois. Então o que você quer fazer é apenas garantir que sua contagem de loop seja ilimitada. Selecione “Excluir espaços em branco”. Desmarque a redução de cor da marca porque não quero reduzir as cores que estou usando. Então eu vou clicar em “Ok”. Depois de terminar, você receberá esse pop-up. Você pode simplesmente clicar em “Ok” novamente. Então podemos entrar em nosso sistema de arquivos e ver se isso funcionou. Vou entrar no meu sistema de arquivos, aqui está o arquivo de adesivo que criei. Vou selecioná-lo e, em seguida, apertar a barra de espaço no meu teclado apenas para testá-lo. Funcionou. Criamos um adesivo transparente inspirado em Tamagotchi. Agora que terminamos e exportamos todos os arquivos finais, vamos pular em como fazer upload de tudo isso para o Giphy. 18. Como carregar no GIPHY + usando seus GIFs: [MÚSICA] Agora que terminamos de criar nossos GIFs, o que queremos fazer é carregá-los no GIPHY para uso. Dependendo do tipo de conta que você tem, seus GIFs podem ser pesquisados em GIPHys como mecanismo de pesquisa que eles usam em sites como Instagram ou Facebook. Mas mesmo que você não seja como um artista aprovado ou não tenha sido aprovado para uma conta que possa ser pesquisada, você ainda poderá utilizar seus GIFs. Vou te mostrar como fazer isso. Vou mostrar como carregar tudo do computador e depois poderemos entrar no telefone mais tarde quando se trata de poder usar nossos GIFs. Vou fazer login na minha conta. Depois de entrar na minha conta, tenho um monte de pastas diferentes, como as maiores organizadas que tenho, configurei uma lista de reprodução, temas sazonais. Tudo como sejam os meus GIFs, eles estão organizados nessas pequenas áreas aqui. Provavelmente vou criar uma nova coleção com GIFs temáticos dos anos 90. Vou adicionar os que criei nesta classe, mas provavelmente vou adicionar um pouco mais. Vou primeiro fazer o upload e depois mostrarei como editar essas coleções. Vou selecionar “Upload” Vou selecionar GIF, vou escolher meu arquivo. Vou entrar nos meus arquivos GIF finais e vou selecioná-los. Vou selecionar todos eles clicando no último turno segurando e clicando no primeiro. Selecionarei tudo na minha série e depois vou clicar em upload. Então eu posso entrar e adicionar tags para tudo porque isso torna mais fácil quando se trata de pesquisar apenas elas se relacionam com o conteúdo que as pessoas podem estar usando. Vou adicionar tags com base no que criei e vou separar as tags com vírgulas. Quando eu carregar esses, o que vou fazer depois de adicionar todas as minhas tags, vou selecionar mais, ele adicionará todas as minhas tags em massa. Vou adicioná-los a uma coleção. Vou adicionar uma nova coleção e vou nomear essa coleção That's So 90s. Então vou criar a coleção. Então vou entrar agora e atualizar o resto deles. Depois de adicionar o primeiro, selecionarei minha segunda e adicionarei minhas tags para esta. O que é bom é que ele também oferece tags para adicionar, então eu posso clicar nessas tags e adicioná-las ao meu GIF para mim com base na imagem em si, bem como nas imagens anteriores que eu criei. Vou adicionar tags para este novo. Vou utilizar as tags que eles criaram para mim. Mas também vou adicionar minhas próprias tags também. Você só pode adicionar 20 tags por vez, então você só quer ter certeza de que não exagere. Em seguida, vou clicar no meu próximo e repetir o mesmo processo. Em seguida, vou clicar no último e depois repetir esse processo. Tudo bem, depois de adicionar todas as minhas tags, fico feliz com as configurações que criei e quero ter certeza de que a visibilidade está definida como pública. Então vou adicioná-los à minha coleção That's So 90s. Em seguida, vou selecionar Carregar para o GIPHY. Quando meu upload estiver concluído, se eu tiver algum erro, posso verificá-los novamente. Vamos ver este. Só vou retentar. Esse foi carregado e agora posso abrir meu canal e meu GIF deve carregar. Estará sob minha coleção That's So 90s. Agora posso utilizar esses GIFs e compartilhá-los novamente e também usá-los em algo como o mecanismo de pesquisa quando estou procurando GIFs para utilizar no meu telefone, em mensagens de texto e coisas assim, ou online em lugares diferentes, você pode utilizar um código de incorporação e copiá-lo ou você pode simplesmente compartilhar. Você pode copiar o link. Mas eu realmente gosto da capacidade de organizar tudo e manter tudo em um só lugar. Gosto de adicionar coleções à minha conta apenas para facilitar a localização de coisas. Mas basicamente é assim que você carrega tudo para o GIPHY. Você também pode fazer isso diretamente do iPad se estiver trabalhando em um iPad ou telefone e coisas assim. Mas eu gosto de trabalhar no computador obviamente, porque estou usando coisas como o Clip Studio Paint. Isso só faz mais sentido. Mas então eu posso acessá-los no meu telefone, conforme necessário. Mesmo que você não seja como um artista verificado, não sou um artista verificado, mas fui aprovado para encontrar meus GIFs e pesquisar. Mas mesmo que você não seja isso, você não é um artista verificado ou não tem seus GIFs aprovados para serem encontrados e pesquisados, você ainda pode utilizar os GIFs que você carrega no GIPHY. Vou te mostrar como fazer isso em seguida. Agora que carregamos tudo para o GIPHY, o que eu quero mostrar rapidamente é como você pode usar seus GIFs em aplicativos como o Instagram e mesmo que você não seja um artista aprovado. Vou entrar no GIPHY e estou na minha conta. Posso ver meus favoritos, posso ver meus envios e também posso ver tudo por coleção. Vou apenas ir para uploads, os uploads mais recentes dos GIFs que criamos nesta classe hoje estão aqui. O que você verá é que, se você clicar em seu GIF, você pode selecioná-lo e em seguida, tocá-lo para copiar e , em seguida, ele dirá GIF copiado. Então, se você entrar no Instagram, se você tiver uma história pronta, você pode adicionar esse GIF ali. Você não precisa procurar nada. Vou apagar isso muito rapidamente, apenas segurando-o. Vou tocar nele e arrastá-lo para o ícone do lixo para me livrar dele. Outra maneira de procurar seus GIFs é se você for um artista aprovado ou um artista verificado, você pode selecionar o ícone de adesivos. Você pode, se você acabou enviando algo como um adesivo, como eu mostrei como exportar com uma transparência, você pode procurar seu identificador. Se voltarmos ao GIPHY e olharmos minha página principal, você verá que meu identificador é Jen do bloco. Se eu pesquisar Jen no bloco, todos os meus GIFs aprovados que foram aprovados para serem pesquisáveis aparecerão para que eu possa selecionar um e usá-lo em minhas histórias. Mas mesmo que você não tenha essa opção para ser pesquisável, você ainda pode ir diretamente para sua conta GIPHY, encontrar o GIF que deseja compartilhar, tocar nele e depois tocar nele para copiar e voltar para Instagram. Certifique-se de ter seu carretel ou sua história prontos para começar. Ele aparecerá no canto inferior esquerdo, selecione-o e, em seguida, você poderá adicioná-lo à tela. Então você pode compartilhar sua história como está. Gosto de usar isso como uma ferramenta auto-promocional, coisas assim, e como estou criando isso para essa classe específica, posso simplesmente criar um post sobre isso. Então eu posso compartilhá-lo. Mesmo que você não tenha a opção de ter seu trabalho pesquisável usando a API que o GIPHY e o Instagram e todas essas outras plataformas de mídia social usam, você ainda pode entrar diretamente seu aplicativo GIPHY e use seus GIFs diretamente da sua conta. Estamos apenas clicando neles, copiando-os e, em seguida, você pode adicioná-los ao seu armazenamento assim. Muito simples. 19. Curso de Outra: [MÚSICA] Muito obrigado por aprender comigo hoje. Espero que você tenha achado este curso interessante e que esteja mais confortável criando GIFs no software Clip Studio Paint. Agora você pode começar a criar seus próprios GIFs inspirados em qualquer coisa que você esteja interessado. Lembre-se de compartilhar o projeto do curso. Você pode até compartilhá-lo no Instagram e me marcar @ Bella Sophia Creative para que eu possa compartilhar novamente seus GIFs e até oferecer feedback. Lembre-se, se você quiser saber mais sobre mim e meu trabalho, você pode me visitar on-line em www.bellasophiacreative.com. Finalmente, se você quiser obter um vídeo nos bastidores do trabalho que faço como freelancer criativo e até mesmo para essas aulas, certifique-se de acompanhar o YouTube @thecreativestudio. Muito obrigado por aprender comigo hoje de novo, e te verei no próximo. Adeus.