Como criar GIFs animadores no Adobe Photoshop | Sehan Hasan ✪ | Skillshare

Velocidade de reprodução


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

Como criar GIFs animadores no Adobe Photoshop

teacher avatar Sehan Hasan ✪, Graphics & Web Designer

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

4 aulas (14 min)
    • 1. Boas-vindas

      1:12
    • 2. Como configurar espaço de trabalho e texto de escrita

      7:31
    • 3. Como aplicar animação

      3:41
    • 4. Como exportar GIF e projeto final

      1:36
  • --
  • 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.

626

Estudantes

5

Projetos

Sobre este curso

d05aedc3

Olá a todos! Bem-vindo ao meu curso de animação. Neste curso, vamos rever como podemos usar o Adobe Photoshop para criar GIFs animados.

GIF é um formato especial para o arquivo de imagem que realmente suportam imagens animadas e estáticas. Este curso é compatível com novato, se você não tiver nenhuma experiência anterior com GIFs ou mesmo se você for muito novo no Adobe Photoshop, você será capaz de acompanhar passo a passo exatamente meu processo. Também vou compartilhar os recursos que eu usei para este curso, incluindo o plano de fundo e o arquivo PSD original que vai ser útil para você ao longo do caminho.

Mal posso esperar para ver o que vocês vão criar.

Conheça seu professor

Teacher Profile Image

Sehan Hasan ✪

Graphics & Web Designer

