Como criar um GIF animado usando o Photoshop
Miscelânea / / February 10, 2022
![GT 1](/f/9b4421f9ab3d8f4cf4fa76fbace16b55.png)
No entanto, embora aparentemente complexos, os GIFs não são tão difíceis de criar. Na verdade, se você tem photoshop, você já tem tudo o que precisa para criar um, que é exatamente o que mostraremos neste tutorial.
Preparar? Vamos começar.
Passo 1: Primeiro, prepare os arquivos de imagem que irão compor o seu arquivo GIF, já que cada arquivo GIF é composto por diferentes frames. Isso significa que você já deve ter os diferentes “frames” que irão compor o seu GIF. Para este exemplo, criarei um GIF composto por três arquivos de imagem simples (mostrados abaixo).
![Imagens antes](/f/3c3f4320cb28f807e8ff60aba98daec9.png)
![Imagens prontas](/f/7cdf86d8e27334499be68d1d38e82ec1.png)
Passo 2: Abra os arquivos no Photoshop (a menos que você os tenha criado no Photoshop para começar) e certifique-se de que cada um deles pertence a uma camada separada. Para ter certeza disso, uma vez que o primeiro arquivo é aberto, clique em
Crie uma nova camada.. botão no canto inferior direito do Camadas painel (mostrado abaixo) e cole o próximo arquivo de imagem para a nova camada.![Nova camada](/f/fe2bb5b13391c1a27c10ea812de8d624.png)
Depois que todas as suas imagens forem adicionadas às suas próprias camadas, elas devem ficar assim no painel Camadas do Photoshop:
![Arquivos Finais](/f/3487423a109962fff62b3937cd46a057.png)
Etapa 3: Agora, no Photoshop, vá para o Janela menu e clique no botão Animação opção. Isso abrirá a paleta Animation do Photoshop. Quando isso acontecer, clique no botão no canto inferior direito (mostrado abaixo) para alternar do Linha do tempo vista para o Quadros vista, o que tornará nosso trabalho um pouco mais fácil.
![Menu de animação](/f/5e8b9c5679309e1be5917d03f73144d2.png)
![Visualização da linha do tempo](/f/a0a1413a881361b3550ff76178e3d2d7.png)
![Visualização de quadros](/f/cf4d3ff8b311da3482a680e996f02896.png)
Passo 4: Por padrão, a paleta Animação mostrará apenas uma das imagens (ou “quadros”) que você possui. Ele também mostra na parte inferior de cada quadro a hora em que ele será exibido no arquivo GIF final. Se você quiser alterar isso, basta clicar nele e selecionar o horário desejado. O tempo escolhido também se aplicará ao restante dos quadros.
![Tempo do quadro](/f/f313e60e1932e4a81daaf3ad0a389843.png)
Etapa 5: Agora, para adicionar alguns quadros onde suas outras imagens irão. Para isso, na paleta Animação, clique no botão Quadro duplicado botão.
![Quadro duplicado](/f/8940174b676e98d6d1e0207c6ddac7c7.png)
Isso adicionará o segundo quadro que comporá seu GIF. Agora, aqui está o truque: para cada quadro adicionado, certifique-se de que apenas a camada relevante que contém a imagem desejada para esse quadro esteja selecionada na Camadas paleta. Confira as imagens abaixo, por exemplo:
![Camada 0](/f/10b51398f6207ea5460dc9600323f3bb.png)
![Camada 1](/f/e9bfc12f69e5e19b85ffa30524d40b70.png)
![Camada 2](/f/b3e10b24fb8bb78d56d157e0bc2e96f6.png)
Como quero que a camada 1 e a camada 2 sejam o segundo e o terceiro componentes do meu arquivo GIF, respectivamente, seleciono apenas um ou outro para o segundo e terceiro quadros. Ao final, a paleta Animação deve mostrar todos os quadros do seu arquivo GIF na ordem em que serão exibidos e com a quantidade de tempo que cada um será exibido também definido.
![Gif final antes de salvar](/f/bd7037b2e1726f17fba38209e67d643e.png)
Etapa 6: Quando os quadros do seu futuro GIF estiverem prontos, será hora de salvá-lo. Para fazer isso, no Arquivo cardápio, clique em Salvar para Web e dispositivos… Na janela que aparece, certifique-se de selecionar o formato GIF em Predefinição.
![Salvar para a Web](/f/1c1f6a7e4830236d318145afcfce7286.png)
![Escolha o arquivo GIF](/f/ace8325565a5061978e6e64c3143ec30.png)
Além disso, clicando nas guias acima de sua imagem nesta janela, você poderá selecionar as diferentes qualidades de saída (com tamanhos diferentes, é claro) para o seu arquivo GIF.
![Qualidades de GIF](/f/7c12f041ec34e71cf518444ccad0fc12.png)
![Gif pronto](/f/4e55d941b443b82a46b3fa4dd1749d51.png)
Depois de escolher o tamanho e a qualidade do seu GIF, clique em Salve e pronto.
![Gt](/f/2bc1f8921faa4c99b6efafcbbc10c008.gif)
Aproveite o seu arquivo GIF!
Última atualização em 03 de fevereiro de 2022
O artigo acima pode conter links de afiliados que ajudam a dar suporte ao Guiding Tech. No entanto, isso não afeta nossa integridade editorial. O conteúdo permanece imparcial e autêntico.