Photoshop: crie um GIF animado de retornos Groovy | Benjamin Halsall | Skillshare

Velocidade de reprodução


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

Photoshop: crie um GIF animado de retornos Groovy

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

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

8 aulas (14 min)
    • 1. Introdução do curso

      0:30
    • 2. Criar e configurar seu projeto

      0:57
    • 3. Criando e duplicando formas

      3:20
    • 4. Criando o Twirl

      1:11
    • 5. Duplicação e preparação para animação

      1:23
    • 6. Animando seu twirl

      1:53
    • 7. Fazendo ajustes de cores

      0:57
    • 8. Exportando GIFs e MP4s para upload na Web

      4:11
  • --
  • 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.

235

Estudantes

1

Projeto

Sobre este curso

Neste curso, vamos criar o gráfico de reviravolta giratória groovy no Photoshop que você pode ver abaixo.

Isso envolverá trabalhar com vetores, efeitos, linha de tempo de animação no Photoshop, bem como efeitos de cor para modificar e alterar seu gráfico facilmente.

Existem algumas ótimas habilidades que você vai pegar neste curso divertido e fácil de acompanhar o curso.

Se você não tiver certeza de clicar em subscrever, convido-o a olhar no meio desta animação hipnótica e cantar comigo 'Eu vou juntar-me!'.

Aproveite o curso de todos!

2cc1f93d

Conheça seu professor

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses

Professor

For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

