¿Alguna vez te has preguntado cómo se crean esos GIF^(GIFs) largos que ves en sitios como Imgur ? Muchas veces, los creadores toman un video, lo convierten todo en un GIF animado y luego superponen texto para hacerlo entretenido.

Ahora, esta publicación no^{(post isn)} te enseñará cómo crear esos elegantes GIF^(GIFs) de principio a fin, pero te enseñará cómo tomar un video y al menos convertirlo en un GIF animado . Escribiré otra publicación sobre cómo puedes agregar texto y gráficos a tu GIF .

Usaré Photoshop CC para este tutorial porque te permite tener más control sobre el producto final en términos de tamaño, calidad, marcos, etc.

Convertir video antes de importar

Antes de comenzar, es posible que deba convertir su video a un formato de archivo compatible con^{(file format)} Adobe Photoshop^{(Adobe Photoshop)} . Por ejemplo, tomé un video de mi iPhone y lo descargué en mi computadora. Luego traté de importar el video a Photoshop , pero obtuve el siguiente error:

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

El video era un archivo MOV^{(MOV file)} , pero el códec que usa Apple no es compatible con ^(Apple)Photoshop . Para solucionar este tipo de problema, debe descargar un programa como HandBrake para convertir el video.

Es muy fácil de usar HandBrake . Simplemente haga clic^{(Just click)} en Archivo^(File) : elija fuente^{(Choose Source)} y elija su archivo de video^{(video file)} . En este punto, todo lo que tiene que hacer es hacer clic en el botón Iniciar codificación^{(Start Encode)} . De forma predeterminada, utilizará el ajuste preestablecido Fast 1080p30 que se muestra a la derecha. Tienen muchos ajustes preestablecidos, así que elige el que funcione para ti. Tenga en cuenta que puede reducir la resolución del GIF en Photoshop más adelante, por lo que no tiene que hacerlo en HandBrake .

Una vez que se ha convertido a un archivo MP4^{(MP4 file)} usando el códec de video H.264^{(H.264 video)} , ahora podemos importarlo a Photoshop .

Importar video y crear GIF^{(Import Video and Create GIF)} en Photoshop

Abra Photoshop CC y haga clic en Archivo^(File) , luego en Importar^(Import) y luego en Cuadros de video a capas^{( Video Frames to Layers)} .

Elija su archivo de video y haga clic en Abrir^(Open) . Aparecerá un cuadro de diálogo con una pequeña vista previa del video y un par de opciones.

Ahora, si desea que el video completo sea un GIF animado , continúe y deje el botón^{(radio button)} de opción De principio a fin^{(From Beginning to End)} . Si solo necesita una parte, elija Solo rango seleccionado^{(Selected Range Only)} y luego use los controles de recorte debajo del video para elegir el rango.

Además, para reducir al máximo el tamaño del GIF final , también puedes limitar el número de fotogramas. Por ejemplo, si marca la casilla y la deja en 2 cuadros, eso significa que Photoshop eliminará todos los demás cuadros del video.

Por último, debe asegurarse de que la casilla Crear animación^{(Make Frame Animation)} de cuadro esté marcada. Haga clic en Aceptar^{(Click OK)} y su video debería importarse como un conjunto de cuadros en Photoshop . Si el programa falla, es posible que deba reducir aún más la calidad del video antes de intentar importarlo.

Ahora todo lo que tenemos que hacer es guardar los fotogramas como un GIF animado . Para hacer esto en Photoshop CC , debe hacer clic en Archivo^(File) – Exportar^(Export) – Guardar para Web ^{(Save for Web)} (heredado)^((legacy)) . Tenga en cuenta que antes de guardarlo como GIF , puede editar y eliminar fotogramas como desee.

En este cuadro de diálogo, hay un montón de opciones con las que tendrás que jugar. La mayoría de ellos afectarán la calidad del GIF , que podrá ver en el área de vista previa^{(preview area)} a la izquierda. El panel derecho es donde hará la mayoría de los ajustes.

En la parte superior, verá un menú desplegable llamado Preset . Puede hacer clic en eso y elegir uno de los ajustes preestablecidos o puede ajustar los valores usted mismo. Elegir uno de los ajustes preestablecidos reducirá la calidad del GIF , pero también lo hará más pequeño. Asegúrate de que GIF esté seleccionado en el menú desplegable debajo de Preestablecido^(Preset) .

En la parte inferior, en Tamaño de imagen^{( Image Size)} , puede ajustar la resolución de salida^{(output resolution)} final para su GIF . Entonces, si su video era de 1920 × 1080 o 4K, probablemente querrá reducirlo significativamente aquí. En Animación^(Animation) , puede elegir Siempre^(Forever) , Una vez^(Once) o Personalizado^(Custom) para Opciones^{( Looping Options)} de bucle . De forma predeterminada, el GIF se repetirá continuamente. Puede usar los controles en la parte inferior para reproducir el GIF y ver cómo se ve.

Haz clic en Guardar^{(Click Save)} y elige una ubicación para guardar tu GIF . Eso es todo. Photoshop hace que sea muy fácil crear GIF animados^(GIFs) a partir de videos y le permite ajustar la configuración para hacerlo bien. Además, lea mis publicaciones sobre cómo crear GIF animados^(GIFs) a partir de imágenes usando Photoshop . ¡Disfrutar!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how those long GIFs you see on sites lіke Іmgur are created? A lot of times, the creators take a vidеo, convert the whole thing into an animated GIF, and then superimрose tеxt to make it entertаining.

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 maneras de tomar un Photo or Video en un Chromebook

• ¿Qué Do BCC and CC Mean? Entendiendo Basic Email Lingo

• Cómo Mask EN Photoshop A Hide Layers

• Cómo Sync Audio and Video EN Adobe Premiere Pro

• La mejor manera de agregar un GIF a sus correos electrónicos

• Cómo crear un PDF de varias páginas en Photoshop

• 3 formas de crear presentaciones de diapositivas de video en Windows

• Todo lo que necesita saber sobre el video de 360 ​​grados

• Cómo publicar un GIF en el Facebook, Instagram, Reddit y Twitter

• La forma más fácil de encontrar y cargar archivos de subtítulos (SRT) con video

• Cómo dibujar líneas rectas en Photoshop

• Cómo estabilizar video en Premiere Pro

• Cómo editar Music en un Video usando Adobe Premiere

• Cómo subir A Video a YouTube - Paso por Step Guide

• Cómo crear GIF animados a partir de imágenes con Photoshop CS6

• 4 Ways para encontrar el mejor Internet Options (ISPs) en su área

• Cómo agregar música de fondo a un videoclip

• Videollamadas web de WhatsApp: un simple truco de Android

• Cómo eliminar un video de TikTok

• Cómo falsificar Pagando Attention en Zoom Video Calls