Como fazer um GIF no Adobe Photoshop

Como fazer um GIF no Adobe Photoshop

Os GIFs estão por toda parte. A imagem animada antes humilde agora é a linguagem não oficial da web. GIFs são a maneira mais rápida de expressar uma emoção no Twitter, e você pode perder horas assistindo-os no Reddit e no Facebook.





Existem muitos lugares para encontrar GIFs, mas nada se compara a fazer o seu próprio. Você pode criar um GIF animado no Photoshop convertendo vídeos ou usando uma série de imagens estáticas. Vamos dar uma olhada em como fazer os dois.





Faça um GIF no Photoshop a partir de um vídeo

Existem muitas maneiras de converter um vídeo em GIF , e também é muito fácil criar um GIF no Photoshop usando um de seus próprios filmes.





Comece indo para Arquivo> Importar> Quadros de vídeo para camadas . Você não precisa criar um novo arquivo primeiro. Selecione seu vídeo e clique Abrir .

Na caixa de diálogo a seguir, você pode escolher se deseja importar o vídeo inteiro ou apenas uma parte selecionada. Se você optar pelo último, arraste as alças de corte abaixo da janela de visualização para dentro para definir novos pontos inicial e final. Tudo entre essas alças será importado; tudo fora descartado.



Lembre-se de que quanto mais vídeo você importar, maior será o GIF resultante.

Se você estiver importando um clipe grande, selecione Limite a cada 2 frames (ou mais) é uma maneira simples de reduzir o tamanho sem afetar muito a qualidade. Não corte muitos quadros, porém, ou você não acabará com um GIF suave.





Certificar-se de que Criar animação de quadro está marcada e, em seguida, clique em OK . O vídeo começará a ser importado. Pode demorar um pouco dependendo do tamanho. Quando terminar, você terá um novo arquivo de imagem, onde cada quadro do vídeo é colocado em sua própria camada.

Na parte inferior da tela está o Linha do tempo paleta. Isso mostra todos os frames que irão compor o seu GIF, sendo que cada frame corresponde a uma camada diferente na imagem.





Você pode adicionar ou remover quadros ou editar qualquer uma das camadas existentes, da mesma forma que faria com uma camada normal em qualquer outra imagem. Mas para uma exportação direta de um vídeo para um GIF, basta clicar no Toque botão na parte inferior para uma visualização. Quando estiver feliz, você estará pronto para salvar o GIF.

Como exportar um GIF no Photoshop

Vamos para Arquivo> Exportar> Salvar para a web (herdado) . Na caixa que se abre, defina o formato como GIF, Cores para 256 e reduza o Tamanho da imagem para algo menor como uma forma de manter o tamanho geral do arquivo baixo.

Você pode ver o tamanho do arquivo resultante na parte inferior esquerda da janela de visualização. Se for muito grande, arraste o Com perdas controle deslizante para a direita. Isso afetará a qualidade, mas também reduzirá significativamente o tamanho do arquivo.

Finalmente, aperte Salve  para exportar seu GIF animado.

Crie um GIF no Photoshop usando imagens estáticas

Se você não tem um vídeo para usar, pode criar um GIF manualmente a partir de uma série de imagens estáticas. Existem aplicativos para ajudá-lo anime fotos no seu telefone , e você também pode fazer isso no Photoshop.

Você cria seu GIF a partir de um único arquivo de imagem contendo várias camadas, e as camadas são usadas para fornecer o conteúdo de cada quadro de sua animação. Existem duas maneiras de começar.

Se você já fez as imagens para sua animação, importe-as indo para Arquivo> Scripts> Carregar arquivos na pilha .

o que esses emojis significam juntos

Clique Navegar , selecione todas as imagens que você precisa e acerte OK . Cada imagem será então colocada em sua própria camada individual dentro do mesmo arquivo.

Alternativamente, se você ainda não fez as imagens, faça-o agora. Lembre-se de que cada parte da animação deve estar em sua própria camada.

Editar um GIF animado no Photoshop

Funciona assim:

  • Quando você cria manualmente um quadro na animação, cada camada da imagem definida como Visível será incluído nesse quadro.
  • Camadas definidas para Escondido não será incluído no quadro.

Você cria sua animação mostrando ou ocultando diferentes camadas dentro da imagem para cada quadro.

Então, para o primeiro quadro, você pode querer definir a camada de fundo para Visível e todas as outras camadas para Escondido . Então, no segundo quadro, você pode querer tornar a segunda camada visível e, em seguida, a terceira camada no terceiro quadro e assim por diante. Isso ficará claro assim que você começar.

Primeiro, vá para Janela> Linha do tempo . No centro do painel que se abre, clique em Criar animação de quadro . Isso cria o primeiro quadro de sua animação. No Camadas paleta, oculte as camadas que você não deseja que façam parte deste quadro, desmarcando o Olho ícones.