Visualizar o perfil completo

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. Introdução do curso: como eles passaram a casa aqui e esta classe. Vamos dar uma olhada em como fazemos esse GIF animado em loop para uma loja. Vamos passar por todas as etapas, incluindo criar as formas vetoriais, deformar as formas vetoriais, depois colocar e exportar essa imagem como um GIF animado. Então pular na aula do Sr. Fundo é muito rápido de fazer. Tecnicamente, não é muito difícil para você. Acabar com um grande resultado que você pode enviar para o Twitter para Facebook no DA Jump in vai começar no dia. Vamos nos divertir um pouco. 2. Criar e configurar seu projeto: Então a primeira coisa que vamos fazer aqui se a loja é criar um novo projeto. Então nós vamos para o arquivo novo em qualquer loja de fotos versão. Você está nas coisas com as quais vamos trabalhar. O mesmo O layout da nova janela do documento será ligeiramente diferente. Vamos trabalhar em pixels porque estamos trabalhando para tela e vamos trabalhar em 1920 por 10. 80. E isso significa que podemos exportar isso como um loop de vídeo HD, se quisermos. A resolução e nós estávamos trabalhando para a tela realmente não importa. Podemos mudar para 72 pixels, príncipe. Mas são realmente as dimensões de pixel que importam aqui. A resolução é apenas algo com o qual você precisa se preocupar. Se está trabalhando para imprimir, vamos ficar com RGB e um pouco de cor. Vamos deixar o fundo branco. Não precisamos nos preocupar com nenhuma opção avançada aqui, então vamos clicar em criar imediatamente. Vamos salvar isso, então vamos para os salvadores de arquivos. Vamos soltar isso, executar a área de trabalho, e vamos chamar esse loop espiral 3. Criando e duplicando formas: Então o primeiro passo aqui é criar nosso loop espiral. E o que vamos usar para fazer isso, primeiro lugar, é o lápis na loja de fotos. Então, quando estamos criando formas com um lápis, queremos o dedo do pé. Pense em algumas coisas. A primeira é verificar se estamos usando a opção de forma aqui em nossas opções para sobre isso, temos um preenchimento com uma cor nele. Agora, a maneira como estamos trabalhando significa que podemos mudar a cor um pouco mais tarde. Então, eu só vou escolher uma bela laranja aqui por enquanto. Não precisamos de um derrame para nossa forma em tudo o que pudermos. Podemos sair como está agora. Quando criarmos nossa espiral, queremos ter certeza de que ela está em espiral ao redor do ponto central aqui. Então eu vou ligar meus rolos para que as mercadorias sejam ou ver e verificar a opção das réguas, e então vamos rastrear uma régua na medida que você chegar perto do centro, você vai sentir que a régua se encaixar no meio. Então eu vou arrastar horizontal e uma régua vertical através de apenas verificar lá encaixando no meio. Então agora o que queremos fazer é criar uma forma que seja a mais longa que será quando criarmos uma espiral que se tornará aparente mais tarde. Então, se você apenas seguir com esses passos, nós vamos clicar nos do meio aqui, fora para a borda aqui uma, duas vezes, e então de volta para o ponto central aqui. Agora, se você tornou a forma do seu triângulo um pouco grande demais, você pode ir até a ferramenta de seleção direta e selecionar esses pontos e puxá-los um pouco. Assim que tivermos a nossa primeira forma aqui, vamos saltar de volta ao movimento, rasgado aqui. Vamos fazer uma duplicata dessa forma, está bem? Mas vamos duplicar e girar ao mesmo tempo. Então eu vou apenas de selecionar e re selecionar minha camada e, em seguida, manter o comando e táticas e que irá trazer as opções de movimento. E agora vou puxar este ponto de ancoragem no meio até o centro da minha tela. E isso significa que quando eu rodar agora, ele vai girar em torno desse ponto e então eu vou apertar o comando e tocar T para transformar isso em. O que eu quero fazer é transformar isso em. O que eu quero fazer quando eu transformar isso é ter certeza de que eu tenho um bom espaço entre este triângulo e o próximo tribal. Então eu queria meio que fluir para baixo por aqui. Então, para ser um pouco mais preciso com isso, eu vou apenas duplicar esta camada arrastando-a para baixo para o novo botão de camada na parte inferior bem ali. E então eu vou usar isso como minha primeira transformação. Então eu vou selecionar minha segunda posição lá em fazer Commodity, e então apenas puxar meu ponto de ancoragem para baixo para o centro da minha tela em Basta girar isso até eu tocar a borda do primeiro moldado lá. Ok, agora eu vou voltar para a minha primeira forma e fazer o comando e fazer o mesmo. Só que desta vez, vou certificar-me de que chego ao fundo da segunda forma. Agora, uma vez que eu tenha feito isso, eu vou deletar a segunda ou superior camada que eu tenho aqui atualmente. Agora, se eu manter pressionado o comando Shift Cult na torneira T, eu vou ter aquela rotação com um bom espaço no meio e você pode vê-lo se movendo bem lá. E à medida que voltamos ao início, esperemos que acabemos com uma forma agradável e uniformemente espaçada. Agora, este é um belo design em si. É uma técnica útil de se saber, mas vamos dar alguns passos adiante. Transforme isso em animação. 4. Criando o Twirl: Então a primeira coisa que fazemos é selecionar todas as nossas camadas. Então eu tenho minha camada superior selecionada aqui. Vou manter pressionada, deslocar e selecionar a camada mais baixa. Assim que eu tiver todas essas camadas selecionadas, eu vou misturar essas camadas. Então eu vou emergir as formas e, em seguida, eu estou indo para a direita Clique sobre essa camada e rasa subir esta camada. Ok, agora eu quero fazer é pegar esta camada. Andi, distorça-a. Então vamos usar a ferramenta para fazer isso. Vamos ao Filter Distorcer na 12. E agora eu posso ver que nós temos este belo 12 dessa forma então nós podemos tê-lo girando um pouco ou muito que nós vamos para em torno de menos 190 graus para este 12. Certo, temos uma prévia aqui, e depois clicamos. OK, nós temos um bom 12 lá, e se nós fizermos o comando e t você pode ver isso porque nós definimos nossa forma inicial para ser maior do que a tela aqui. Nós não temos nenhuma borda mostrando aqui fora do final dessas formas que nós temos uma forma agradável que agora podemos inchar aqui em que vai girar sem cortar qualquer um desses Cornell sob essas bordas. 5. Duplicação e preparação para animação: Então agora o próximo passo é duplicar essa camada com uma transformação. Então eu vou fazer agora. Vou adicionar três caras aqui, certo? Vou usar isso como guia para a minha transformação. Então eu quero transformar isso para que ele esteja girando, mas um pouco de tempo. Então, temos um pouco desse senso de movimento. Então, se eu segurar o comando e tatty não. E então mova isso até que eu toquei na primeira linha e aperte Enter aqui em ação, eu não precisava da segunda linha aqui. Isso é transformação suficiente para que eu pudesse fazer o mesmo de novo. Então eu estou segurando, deslocar o comando em T e eu sou barato plicando essas camadas. Então eu vou apenas duplicar isso quatro ou cinco vezes. Ok, no loop será bem rápido, porque essencialmente, temos uma Siris de camadas aqui que combinará muito rapidamente. Então vamos passar de uma camada para a próxima e assim por diante e assim por diante. E vamos voltar ao ponto inicial onde esta primeira camada está tocando essa linha mais ou menos. Assim que voltarmos a este ponto em que estamos tocando essa linha. Temos um loop. Então temos 123456 camadas em. Isso deve ser bom para um loop aqui. 6. Animando seu twirl: agora precisamos fazer é ligar nossa linha de tempo para criar animação, e vamos usar o método da escola um pouco mais antigo de fazer nossa animação aqui apenas ligando e desligando as camadas na loja adicional. Portanto, não é cronograma como você pode usar a loja de informações. É apenas uma animação quadro a quadro, que é a maneira antiga de fazer GIFs animados. Então aqui temos a nossa opção de criar uma linha do tempo de vídeo. Mas quando criarmos isso, saltaremos para o canto inferior esquerdo aqui. Então nós vamos clicar, criar linha do tempo de vídeo, e então vamos pular para baixo para o canto inferior esquerdo. Vamos para esta linha do tempo onde temos apenas quadros individuais. Ok, então cada quadro nós vamos chegar para durar quatro norte 40,1 segundos. Então basicamente 1/10 de segundo, e depois que fizermos isso em nosso primeiro quadro aqui, vamos desligar as camadas superiores que temos aqui. Então vamos criar um novo quadro, desativar a camada inferior, ativar a próxima camada, ativar a próxima camada, e se nos movermos entre eles agora, você pode ver que estamos começando a obter essa animação, então vamos criar o terceira moldura. Ligue a terceira camada aqui, continue se movendo até que todas essas camadas estejam bem looping. Então, agora, se mudarmos isso de uma vez para Forever e pressionarmos play, teremos uma animação em loop agradável. Então agora temos, ah, saque rápido. O que você vai notar é que há um pouco de, Ah, saltar aqui, e isso é realmente a ver com a precisão fora dos ângulos, que nós criamos nossa rotação em primeiro lugar. Então, com um pouco mais de planejamento em experimentação, poderíamos obter estes um pouco mais uniformemente espaçados para que não tenhamos este pequeno salto aqui . 7. Fazendo ajustes de cores: agora porque as camadas operárias podemos usar, hum, hum, camadas de ajuste de saturação de matiz para realmente gerenciar nossa cor aqui. Então, se formos para a camada de fundo na primeira instância em, fazer Shift F cinco e preencher isso com 50% de cinza e, em seguida, adicionar uma camada de ajuste de saturação de matiz acima disso, agora podemos colorir isso para que possamos acabar com a cor na. Esse tipo de compensação bem contra a laranja. Se selecionarmos todas as nossas camadas aqui com o botão direito do mouse e criarmos um novo grupo a partir dessas camadas a animação ainda funcionará, , mesmo que essas camadas sejam um grupo. Isso nos permite fazer uma nova camada de ajuste de saturação de matiz e clicar com o botão direito e criar máscara de recorte de modo que só se aplica ao topo, mais menos para que você possa ver que temos ajuste de cor independente que podemos fazer com isso primeiro plano e fundo para que possamos criar qualquer cor que queremos no fundo em sem ter dedo manualmente re cor ou refazer o que fizemos. 8. Exportando GIFs e MP4s para upload na Web: Então agora vamos ver como exportar. Este é um GIF animado em como um filme. Então, em primeiro lugar, terá uma olhada na opção GIF animada. Então, se formos para exportar arquivos, eu estou trabalhando na versão mais recente da Photo Shop. Então, a opção segura da Web que estou procurando está sob essa opção de legado de armas mais seguras. Você pode ver web segura no menu principal ao lado de exportar para usar uma versão mais antiga da loja lá Exatamente a mesma coisa. Vamos saltar para esta versão legada mais segura e eles clicam nisto quando estivermos aqui, temos a nossa animação configurada, por isso vai haver mudanças de J Peg para qualquer uma das opções de presente. A animação será reproduzida e nos dará a opção de exportar como GIFs animados. Eu vou selecionar presente 128 fez bem em para estas cores planas. Um GIF animado irá exportar uma versão muito agradável de alta qualidade deste loop. Vou largar o tamanho disto. Vou mudar isto para 40% do tamanho original. Só para que seja um pouco menor para a Web, podemos ver uma visualização do tamanho do arquivo aqui no canto inferior esquerdo. Temos as mesmas opções que montamos para uma loja, então vai parecer para sempre. Então, se jogarmos, está de volta. Agora podemos ver uma prévia do que isso vai parecer. E então agora podemos ir em frente em exportar isso para fora. Então eu vou clicar, salvar, salvar, saltar para a minha área de trabalho e depois dizer isso para fora um presente espiral loop. Então agora temos irmãos para qualquer uma de nossas plataformas de mídia social terá um GIF animado loop agora, antes que esperemos o filme. Mas precisamos pensar em como isso vai rolar porque é muito, muito curto. Então, se formos para exportar arquivos em renderizar vídeo, então nesta opção de exportação , teremos um filme muito curto para exportar. Agora há algumas maneiras diferentes que podemos alongar. Este será exportar um filme e, em seguida, reimportá-lo para um editor de vídeo e, em seguida, fazer um loop no editor de vídeo. O outro será o toe loop isso na linha do tempo, então copie e cole esses quadros para que possamos reproduzi-los mais de um mais de uma vez . Então eu vou cancelar esse salto de volta para meus quadros aqui e eu estou segurando agora Shift para selecionar todos eles. E então, se eu levá-los para a nova camada, você pode ver que ele está duplicando isso. Então, se eu continuar duplicando esse loop para cada quadro é o que correr no norte 0,1 segundos . Então, se eu quiser assim 5 10 segundos disso, então eu precisaria de 10 vezes cinco ou 10 segundos. Preciso de alguém perto de 100 quadros. Então vou continuar a duplicar isto até eu acabar. 100 quadros estavam no final aqui com 64. Vou rolar de volta para o início aqui, mantenha pressionada, deslocar e selecionar novamente, Andi duplicar no mundo mais uma vez. Então vamos acabar com mais de 200amigos. Mas você pode ver selecionando tudo em sua duplicação, e nós rapidamente e exponencialmente acabamos com alguns amigos. Vou ver isto uma vez agora, para vermos quanto tempo vai demorar. Então, se eu voltar para o quadro de um e jogar isso através. Você pode ver que estamos tendo alguns segundos fora do loop aqui. Certo, então vamos exportar isso para fora. Então vá para exportação de arquivos, alugue um vídeo, e então vamos explorar todos os quadros vai mantê-lo como este formato de 10 80 p executando a taxa de quadros do documento. Andi renderizará isso para a área de trabalho. Poderíamos selecionar uma pasta diferente se quiséssemos acertar. Renderizar ativado. Agora estamos exportando nosso filme. Então, uma vez que isso é feito, vamos apenas dar uma pequena olhada do que Nós temos que saltar de volta para o desktop segurando comando e tab toe mover entre meus aplicativos e shift comando d para trazer a parada de morte em loop espiral único. Nós apenas jogá-lo através e você pode ver o que um loop espiral agradável, suave e ligeiramente hipnótico que fizemos com ferramentas na loja de fotos. E também temos o nosso GIF animado. Aqui está, bem, versão menor fora do mesmo loop. Então isso é tudo o que estamos cobrindo nesta aula que eu tenho. Tem sido útil em por deixar forçar o próximo tutorial. Vá em frente. Eu adoraria ver alguns dos seus projetos de classe presentes incorporados na placa do projeto do curso em, vá em frente e se divertir um pouco