Animer un feu de cheminée

Photoshop Animation

 

Animer un feu de cheminée

 

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.

Fichier : Images-animer-feu-cheminee_Photoshoplus.zip – Téléchargé 187 fois – 767 KB

 

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.

Superposer les 4 images en une seule

 

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 Fenêtre / Montage

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

Créer une animation d'image

Dans le panneau Montage une première vignette est automatiquement créée.

Vignette dans le panneau Montage

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

Masquer tous les calques

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.

Dupliquer les vignettes

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

Activer le 1er calque avec la 1ère vignette

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

Activer la 2eme vignette avec 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

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

Afficher le menu de boucle et 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)

Cliquer sur la menu de la vitesse

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)

Choisir la vitesse pour toutes les vignettes

 

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.

Lire l'animation

 

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 Image / Taille de l’image) mais sachez qu’avec une image en 800 x 600 pixels, le fichier sera volumineux.

utiliser le menu Fichier / Enregistrer pour le web… 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é

Configurer le gif animé

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 Image / Taille de l’image pour réduire les dimensions de l’image et revenir ensuite dans la fenêtre Enregistrer pour le web 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.

Redimensionner l'image ou lire l'animation

Notre animation d’un feu de cheminée est terminée.

L’image finale se trouve au début du tutoriel ▲

 

Ce tutoriel est la propriété du site Photoshoplus.
Toute reproduction, exploitation ou diffusion du présent document est interdite.

Articles similaires :