Você já se perguntou como esses GIFs longos que você vê em sites como o Imgur são criados? Muitas vezes, os criadores gravam um vídeo, convertem tudo em um GIF animado e, em seguida, sobrepõem texto para torná-lo divertido.

Agora este post não^{(post isn)} vai te ensinar como criar esses GIFs extravagantes do início ao fim, mas vai te ensinar como fazer um vídeo e pelo menos convertê-lo em um GIF animado . Vou escrever outro post sobre como você pode adicionar texto e gráficos ao seu GIF .

Estarei usando o Photoshop CC para este tutorial porque permite que você tenha mais controle sobre o produto final em termos de tamanho, qualidade, quadros, etc.

Converter vídeo antes de importar

Antes de começar, talvez seja necessário converter seu vídeo para um formato de arquivo compatível^{(file format)} com o Adobe Photoshop . Por exemplo, peguei um vídeo do meu iPhone e baixei no meu computador. Tentei importar o vídeo para o Photoshop , mas recebi o seguinte erro:

Could not complete the Video Frames to Layers command because the file has no video frames.

O vídeo era um arquivo MOV^{(MOV file)} , mas o codec que a Apple usa não é suportado no Photoshop . Para corrigir esse tipo de problema, você precisa baixar um programa como o HandBrake para converter o vídeo.

É muito fácil de usar o HandBrake . Basta clicar^{(Just click)} em File – Choose Source e escolher seu arquivo de vídeo^{(video file)} . Neste ponto, tudo o que você realmente precisa fazer é clicar no botão Iniciar codificação^{(Start Encode)} . Por padrão, ele usará a predefinição Fast 1080p30 que você vê listada à direita. Eles têm muitas predefinições, então escolha aquela que funciona para você. Observe que você pode reduzir a resolução do GIF no Photoshop mais tarde, para não precisar fazer isso no HandBrake .

Depois de convertido para um arquivo MP4^{(MP4 file)} usando o codec de vídeo H.264^{(H.264 video)} , agora podemos importá-lo para o Photoshop .

Importar vídeo e criar GIF^{(Import Video and Create GIF)} no Photoshop

Abra o Photoshop CC e clique em Arquivo^(File) , depois em Importar^(Import) e depois em Quadros de vídeo para camadas^{( Video Frames to Layers)} .

Escolha seu arquivo de vídeo e clique em Abrir^(Open) . Isso abrirá uma caixa de diálogo com uma pequena visualização do vídeo e algumas opções.

Agora, se você quiser o vídeo inteiro como um GIF animado , vá em frente e deixe o botão^{(radio button)} de opção Do começo ao fim^{(From Beginning to End)} . Se você precisar apenas de uma parte, escolha Selected Range Only e, em seguida, use os controles de corte abaixo do vídeo para escolher o intervalo.

Além disso, para reduzir ao máximo o tamanho do GIF final, você também pode limitar o número de quadros. ^(GIF)Por exemplo, se você marcar a caixa e deixá-la em 2 quadros, isso significa que o Photoshop removerá todos os outros quadros do vídeo.

Por fim, você precisa certificar-se de que a caixa Make Frame Animation esteja marcada. Clique em OK^{(Click OK)} e seu vídeo deve ser importado como um monte de quadros no Photoshop . Se o programa travar, talvez seja necessário reduzir ainda mais a qualidade do vídeo antes de tentar importar.

Agora tudo o que precisamos fazer é salvar os quadros como um GIF animado . Para fazer isso no Photoshop CC , você precisa clicar em Arquivo^(File) – Exportar^(Export) – Salvar para a Web ^{(Save for Web)} (legado)^((legacy)) . Observe que antes de salvá-lo como GIF , você pode editar e excluir quadros conforme desejar.

Nesta caixa de diálogo, há várias opções com as quais você terá que brincar. A maioria deles afetará a qualidade do GIF , que você poderá ver na área de visualização^{(preview area)} à esquerda. O painel direito é onde você fará a maioria dos ajustes.

No topo, você verá um menu suspenso chamado Preset . Você pode clicar nele e escolher uma das predefinições ou pode ajustar os valores você mesmo. Escolher uma das predefinições reduzirá a qualidade do GIF , mas também o tornará menor. Certifique-se de que GIF esteja selecionado no menu suspenso abaixo de Predefinição^(Preset) .

Na parte inferior, em Tamanho da imagem , você pode ajustar a ^{( Image Size)}resolução de saída^{(output resolution)} final do seu GIF . Portanto, se o seu vídeo foi 1920×1080 ou 4K, você provavelmente desejará reduzi-lo significativamente aqui. Em Animation , você pode escolher Forever , Once ou Custom para opções de looping^{( Looping Options)} . Por padrão, o GIF fará um loop contínuo. Você pode usar os controles na parte inferior para reproduzir o GIF e ver como fica.

