Ce tutoriel est écrit avec Photoshop CS 6.
Voici un petit cadeau de fin d’année, un joli feu de cheminée animé au format gif.
Télécharger les images :
Je vous offre les images du feu, elles ont été prises en Corrèze (19), dans un cantou (grande cheminée).
Vous pouvez télécharger les 4 images utilisées dans ce tutoriel.
Télécharger : Images feu cheminéeTéléchargé 1043 fois – 767,04 Ko
Superposer les images:
Il faut rassembler les 4 images en un seul fichier, de façon à obtenir 4 calques.
► ouvrir les 4 images feu-cheminee-800 (01, 02, 03 et 04)
► prendre l’outil Déplacement ou touche V, nous allons faire un déplacer/lâcher des images
► choisir l’image 01 comme étant celle qui contiendra les 3 autres puis,
► cliquer sur l’image 02, maintenir la touche Maj et déplacer l’image 02 dans l’image 01
L’ordre des images n’a pas d’importance, vous devez obtenir une image avec 4 calques, dans le panneau Calques. La touche Maj sert à centrer l’image.
Si votre affichage dans Photoshop est par onglet, soit vous procédez par Copier/Coller entre les images, après avoir Tout sélectionné avec les touches Ctrl + A, soit vous détachez les images des onglets avec le pointeur et vous procédez par déplacer/lâcher avec l’outil Déplacement.
Monter l’animation :
Maintenant que nous avons 4 calques, nous allons animer ces calques alternativement à l’aide du panneau Montage.
► afficher le panneau Montage à l’aide du menu
Ce panneau se nommait Animation dans CS5 et dans les versions antérieures de Photoshop on accédait à l’animation par le module ImageReady.
Le panneau Montage fonctionne de deux manières, soit en Animation d’image, soit en Montage vidéo.
► dans le panneau, cliquer directement sur le bouton Créer une animation d’image,
► ou sélectionner ce choix dans le menu déroulant de la flèche puis cliquer sur le bouton
Dans le panneau Montage une première vignette est automatiquement créée.
Nous allons créer 3 autres vignettes qui vont ensuite correspondre aux 3 autres calques de l’animation. Mais avant de créer les vignettes il est préférable de masquer les calques, de façon à les activer un par un ensuite.
► dans le panneau Calques, cliquer sur chaque icône Œil en début de ligne des calques, pour tous les masquer
► dans le panneau Montage, cliquer 3 fois sur l’icône Duplication des images sélectionnées, pour créer 3 vignettes supplémentaires
Vous obtenez donc 4 vignettes vides.
Maintenant nous allons remplir ces vignettes mais chacune avec un calque différent.
► dans le panneau Montage, cliquer sur la 1ère vignette, la plus à gauche puis,
► dans le panneau Calques, cliquer sur l’icône Œil du 1er calque en bas pour le faire apparaître
Donc vous l’avez compris, on sélectionne une vignette dans le panneau Montage et on affiche un calque dans le panneau Calques. À chaque vignette doit correspondre 1 calque et 1 seul.
► sélectionner la 2ème vignette dans le panneau Montage, et dans le panneau Calques activer le 2ème calque
► faire de même avec les 3ème et 4ème vignettes en leur attribuant respectivement les 3ème et 4ème calques
Dans le panneau Montage, vous pouvez ensuite cliquer sur chaque vignette et vérifier qu’un seul calque est bien activé dans le panneau Calques.
Choisir la vitesse de l’animation :
Maintenant il nous reste à décider de la vitesse de l’animation.
Pour attribuer une même vitesse à toutes les vignettes, il faut toutes les sélectionner.
► dans le panneau Montage, cliquer sur la 1ère vignette de gauche puis
► maintenir la touche Maj et cliquer sur la vignette à l’extrême droite, afin de sélectionner toutes les vignettes
Nous allons configurer l’animation pour quelle s’exécute en continu.
► cliquer en bas du panneau Montage, sur la toute petite flèche à droite des mots Une fois (Sélection d’options de boucle)
► dans le menu, choisir Toujours
Pour choisir la vitesse de l’animation,
► cliquer sur une des toutes petites flèches, sous les vignettes à coté du 0 s (Sélection du délai de l’image)
Dans ce menu nous avons le choix de sélectionner soit des paramètres prédéfinis, comme Sans délai, 0,1 seconde, 0,2 (secondes), etc…,
soit nous pouvons entrer manuellement une vitesse précise en sélectionnant le choix Autres…
► pour cette animation, choisir simplement 0,2 (secondes)
Lire l’animation :
Pour lire notre animation et voir si tous fonctionne comme il faut, il suffit soit de cliquer sur l’icône en triangle vers la droite en bas du panneau, soit d’appuyer sur la Barre d’espace. On arrête l’animation par la même action.
Enregistrer l’animation en gif :
Le format .gif supporte l’animation, actuellement c’est le seul format existant qui le permette.
Ce format a l’inconvénient d’être limité à 256 couleurs et d’être assez volumineux, en tant que poids du fichier final.
Pour réduire ce poids il y a 2 principales solutions, la plus efficace est de réduire les dimensions de l’image, l’autre solution est de réduire le nombre de couleurs au moment de l’enregistrement.
Pour cette animation nous n’allons pas redimensionner l’image (par le menu ) mais sachez qu’avec une image en 800 x 600 pixels, le fichier sera volumineux.
► utiliser le menu ou les touches Alt + Maj + Ctrl + S
► en haut à gauche de la fenêtre d’aperçu, cocher l’onglet Optimisé, pour afficher le résulat des paramètres de droite
► et en haut à droite de la fenêtre, dans le menu déroulant à coté de Paramètre prédéfini, choisir GIF 128 Tramé
Regarder maintenant en bas à gauche de la fenêtre vous avez la prévision de taille pour le fichier final, pour cette image on obtiendra 580 ko ce qui est important, si vous voulez afficher ensuite votre image sur Internet.
Si le poids élevé ne dérange pas, il suffit de cliquer sur le bouton en bas à droite de la fenêtre Enregistrer… et vous obtenez un fichier au format .gif.
Si le poids est trop important, il faut commencer par réduire le nombre de couleurs par le menu Couleurs, on peut descendre à 64 ou même à 32 puis regarder à la fois dans l’aperçu si le visuel est acceptable et en bas à gauche si la réduction du poids est suffisante.
Globalement pour cette image en 800 x 600 pixels, si c’est pour afficher sur Internet, il vaut mieux d’abord réduire la Taille de l’image à 400 ou 300 pixels et ensuite laisser 128 couleurs (tramé) ou même monter à 256 couleurs.
Pour quitter la fenêtre sans Enregistrer il suffit d’appuyer sur la touche Echap ou Escape.
Ensuite on peut utiliser le menu le menu pour réduire les dimensions de l’image et revenir ensuite dans la fenêtre pour enregistrer l’image.
Préférez toujours avec un tramage, donc avec le terme tramé dans le choix du paramètre prédéfini.
L’animation créée dans le panneau Montage reste présente même si on redimensionne l’image.
Dans la fenêtre Enregistrer pour le web, vous pouvez lire l’animation en utilisant les mêmes icônes de fonctionnement, en bas à droite de la fenêtre.
Il est également possible de réduire directement les dimensions de l’image, dans cette fenêtre.
Notre animation d’un feu de cheminée est terminée.
Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.
