Aujourd'hui, le mouvement est partout sur le web, notamment avec les GIF. Les images animées permettent d'élaborer des récits plus riches, et avec Photoshop, vous pouvez facilement créer des GIF. Découvrez comment la créatrice de contenu et designer Kendall Plant donne vie à l'une de ses esquisses en la transformant en GIF.

Avec ses travaux qui couvrent la nature, la photographie de rue et même les crânes, la créatrice de contenu et designer Kendall Plant apporte à Adobe une perspective originale en tant que directrice de création adjointe.

Esquisse

Pour commencer, Kendall Plant a créé des variantes de son dessin initial pour représenter les différents états de mouvement. Elle a enregistré chacune de ces variantes dans un fichier distinct. Elle a ouvert la première esquisse dans Photoshop, puis fait glisser les autres fichiers dans le document, en appuyant sur Retour (ou Entrée) pour placer chaque fichier dans son propre calque. Elle a ensuite cliqué sur l'icône de verrou pour déverrouiller le calque original.

create-animated-gif_step1

Animation

Pour animer ses esquisses, Kendall Plant a ouvert le panneau Montage (Fenêtre > Montage), sélectionné Créer une animation d'image dans le menu déroulant, et choisi Créer des images d'après des calques dans le menu latéral. Si vous avez déjà utilisé le panneau Montage, il sera peut-être rempli d'images vides par défaut. Le cas échéant, cliquez sur la première image, puis sur la dernière tout en appuyant sur la touche Maj. Choisissez alors Supprimer les images dans le menu latéral, puis Créer des images d'après des calques.

create-animated-gif_step2

Définition de la vitesse d'animation

Pour que chaque image ait la même durée, Kendall Plant a cliqué sur la première image dans le panneau Montage, puis sur la dernière tout en appuyant sur la touche Maj. Vous pouvez cliquer sur la flèche pointant vers le bas d'une image et définir l'intervalle sur 0,1 seconde. La valeur de toutes les images sélectionnées est alors modifiée. Kendall Plant a ensuite choisi Toujours dans le menu déroulant en bas du panneau Montage pour que l'animation soit lue en boucle. Pour prévisualiser la durée de votre animation, cliquez sur le bouton de lecture.

create-animated-gif_3a-v2
create-animated-gif_step3

Exportation au format GIF

Choisissez Fichier > Exportation > Enregistrer pour le Web (hérité). Définissez le format d'exportation sur GIF et les options de boucle sur Toujours.

create-animated-gif_step4

Partagez le GIF de l'animation

Créez votre propre GIF, partagez-le sur les réseaux sociaux ou avec vos amis, et continuez à donner du mouvement à votre créativité.

create-animated-gif_step5

Remarque : les fichiers de projet inclus dans ce tutoriel sont fournis uniquement à des fins d'entraînement.

01/10/2020

Designer : Kendall Plant

Cette page vous a-t-elle été utile ?