Share
Introduit en 1987 par CompuServe, le GIF animé est aussi populaire qu’il l’a jamais été. L'animation GIF a traversé de nombreuses phases au fil des ans. Il a été aimé, détesté, puis aimé à nouveau. Aujourd'hui, je pense que l'animation GIF a trouvé sa place en tant que moyen utile de distribuer des animations courtes et amusantes en ligne. Récemment, j'ai été inspiré par un GIF que j'ai vu sur Twitter et qui pensait que le concept ferait un tutoriel amusant. Je me suis réuni avec notre éditeur de photos chez Tuts + pour organiser un tutoriel sur plusieurs sites qui montre comment prendre des photos en mode stop, puis assembler ces photos dans un GIF animé avec Photoshop. Dans ce didacticiel, nous allons vous montrer comment utiliser Photoshop pour assembler rapidement les photos que nous avons prises dans la partie photographie de ce didacticiel et créer notre animation. Commençons!
Avant de commencer, rendez-vous sur notre site Web Photographie pour savoir comment les photos utilisées dans ce tutoriel ont été prises..
Si vous téléchargez les séquences d'images fournies avec ce didacticiel, vous n'aurez pas à terminer cette étape car j'ai déjà renommé les images. Si vous avez pris vos propres photographies ou utilisez vos propres images, veillez à utiliser des techniques similaires..
Maintenant que nous avons tourné toutes les photos de ce tutoriel. L'étape suivante consiste à préparer les images. Le moyen le plus rapide que j'ai trouvé pour créer l'animation GIF est de créer 2 groupes d'images distincts et de les ouvrir / importer dans Photoshop en tant que séquence d'images. Une séquence d'images est essentiellement un dossier d'images, chaque image étant nommée dans un ordre séquentiel..
Dans ce cas, j'ai renommé toutes les images du photographe en 0001.jpg, 0002.jpg, 0003.jpg et donc quatrième. Dans le premier set, 0001.jpg n'inclut pas un arc. Dans le deuxième set, l'arc est entièrement attaché 0001.jpg. Vous pouvez voir comment je l'ai fait ci-dessous.
Dans la deuxième séquence d'images, supprimez 0001.jpg et 0045.jpg du dossier. Nous faisons cela pour que ces images ne se répètent pas dans l'animation finale.
Maintenant que nous avons préparé nos séquences d'images, l'étape suivante consiste à ouvrir la première séquence d'images. Vous pouvez le faire simplement en allant à Fichier > Ouvrir. Accédez au répertoire où votre première séquence d'images est stockée. Cliquer sur 0001.jpg et sélectionnez le Séquence d'images case à cocher. Cliquez sur Ouvrir. Cela va charger toutes vos images dans Photoshop sous forme de séquence. N'essayez pas de sélectionner toutes les images du répertoire. Il suffit de sélectionner le premier.
Maintenant, vous voulez définir votre Taux de trame. Réglez-le sur 17, car c’est la cadence de prise de vue de cette animation à exécuter pendant la section photographie de ce didacticiel. Si vous préférez utiliser une fréquence d'images différente, n'hésitez pas à le faire..
La première séquence d'images doit maintenant être chargée dans Photoshop en tant que Couche vidéo. Votre Panneau de calque et Panneau de la timeline devrait maintenant ressembler aux captures d'écran ci-dessous. Pour ouvrir votre tableau de bord et vos panneaux de calque, allez à La fenêtre > Couche ou La fenêtre > Chronologie.
Nous allons maintenant créer un léger tampon entre la première séquence d’images et la seconde. Nous ferons cela en insérant 0045.jpg à partir de la première séquence d'images. Cela ajoutera une légère pause à l'animation une fois que l'archet aura fini de se lier. Aller à Fichier > Endroit et sélectionnez 0045.jpg.
Cette image sera maintenant ajoutée à votre Chronologie. Réduisez la durée du clip dans la timeline, comme indiqué, en faisant simplement glisser les poignées pour le raccourcir..
Maintenant, nous allons placer la deuxième séquence d'images en allant à Fichier > Endroit. Comme vous l'avez fait avec la première séquence de Section 2.1, accédez à la deuxième séquence d'images, sélectionnez 0002.jpg et sélectionnez le Séquence d'images case à cocher. Cette séquence doit maintenant être ajoutée à votre Chronologie.
Maintenant que nous avons ajouté les deux séquences d'images, nous souhaitons ajouter un court tampon entre la fin de cette séquence et le début de la première, car ce GIF sera configuré pour se répéter en continu. Comme vous l'avez fait dans Section 2.3, aller à Fichier > Endroit et sélectionnez 0001.jpg de la première séquence d’images et réduire sa durée dans le Chronologie, comme montré. Comme dans Section 2.3, cela donnera une légère pause à notre animation avant qu'elle ne se répète.
Durée de 0001.jpg est réglé pour 00:04. À ce stade, vous pouvez tester votre animation en cliquant sur le bouton de lecture. Si cela vous convient, il ne vous reste plus qu'à enregistrer l'animation au format GIF..
Aller à Fichier > Enregistrer pour le Web.
Exportez le fichier au format GIF, configurez le Options en boucle à Pour toujours. J'ai utilisé les paramètres de la capture d'écran ci-dessous.
N'oubliez pas que la taille du fichier joue un rôle important dans une animation GIF. Vous voudrez réduire la taille du fichier suffisamment pour qu'il puisse être partagé sur le Web, mais pas suffisamment pour que la qualité de l'image finale paraisse médiocre. le Enregistrer pour le Web La boîte de dialogue vous montrera exactement la taille de votre fichier dans le coin inférieur gauche de votre écran. Vous pouvez ajuster Couleurs, Tremblement, Capture Web, ou n'importe lequel des autres paramètres pour que votre image soit parfaite.
Photoshop est un outil extrêmement puissant qui peut vous aider à créer de superbes animations GIF. Dans ce didacticiel, nous vous avons montré non seulement comment créer une animation GIF à partir d'une série de photos, mais également comment prendre des photos. Vous pouvez utiliser ces mêmes techniques pour créer vos propres animations GIF en stop-motion. Les possibilités sont infinies.
Accentsconagua