Comment faire un GIF dans Photoshop
GIFs sont partout. Vous les trouverez sur BuzzFeed, sur Reddit, sur la vigne, et même sur les blogs hébergés par le parti républicain. GIFs sont l'équivalent internet du lapidaire boutade; ils vous permettent de dire beaucoup de choses sans dire un seul mot.
Faire GIFs est l'une des caractéristiques les plus élémentaires dans Photoshop. En savoir plus ces caractéristiques et fonctions dans ce cours Photoshop 101.
Dans ce blog, nous allons vous apprendre comment créer des GIF animés dans Photoshop. Nous allons d'abord apprendre comment créer un GIF à partir d'une image existante. Plus tard, nous apprendrons comment convertir une vidéo existante en un court GIF.
Comment faire un GIF dans Photoshop à partir d'images existantes
Création d'un fichier GIF animé signifie essentiellement « couture » des images différentes ensemble pour créer une animation. Aux fins de ce tutoriel, nous allons créer cette animation:
Il est composé de quatre images. Vous pouvez les télécharger ici. ici. ici. et ici .
Commençons.
Étape 1: Copiez les quatre images dans un dossier séparé.
Étape 2: Importation de fichiers dans Photoshop
Allez dans Fichier -> Scripts -> Charger les images dans une pile
Sur l'écran suivant, sélectionnez « dossier », puis accédez au dossier que vous venez de créer.
Cliquez sur OK. Photoshop va maintenant importer toutes vos images en couches séparées, comme ceci:
Maintenant que nous avons toutes nos images chargées dans Photoshop, nous pouvons mettre sur la création en animation.
Vous souhaitez utiliser Photoshop pour créer de l'art au lieu de GIFs drôle? Essayez ce cours sur Photoshop pour les artistes pour commencer.
Étape 3: Créer l'animation
Le processus d'animation dans Photoshop est accessible via la fenêtre « Timeline ». Ouvrez en allant à la fenêtre -> Calendrier.
Un nouveau volet de la fenêtre pop-up en bas. Il y aura un seul bouton au centre de ce volet. Cliquez sur la flèche du menu déroulant à côté de ce bouton et sélectionnez « Créer cadre d'animation », comme ceci:
Vous devriez maintenant voir une des images dans la fenêtre Montage. Vous remarquerez également un petit menu déroulant dans le coin supérieur droit de la fenêtre. Cliquez dessus et sélectionnez « Créer un nouveau calque pour chaque image »
Rien ne se passa, non?
Mais c'est parce que nous avons pas vraiment ajouté nos images à l'animation. Pour ce faire, ouvrez le même menu à nouveau, puis cliquez sur «Créer des cadres des couches.
Cela crée essentiellement un nouveau cadre pour chacune des couches que vous avez dans le panneau Calques. Vous remarquerez que la fenêtre de votre Timeline a maintenant tous les quatre de vos images.
Vous pouvez maintenant repositionner et redimensionner les images individuelles de sorte qu'ils soient dans la même taille de la toile (appuyez sur CTRL + T). Une fois que vous avez la bonne taille et la position, vous pouvez cliquer sur la flèche en dessous de chaque image et sélectionnez le délai entre les diapositives suivantes.
Aux fins de cette animation, je choisis la durée de 0,5 secondes. Vous pouvez également choisir la durée prédéfinie ou entrez votre propre en sélectionnant « Autre .. »
Vous pouvez également sélectionner l'ordre des images en faisant glisser des diapositives dans des positions différentes.
Il y a un autre menu déroulant ci-dessous les diapositives qui dit: « Une fois ». Ce contrôle combien de fois l'animation doit se répéter. Cliquez sur Ouvrir ce menu et sélectionnez « Forever » pour une animation en boucle sans fin.
Une fois que vous avez terminé, cliquez sur le bouton « Play » sur cette barre d'outils pour visualiser l'animation.
Confus par cette étape? Apprenez les bases de Photoshop dans ce cours pour déblayer vos doutes.
Étape 4: Enregistrement de votre animation
Dans cette dernière étape, vous économiserez votre animation au format GIF. La meilleure façon de le faire est d'appuyer sur CTRL + ALT + SHIFT + S, ou allez dans Fichier -> Enregistrer pour le Web ...
Dans la fenêtre qui apparaît, sélectionnez « GIF » comme format. Il y aura un menu prédéfini ci-dessus cela. Choisissez 'GIF 128 dithering.
Deux choses à noter ici:
128 fait référence à la quantité de couleurs dans le GIF. GIF est un format d'image de faible qualité. Il ne peut pas reproduire fidèlement les couleurs d'un JPEG. Sa gamme de couleurs maximale est de 256 couleurs, contre 16M pour JPEG. Par conséquent, le plus grand nombre que vous sélectionnez, meilleure est la qualité du GIF. Attention cependant: une meilleure qualité de GIFs sont également plus lents à charger. Gardez cela à l'esprit si vous utilisez de grandes animations d'images sur le web.
Le tramage est un procédé pour le traitement GIF qui réduit bandes dans des gradients. Il rend l'image résultante apparaît beaucoup mieux, mais augmente également la taille du fichier de façon spectaculaire. Dans une image comme celle que nous avons utilisé ci-dessus, le dithering est essentiel. Pour les images dans quelques couleurs solides, cependant, il est recommandé que vous DÉsélectionner tramage.
Cliquez sur « Enregistrer » pour enregistrer l'image. Maintenant, ouvrez-le dans votre navigateur web - vous devriez voir l'animation sur une boucle sans fin.
Ce fut assez facile - mais si vous voulez faire un GIF à partir d'une vidéo existante?
Il y a une solution pour cela aussi.
Comment faire de la vidéo GIF Existant
Disons que vous voulez tourner cette vidéo d'un tamia dramatique dans un fichier GIF:
Vous pouvez télécharger cette vidéo (ou toute autre vidéo pour cette question) à l'aide d'un outil de téléchargement vidéo YouTube gratuit comme Savefrom.net ou Keepvid.com.
Une fois que vous avez téléchargé la vidéo, procédez comme suit:
Étape 1: Importation vidéo dans Photoshop
La première étape consiste à importer la vidéo dans Photoshop. Pour ce faire, en allant dans Fichier -> Importer -> Cadres vidéo à couches.
Ouvrez la vidéo que vous venez de télécharger.
Une fenêtre vous demandant de choisir la longueur de la vidéo qui doit être importé.
Depuis notre vidéo est assez petit - 5 secondes - nous avons choisi « Du début à la fin ». Pour des vidéos plus longues, vous pouvez sélectionner « plage sélectionnée uniquement » et spécifier la longueur qui doit être importé.
Assurez-vous que vous sélectionnez « faire de l'animation Frame » avant de frapper OK.
Étape 2: Créer l'animation
Si vous suivez à travers de l'exemple précédent, vous devriez déjà avoir la fenêtre Timeline ouverte. Dans le cas contraire, suivez l'étape n ° 3 décrit ci-dessus et ouvrez la Timeline pour créer l'animation.
Comme précédemment, vous pouvez sélectionner la durée de chaque trame (par défaut est de 0,04 secondes comme on le voit ci-dessus) et le nombre de fois que l'animation doit être répétée. Pour cet exemple, nous avons choisi « pour toujours ».
Appuyez sur le bouton « Play » pour tester votre animation. Si tout semble bien, passer à l'étape suivante.
Étape 3: Enregistrez l'animation
Comme le processus précédent, appuyez sur CTRL + ALT + SHIFT + S ou cliquez sur Fichier -> Enregistrer pour le Web ...
Dans la fenêtre qui apparaît, sélectionnez GIF avec 128 couleurs et 70-90% tramage.
Une fois que vous avez enregistré le GIF, ouvrez-le dans votre navigateur. Voici ce que vous devriez voir:
Alors maintenant, vous savez deux méthodes pour créer GIFs dans Photoshop - en utilisant des images existantes ou importer une vidéo. Vous pouvez en apprendre plus avancés conseils et astuces Photoshop comme celui-ci en cours sur la maîtrise de Adobe Photoshop CS 6.