Vous êtes-vous déjà demandé comment ces longs GIF^(GIFs) que vous voyez sur des sites comme Imgur sont créés ? Souvent, les créateurs prennent une vidéo, convertissent le tout en un GIF animé , puis superposent du texte pour le rendre divertissant.

Maintenant, cet article ne^{(post isn)} va pas vous apprendre à créer ces GIF^(GIFs) fantaisistes du début à la fin, mais il vous apprendra comment prendre une vidéo et au moins la convertir en un GIF animé . Je vais écrire un autre article sur la façon dont vous pouvez ajouter du texte et des graphiques à votre GIF .

J'utiliserai Photoshop CC pour ce tutoriel car il vous permet d'avoir plus de contrôle sur le produit final en termes de taille, de qualité, de cadres, etc.

Convertir la vidéo avant l'importation

Avant de commencer, vous devrez peut-être convertir votre vidéo dans un format de fichier pris en^{(file format)} charge par Adobe Photoshop . Par exemple, j'ai pris une vidéo de mon iPhone et je l'ai téléchargée sur mon ordinateur. J'ai ensuite essayé d'importer la vidéo dans Photoshop , mais j'ai eu l'erreur suivante :

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

La vidéo était un fichier MOV^{(MOV file)} , mais le codec utilisé par Apple n'est pas pris en charge dans ^(Apple)Photoshop . Afin de résoudre ce type de problème, vous devez télécharger un programme comme HandBrake pour convertir la vidéo.

Il est très facile d'utiliser HandBrake . Cliquez simplement^{(Just click)} sur Fichier^(File) - Choisissez la source^{(Choose Source)} et choisissez votre fichier vidéo^{(video file)} . À ce stade, tout ce que vous avez vraiment à faire est de cliquer sur le bouton Démarrer l'encodage^{(Start Encode)} . Par défaut, il utilisera le préréglage Fast 1080p30 que vous voyez répertorié à droite. Ils ont de nombreux préréglages, alors choisissez celui qui vous convient. Notez que vous pouvez réduire la résolution du GIF dans Photoshop ultérieurement, vous n'avez donc pas à le faire dans HandBrake .

Une fois qu'il a été converti en fichier MP4^{(MP4 file)} à l'aide du codec vidéo H.264^{(H.264 video)} , nous pouvons maintenant l'importer dans Photoshop .

Importer une vidéo et créer un GIF^{(Import Video and Create GIF)} dans Photoshop

Ouvrez Photoshop CC et cliquez sur Fichier^(File) , puis sur Importer^(Import) puis sur Images vidéo dans les calques^{( Video Frames to Layers)} .

Choisissez votre fichier vidéo et cliquez sur Ouvrir^(Open) . Cela fera apparaître une boîte de dialogue avec un petit aperçu de la vidéo et quelques options.

Maintenant, si vous voulez que la vidéo entière soit un GIF animé , continuez et laissez le bouton radio sur^{(radio button)} Du début à la fin^{(From Beginning to End)} . Si vous n'avez besoin que d'une partie, choisissez Plage sélectionnée uniquement^{(Selected Range Only)} , puis utilisez les commandes de découpage sous la vidéo pour choisir la plage.

De plus, pour réduire au maximum la taille du GIF final , vous pouvez également limiter le nombre d'images. Par exemple, si vous cochez la case et que vous la laissez à 2 images, cela signifie que Photoshop supprimera toutes les autres images de la vidéo.

Enfin, vous devez vous assurer que la case Make Frame Animation est cochée. Cliquez sur OK^{(Click OK)} et votre vidéo devrait être importée sous forme de groupe d'images dans Photoshop . Si le programme se bloque, vous devrez peut-être réduire davantage la qualité de la vidéo avant d'essayer d'importer.

Il ne nous reste plus qu'à enregistrer les images en tant que GIF animé . Pour ce faire dans Photoshop CC , vous devez cliquer sur Fichier^(File) – Exporter^(Export) – Enregistrer pour le Web ^{(Save for Web)} (hérité)^((legacy)) . Notez qu'avant de l'enregistrer en tant que GIF , vous pouvez modifier et supprimer des images à votre guise.

Dans cette boîte de dialogue, il y a un tas d'options avec lesquelles vous devrez jouer. La plupart d'entre eux affecteront la qualité du GIF , que vous pourrez voir dans la zone de prévisualisation^{(preview area)} à gauche. Le volet de droite est l'endroit où vous ferez la plupart des ajustements.

En haut, vous verrez une liste déroulante appelée Preset . Vous pouvez cliquer dessus et choisir l'un des préréglages ou vous pouvez ajuster les valeurs vous-même. Choisir l'un des préréglages réduira la qualité du GIF , mais le rendra également plus petit. Assurez-vous que GIF est sélectionné dans la liste déroulante sous Préréglage^(Preset) .

En bas, sous Taille de l'image^{( Image Size)} , vous pouvez ajuster la résolution de sortie^{(output resolution)} finale de votre GIF . Donc, si votre vidéo était de 1920 × 1080 ou 4K, vous voudrez probablement la réduire considérablement ici. Sous Animation , vous pouvez choisir Forever , Once ou Custom pour les options de bouclage^{( Looping Options)} . Par défaut, le GIF bouclera en continu. Vous pouvez utiliser les commandes en bas pour lire le GIF et voir à quoi il ressemble.

Cliquez sur Enregistrer^{(Click Save)} et choisissez un emplacement pour enregistrer votre GIF . C'est à peu près ça. Photoshop facilite la création de GIF animés^(GIFs) à partir de vidéos et vous permet de modifier les paramètres pour obtenir le résultat parfait. Lisez également mes articles sur la création de GIF animés^(GIFs) à partir d'images à l'aide de Photoshop . Prendre plaisir!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how thоse long GIFs you see on sitеs like Imgur are сreated? A lot of times, 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 façons de prendre un Photo or Video sur un chromebook

• Quel Do BCC and CC Mean? Compréhension Basic Email Lingo

• Comment Mask dans Photoshop à Hide Layers

• Comment 08946062 en Adobe Premiere Pro

• La meilleure façon d'ajouter un GIF à vos emails

• 3 façons de créer des diaporamas vidéo sous Windows

• Comment convertir PowerPoint en DVD, vidéo et PDF

• Comment télécharger A Video sur YouTube - étape par Step Guide

• Comment 08932008 ou Spying Software

• Comment capturer des images fixes à partir d'une vidéo ou d'un DVD

• Comment changer l'arrière-plan d'une image à l'aide de Photoshop

• Comment faire pour activer ou désactiver Caps Lock sur Chromebook

• Appels vidéo Web WhatsApp : un simple piratage Android

• Comment supprimer une vidéo TikTok

• Comment redimensionner une vidéo ou modifier la résolution

• Comment utiliser la bibliothèque audio YouTube dans vos projets vidéo

• Comment réparer et lire des fichiers vidéo corrompus ou endommagés

• 7 Quick Fixes lorsque Minecraft Keeps Crashing

• Comment dessiner des lignes droites dans Photoshop

• Comment ajouter un arrière-plan à une image d'écran vert dans Photoshop