Professor

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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. Boas-vindas: Ei, pessoal, bem-vindos à minha outra aula numa cadeira de aço. Neste fechamento, vamos ver como podemos usar o poder da loja de fritos para criar GIFs animados. Gift é um especial para o arquivo de imagem que realmente suportam tanto animado quanto estético Em majors, esta classe é completamente nova. Seja amigável. Se você não tem qualquer experiência anterior com presentes ou mesmo se você está chuva, você tol ser mais loja. Você será capaz de seguir passo a passo. Exatamente. Meu processo que esboço de classe vai ser muito fácil de seguir a villa começar configurando o nosso espaço de trabalho escrevendo o texto que você gostaria de obter qualquer carne aplicando animação para as camadas de texto usando muito afiada recurso Hammond. Finalmente, você vai ver como exportar um GIF animado que ele criou para o seu computador e compartilhá-lo com seus amigos também são compartilhar os recursos que eu usei para esta classe, incluindo o fundo eo PST trabalho original caiu, que será útil para você ao longo do caminho. Então, por favor, junte-se a mim e vamos começar 2. Como configurar espaço de trabalho e texto de escrita: Ei, bem-vindo às minhas roupas e muito obrigado por se inscrever. Eu digo, Honasan e eu estaremos levando você por tão perto. Então, antes de seguir em frente com o processo real, eu gostaria de mostrar mais uma vez o que exatamente estará construindo juntos. Então, como você pode ver na minha tela que este é para a loja e esta animação está sendo executado apenas dentro terminar e e, a propósito, eu estou em janelas com a Virgem do Pé, uma loja que é para a loja CCU 2015. E se você olhar mais de perto a animação em si, devemos ser capazes de ver que temos duas camadas diferentes do texto. Uma delas é uma espécie de êxtase e equipada e em cima de sua temos outro flare de teste ativo , então podemos observar que precisamos criar duas camadas traseiras separadas. No entanto, a animação seria aplicada apenas a uma camada. Tudo bem, então agora vamos entrar e ver como podemos construí-lo. Então, primeiro de tudo, precisamos criar um novo documento, e a maneira que podemos fazer isso é ir até o menu de arquivo, Hum, ou usando a tecla curta, que é chamada para um comando e no novo dólar, ambos podemos definir a largura e altura. Então, eu só vou ficar com o que já temos aqui. O Witte IHS definido como 1200 a altura é definida como 800. E como não vamos usá-lo para impressões, então a resolução é definida para 72 o modo de cor é RGB. Agora clique em OK para ter esse documento criativo. O próximo passo é definir o plano de fundo. E eu já forneci os antecedentes que vou usar para esta aula. Então, se você quiser, você pode baixá-lo a partir da classe de recursos área ou você está apenas aberto para usar qualquer plano de fundo que você deseja usar para esta pressão. Ok, então agora eu vou até o menu de arquivos um segundo, mas desta vez, clique no trenó aberto. O plano de fundo que você deseja abrir e esse plano de fundo só pode ser usado para fins educacionais . Agora clique em Abrir. Isso abrirá em uma nova guia, a fim de levá-lo para fazer o documento que você acabou de criar . Primeiro precisamos vir para as camadas mentais e eu bloquear a camada clicando nesta camada de fundo e clique. OK, agora certifique-se de que você foi movido Ferramenta selecionada. Se for dinheiro, você pode pressionar nós sob Cuba para ativá-lo. Agora pressione em qualquer lugar braço neste fundo e clique nele, arraste-o para o documento que você acabou de criar e, em seguida, apenas solte-o lá. Tudo bem, então se você quiser adicionar apenas o tamanho, é uma posição ou então você pode simplesmente pressionar cultura comando t para ativar a ferramenta de transformação e, em seguida, ajustar a posição ou tamanho fora do mendigo. Como você quiser agora para mim, eu acho que este é um tipo de mais brilhante. Então toda essa caixa e novo mais cedo, vindo para este pequeno ícone e certifique-se de que a minha cor de fundo está definida para preto. E se eu pressionar o comando Coulter e a parte de trás do espaço, ele irá preencher a camada com o mendigo na camada. Agora, se eu descer a opacidade para algum lugar, digamos que talvez 50 pessoas. Então eu acho que isso parece muito bom e nós realmente precisamos destacar o imposto sobre o mendigo, e então nós precisamos manter o fundo o mais escuro possível. Tudo bem, então agora o próximo passo é escrever o texto para ativar a ferramenta de texto. Podemos pressionar t no nosso teclado ou apenas vir para a barra de ferramentas e, em seguida, pressione este ícone T para ativá-lo. Então, a coisa que você precisa ter em mente antes de escrever qualquer imposto que cada palavra nessa frase deve estar em suas próprias camadas separadas. Então, o que quer dizer com isso? Eu só vou te mostrar. Então vamos dizer, hum, eu vou manter a mesma frase que já tínhamos em nosso PSD original, que é criar gifs animados em finanças. Então vamos voltar para o espaço de trabalho que criamos e, em seguida, começar a digitar o texto . Então a primeira palavra que temos é criar fazer uma linha esquerda e clique nesta marca de seleção para vir com as alterações. Agora, como você pode ver que esta camada só convence uma palavra. Da mesma forma, precisamos criar camadas separadas para cada uma das palavras que temos. Então crie um para criar a segunda camada de texto para animado. O terceiro taxista de presente, o 4º 1 para entrar e sair. Considere Robbie. Além disso, compre como uma única palavra. Então eu vou apenas manter a quinta camada com isso em tudo. Carne de trabalho adicional, certo? Não, acho que o texto é um pouco menor. Então deixe-me ativar a minha ferramenta de transformação, que é o comando de cultura t. E então certifique-se de que você tem opção de corte e pressione a tecla Shift e isso é matá-lo. Agora, mais uma vez, clique nesta marca de seleção para vir. Mas a mudança é que agora precisamos duplicar essa camada e há duas maneiras de fazer isso . A única maneira é pegar essa camada e depois isso. Solte-o no pequeno ícone para duplicado ou se eu apenas fazer as alterações. Há outra maneira. Se eu ativar a minha ferramenta de movimento e, em seguida, clicar nela, certifique-se de que minhas opções são antigas é pressionado e se eu apenas arrastá-lo para palavras, o passeio ou qualquer direção, mantendo nossa chave de leilão ou tecla antiga pressione e certifique-se que você também apresenta Shifty, apenas para mantê-lo alinhado horizontalmente para que possamos apenas duplicar desta forma também agora. Mude o texto criando e ele fez com que confirmasse as alterações. Agora repita as bolsas para o resto do pior. Tudo bem, então agora terminamos com o texto, como mencionei anteriormente, que precisaríamos criar duas camadas separadas. Um é apenas uma espécie de desbotada e por cima lá, podemos ter outra camada fora do imposto. Então, se eu apenas agrupá-los mantendo minha tecla Shift pressione e, em seguida, dormir a última palavra e pressione cultura comando G para agrupá-los e duplicar o grupo por pessoa. Coulter Command J. Se eu renomear o grupo inferior com favorito e o superior é ou idade não, se eu apenas esconder minha camada original e caiu a opacidade para alguns muito vamos dizer talvez 40 pessoa ou 30 pessoa. Sim, isso funciona talvez, e assim que eu puder ativar meu grupo original agora, o próximo passo é aplicar as animações na próxima legibilidade como podemos aplicar animação a este jogador original. Obrigado. 3. Como aplicar animação: Ei, bem-vindo de volta. E neste vídeo, eu olho para vocês através do processo de aplicação de animação às camadas de texto que acabamos criar. Agora que temos que separar camadas, Número um é o original, e o 2º 1 é o edifício equipado para aplicar as animações ao seu ar original. Tudo bem, então para começar com a animação, primeiro precisamos ir até a janela e clicar nesta linha do tempo para ativá-la. E esta é a área onde vamos brincar com as inovações na linha do tempo. Se você estiver vendo uma opção lá, diga que ela é criar com sua linha de tempo. Onde você precisa fazer é clicar nesta seta suspensa e selecionar grande animação de quadro e em seguida, clique em Criar Animação de Quadro. Agora a linha do tempo foi criada. Menos é para o arquivo original e veja como essa animação de quadros se preocupa. Então, em uma animação de quadro, aplaudimos animação em diferentes coisas. Essas paradas são quadros frios e cada quadro reprime uma conflagração fora da camada. Nós precisaríamos jogar ganhar com a opção de visibilidade de camada para criar diferentes quadros de animação . Como você pode ver que Esta animação é composta por seis amigos diferentes a partir do 1º 1 onde temos todo o imposto para desvanecê-lo. No próximo quadro que temos, temos a palavra criando ativada e no próximo quadro temos a próxima palavra ativada, que é animada e e o 4º 1 temos dar. E o 5º 1 Temos um e, finalmente, temos o lobby terminar foram ligados no quadro final. Por baixo disso, temos alguns números que representam o tempo de atraso. Se eu apenas clicar nesta pequena seta, eu deveria ser capaz de ver que temos atrasos diferentes. O primeiro 1 dizer, não é atraso e seguido por 10.1 2 todo o caminho até o 10. E se você quiser personalizar o tempo do link, podemos clicar em outra extremidade e tempo sedatamente. Outra coisa que eu quero mostrar antes de voltarmos ao nosso trabalho para o petróleo é que esta opção que permanece para sempre. Esta é a opção de loop. Temos três tipos diferentes de opção de looping Número um é uma vez que o segundo é três vezes e o 3º 1 é para sempre. Eu escolhi sempre para esta animação para reproduzir a animação que podemos pressionar ícone de exibição. Espero que tudo faça sentido. Vamos voltar ao nosso arquivo vertical e criar quadros de animação no primeiro quadro. Podemos manter todas as camadas escondidas ou invisíveis. Agora defina o atraso de tempo para, digamos, 45 segundos. E para duplicar este quadro, podemos clicar sobre isso e clicar neste pequeno ícone Agora na segunda camada. Vamos ativar a primeira palavra e mais uma vez clicar neste ícone duplicado. Agora ligue a segunda palavra e repita o processo. Agora os quadros foram criados. A última coisa que precisamos procurar é o loop de animação, que está atualmente definido s. Vamos clicar sobre isso e configurá-lo para sempre. Então nossa animação foi criada. Nunca exibir a animação de quem ele funciona. No próximo vídeo, vamos ver como podemos exportar este GIF animado 4. Como exportar GIF e projeto final: Hey, bem-vindo de volta No vídeo anterior, aplicamos animação ao texto, e agora neste rádio vamos dar uma olhada em como podemos exportar esta animação como uma correspondência de presente . Se você estiver usando a versão mais recente do para o show, que é 2015, então você deve encontrar uma opção para um cofre para Web em exportação de arquivo. E aqui está uma opção que permanece segura para Web assumiu isso. Então, aqui, certifique-se de que o presente é selecionado e sob a animação, certifique-se de que você dormiu para sempre em vez de um. Uma vez que você terminar as configurações, em seguida, vá em frente e pressione seguro. No ano passado, a pasta de destino que onde você quer salvar este presente deu este nome e você fez presente na Síria. Então, vamos estar lá. Vamos voltar ao nosso melhor e ver como nossa animação parece estar pronta. A festa final para esta aula é criar um presente animado, e você pode usar qualquer texto que você quiser usar para este projeto e sinta-se livre para compartilhá-lo na área de retrato da classe. Ficarei feliz em revisá-lo e compartilhar meus pensamentos com você. Então é isso para esta cláusula e vejo você na próxima vez. Tchau tchau