Recentemente, tirei algumas fotos engraçadas do meu primo e queria criar meu próprio GIF animado em vez de usar o “Auto Awesome” criado automaticamente pelo Google+ . Como eu tenho o Photoshop CS6 instalado, pensei em tentar e ver o que acontece. No início, pensei que seria bastante simples: importar as imagens em camadas separadas e depois salvá-las como um arquivo GIF^{(GIF file)} com animação. Errado!

Se você tentar criar o GIF dessa maneira, notará que a seção Animação^{(Animation section)} na caixa de diálogo ^{(Web dialog)}Salvar^(Save) para a Web está esmaecida. Para ativar isso para que você possa escolher as opções de looping, você deve criar o que é chamado de Frame Animation no Photoshop CS6 . Parece complicado, mas é bem fácil de fazer. Neste post, mostrarei as etapas para criar seu próprio GIF animado usando imagens estáticas.

Também mencionarei como importar um vídeo e convertê^{(video and convert)} -lo em um GIF animado . Apenas o processo de importação^{(import process)} difere ao importar um vídeo, o restante das etapas permanecem as mesmas.

Passo 1 – Importar Todas as Imagens

A primeira coisa que você precisa fazer é importar todas as suas imagens em camadas separadas em um arquivo photoshop^{(photoshop file)} . Portanto, se você tiver 6 imagens, por exemplo, abra todas elas no Photoshop e crie um novo arquivo e copie^{(file and copy)} e cole cada uma das imagens em uma camada separada no novo arquivo. A camada 1^{(Layer 1)} deve ser sua imagem inicial e a última camada deve ser a última imagem da animação.

Esta parte do processo provavelmente levará mais tempo de todas as etapas. Provavelmente existe uma maneira mais fácil e rápida de fazer isso no Photoshop , mas como não sou um usuário profissional, copiei e colei manualmente cada imagem em um novo arquivo do Photoshop^{(Photoshop file)} . Se você souber de uma maneira mais rápida, por favor, deixe-me saber nos comentários.

Passo 2 – Criar Animação de Quadro

O segundo passo é criar a animação real no próprio Photoshop . Para fazer isso, primeiro você precisa abrir a janela Linha^{(Timeline window)} do tempo . Vá até Window e escolha Timeline .

Agora você verá a janela Timeline aberta na parte inferior da tela. Deve estar completamente vazio para começar. Agora, para criar uma animação de quadro^{(frame animation)} , basta clicar com o botão direito do mouse em qualquer lugar na caixa Linha de tempo^{(Timeline box)} e escolher Criar animação de quadro^{(Create Frame Animation)} .

Ao fazer isso, você verá apenas uma imagem na linha do tempo com um pequeno 1 no canto superior esquerdo^{(left corner)} . Será a imagem que você selecionou no painel Camadas^{(Layers panel)} ou será a camada adicionada mais recentemente (última imagem na animação). Neste ponto, é uma animação de um quadro^{(frame animation)} , que não é o que queremos.

Em vez disso, queremos que todas as camadas sejam incluídas na animação. Para fazer isso, temos que clicar no pequeno botão de seta para baixo na extremidade direita da janela Timeline^{(Timeline window)} . Tem uma pequena seta para baixo e, em seguida, algumas linhas horizontais ao lado. quando você clicar nele, você verá uma opção chamada Make Frames From Layers .

Agora você deve ver um quadro para cada camada que você tem em seu arquivo. Cada quadro também terá um pequeno menu suspenso abaixo da imagem que permite selecionar o período de tempo em que cada quadro deve ser exibido.

Como você pode ver acima, o primeiro quadro é de 5 segundos e, em seguida, o restante é definido como 0. Você terá que ajustá-los de acordo, mas também pode escolher uma quantidade^{(custom amount)} de tempo personalizada.

Depois de selecionar o tempo para cada quadro, você está pronto para a etapa final, que é salvar sua nova animação em um arquivo GIF^{(GIF file)} .

Passo 3 – Salve o arquivo GIF

Agora é hora de salvar seu GIF animado . Para fazer isso, vá para Arquivo^(File) e clique em Salvar para a Web^{(Save for Web)} . Na parte inferior da caixa de diálogo salvar^{(save dialog)} , você verá a seção Animação^{(Animation section)} , que não deve mais estar acinzentada.

Suas opções aqui são bem fáceis de entender. Você só pode escolher como deseja fazer o loop e visualizar a animação antes de salvá-la. É sobre isso! Espero que este guia o ajude a criar seu GIF animado no Photoshop CS6 sem problemas!

Conclusão

Há algumas coisas que vale a pena mencionar. Em primeiro lugar, se você achar que o GIF animado é muito grande, primeiro precisará reduzir o tamanho das imagens individuais antes de criar seu arquivo final do Photoshop^{(Photoshop file)} com as várias camadas. Você pode cortar as imagens se precisar apenas de uma parte das fotos para criar a animação ou reduzir o tamanho da imagem inteira.

Em segundo lugar, se você tiver um vídeo, poderá importar os quadros de vídeo em camadas automaticamente acessando Arquivo^(File) , Importar^(Import) e clicando em Quadros de vídeo para camadas^{(Video Frames to Layers)} .

Então é só isso. Novamente^(Again) , para gerenciar o tamanho, talvez seja necessário reduzir a qualidade das imagens para criar um pequeno arquivo GIF^{(GIF file)} . Aproveitar!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictures of my cousin and wanted to create my own animated GIF instead of υsing the “Auto Awesome” one created aυtomatically by Google+. Since I have Photoshop CS6 installed, I figured I would give it a shot and see what happens. At first, I thought it would bе fairly straight-forward: import the images into sеparatе layers and then just savе it out as a GIF file with animation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• Como salvar GIFs animados para celular e computador

• Como Mask em Photoshop para Hide Layers

• Como converter Multiple Images em PDF Files

• Como adicionar um plano de fundo a uma imagem de tela verde no Photoshop

• 7 modificações de imagem fáceis que você pode fazer no Photoshop

• Como Mute Someone em Discord

• Como criar um GIF de um vídeo usando o Photoshop CC

• 4 maneiras de baixar imagens do Instagram

• Como Fix Hulu Error Code RUNUNK13

• Como alterar o idioma no Netflix

• Como verificar Your Hard Drive para erros

• Como usar Discord Spoiler Tags

• Como capturar imagens estáticas de um vídeo ou DVD

• 7 Quick Fixes quando Minecraft Keeps Crashing

• Como alterar o plano de fundo em uma imagem usando o Photoshop

• Como dividir um Clip em Adobe Premiere Pro

• Como obter Rid de Yahoo Search em Chrome

• Como tomar um Screenshot Em Steam

• Como Post um artigo em Linkedin (e Best Times para Post)

• Como criar um PDF de várias páginas no Photoshop