Agora clique no Novo Quadro botão, que irá duplicar o quadro anterior. Mais uma vez, oculte as camadas que não deseja incluir neste novo quadro e torne visíveis as que você deseja.

Repita esse processo até adicionar todos os quadros de que precisa em seu GIF.

Definir a taxa de quadros e fazer um loop GIF

Para terminar, defina o Frame Delay - esta é, na verdade, a taxa de quadros. Clique no primeiro quadro e, em seguida, Shift-clique o último quadro.

Agora, clique na seta suspensa abaixo de um dos quadros e selecione um atraso. Sem demora significa que a animação será executada rapidamente, enquanto um número específico de segundos significa que cada quadro permanecerá na tela por aquele período de tempo.

Finalmente, defina o Opções de Loop , que você encontrará na parte inferior do painel Linha de tempo. Ele define quantas vezes o GIF será reproduzido. Na maioria dos casos, você deseja defini-lo como Para sempre .

Agora acerte o Toque botão na parte inferior da tela para visualizar seu GIF. Agora você deve ver seu GIF animado em ação.

Você pode editar quadros apenas selecionando-os e ajustando quais camadas são visíveis (você também pode ajustar a opacidade ou fazer outros ajustes mais avançados). Adicione mais camadas se precisar, ou clique no Cesto de lixo ícone para excluí-los.

Quando estiver satisfeito, você pode pular para a seção Exportar um GIF. Ou continue lendo para refinar a animação e criar um GIF suave.

Animações avançadas com interpolação

O Photoshop oferece suporte a um poderoso recurso de animação chamado interpolação. Isso permite que você crie animações GIF suaves gerando automaticamente quadros de transição entre dois quadros existentes.

Por exemplo, digamos que você queira que uma camada apareça gradualmente. Você criaria um quadro com essa camada definida como Escondido , e outro com ele definido para Visível . Em seguida, você deve 'interpolar' entre esses dois quadros e o Photoshop faz o resto.

Em nosso exemplo, vamos interpolar entre todos os quadros para dar ao nosso céu estrelado um efeito mais cintilante.

Primeiro, selecione o primeiro quadro e clique no botão Tween botão na barra de ferramentas na parte inferior do painel Linha de tempo.

Na caixa de diálogo que se abre, defina Tween com para Próximo Quadro , e Molduras para adicionar para o número de quadros de transição que você deseja. Um número mais alto significa um efeito mais suave, porém mais lento. Clique OK para gerar os novos quadros.

xbox um vs série xbox x

Agora repita o processo para os outros quadros originais que você criou. Quando você pegar o último, você pode querer definir Tween com para Primeiro Quadro . Isso ajuda a criar uma transição suave de volta ao início de um GIF em loop.

Acerte o Toque botão para visualizar o efeito.

Exportar um GIF no Photoshop

Quando terminar, primeiro salve o arquivo no formato PSD. Isso salvará todas as informações de camada e animação para que você possa voltar e editá-las mais tarde, se necessário. Depois disso, você pode exportá-lo como um GIF.

Vamos para Arquivo> Exportar> Salvar para a web (herdado) . Na caixa de diálogo que é aberta, verifique se o formato está definido como GIF e o Cores opção é definida como 256 (isso garante a qualidade máxima).

Outras configurações que você pode querer alterar incluem o Tamanho da imagem e Opções de Loop se você não fez isso antes.

A janela de visualização mostra o tamanho do arquivo quando você salvá-lo. Você também pode clicar no Antevisão botão para testar a animação em uma janela do navegador. Por fim, clique Salve  para salvar e exportar seu GIF.

Crie e edite GIFs no Photoshop

É muito fácil fazer um GIF no Photoshop e vale a pena fazer porque dá a você controle total sobre o resultado.

E se você não tem o Photoshop, não se preocupe. Existem muitos editores mais baratos que também possuem a funcionalidade de criação de GIFs.

Compartilhado Compartilhado Tweet O email Os 5 melhores aplicativos de criador de GIF para seu smartphone

Às vezes, o GIF certo para suas necessidades não está disponível online. É por isso que você precisa de um desses aplicativos criadores de GIFs.

Leia a seguir
Tópicos relacionados
  • Criativo
  • Adobe Photoshop
  • GIF
  • Tutorial de Photoshop
Sobre o autor Andy Betts(221 artigos publicados)

Andy é um ex-jornalista impresso e editor de revista que escreve sobre tecnologia há 15 anos. Nesse período, ele contribuiu para inúmeras publicações e produziu trabalhos de redação para grandes empresas de tecnologia. Ele também forneceu comentários de especialistas para a mídia e apresentou painéis em eventos do setor.

Mais de Andy Betts

Assine a nossa newsletter

Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!

Clique aqui para se inscrever