Clique em Salvar^{(Click Save)} e escolha um local para salvar seu GIF . É sobre isso. O Photoshop^(Photoshop) facilita muito a criação de GIFs animados a partir de vídeos e permite que você ajuste as configurações para acertar. Além disso, leia meus posts sobre como criar GIFs animados a partir de imagens usando o Photoshop^(Photoshop) . Aproveitar!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how those long GIFs you see on sites like Imgur are created? A lot of tіmes, the creators take a video, convert the whole thing into an animated GIF, and then superimpose text to make it entertaining.

Now this post isn’t going to teach you how to create those fancy GIFs from start to finish, but it will teach you how to take a video and at least convert it to an animated GIF. I’ll write up another post on how you can add text and graphics to your GIF.

I’ll be using Photoshop CC for this tutorial because it allows you to have more control over the final product in terms of size, quality, frames, etc.

Convert Video Before Importing

Before you start, you may need to convert your video to a file format that Adobe Photoshop will support. For instance, I took a video from my iPhone and downloaded it onto my computer. I then tried to import the video into Photoshop, but got the following error:

Could not complete the Video Frames to Layers command because the file has no video frames.

The video was a MOV file, but the codec that Apple uses is not supported in Photoshop. In order to fix this type of problem, you need to download a program like HandBrake to convert the video.

It’s very easy to use HandBrake. Just click on File – Choose Source and pick your video file. At this point, all you really have to do is click the Start Encode button. By default, it will use the Fast 1080p30 preset that you see listed on the right. They have many presets, so choose the one that works for you. Note that you can reduce the resolution of the GIF in Photoshop later on, so you don’t have to do it in HandBrake.

Once it has been converted to an MP4 file using the H.264 video codec, we can now import it into Photoshop.

Import Video and Create GIF in Photoshop

Open Photoshop CC and click on File, then Import and then Video Frames to Layers.

Pick your video file and click Open. This will bring up a dialog with a small preview of the video and a couple of options.

Now if you want the entire video as a an animated GIF, go ahead and leave the radio button to From Beginning to End. If you only need a portion, choose Selected Range Only and then use the trim controls below the video to pick the range.

In addition, to reduce the size of the final GIF as much as possible, you can also limit the number of frames. For example, if you check the box and leave it at 2 frames, that means Photoshop will remove every other frame from the video.

Lastly, you need to make sure the Make Frame Animation box is checked. Click OK and your video should be imported as a bunch of frames in Photoshop. If the program crashes, you may need to reduce the quality of the video even further before trying to import.

Now all we have to do is save the frames as an animated GIF. To do this in Photoshop CC, you need to click on File – Export – Save for Web (legacy). Note that before saving it out as a GIF, you can edit and delete frames as desired.

On this dialog, there are a bunch of options that you will have to play around with. Most of them will affect the quality of the GIF, which you will be able to see in the preview area on the left. The right pane is where you will make most of the adjustments.

Up at the top, you’ll see a dropdown called Preset. You can click on that and choose one of the presets or you can adjust the values yourself. Choosing one of the presets will reduce the quality of the GIF, but will make it smaller also. Make sure that GIF is selected in the dropdown below Preset.

At the bottom under Image Size, you can adjust the final output resolution for your GIF. So if you video was 1920×1080 or 4K, you probably will want to reduce it significantly here. Under Animation, you can choose Forever, Once or Custom for Looping Options. By default, the GIF will loop continuously. You can use the controls at the bottom to play the GIF to see how it looks.

Click Save and choose a location to save your GIF. That’s about it. Photoshop makes it very easy to create animated GIFs from videos and allows you to tweak the settings to get it just right. Also, read my posts on how to create animated GIFs from images using Photoshop. Enjoy!

Related posts

• 3 maneiras de tomar um Photo or Video em um Chromebook

• O que Do BCC and CC Mean? Compreensão Basic Email Lingo

• Como Mask em Photoshop para Hide Layers

• Como Sync Audio and Video em Adobe Premiere Pro

• A melhor maneira de adicionar um GIF aos seus e-mails

• Como remover uma tela verde de um vídeo de forma rápida e gratuita

• Como cancelar assinaturas de canais de TV e filmes no Amazon Prime Video

• Extraia áudio de vídeo com esses 7 aplicativos

• Como reparar e reproduzir arquivos de vídeo corrompidos ou danificados

• Chamadas de vídeo da Web do WhatsApp: um hack Android simples

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

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

• Como falsificar pagando Attention em Zoom Video Calls

• Como Publicar um GIF em Facebook, Instagram, Reddit e Twitter

• Como adicionar Voiceover a Video em Adobe Premiere

• Como criar legendas de vídeo rapidamente de graça

• Como fazer uma imagem em preto e branco no Photoshop

• Panel Display Technology Demystified Flat: TN, IPS, VA, OLED e mais

• Como transformar Caps Lock Ligar ou Desligar na Chromebook

• Tudo o que você precisa saber sobre vídeo em 360 graus