Retour au site FEI
Forum pour photographes
Bienvenue sur le forum photo de la communauté de Fond-Ecran-Image.com
CHARTE DU FORUMSujets importants StatisticsStatistiques
FAQ FAQ   RechercherRechercher Lexique  Géolocalisation des membresMembresMembres   GroupesGroupes     CalendrierCalendrier  S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

[Tuto] GIF : faire tomber la neige



 
Poster un nouveau sujet   Répondre au sujet    FEI Index du Forum -> Montage photo numérique
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Badgadj
Badgadj sur FEI

MessageImprimer : 
Faire défiler de façon continue un élément d'une image peut être utile dans certaines anPosté le: Jeu 14 Déc 2017 14:20    Sujet du message: [Tuto] GIF : faire tomber la neige
Répondre en citant Signaler un problème sur ce message


Faire défiler de façon continue un élément d'une image peut être utile dans certaines animations.
Ici j'ai saisi l'occasion des fêtes de fin d'année pour faire tomber sans fin des flocons de neige.

Le but est de faire défiler continuellement un objet sans qu'il y ait de cassure dans le mouvement quand l'animation recommence au début.

Je pars de cette image que j'ai faite à partir d'une de mes photos et de quelques éléments glanés sur internet.




Arrow La première chose à faire est de décider quels éléments seront animés.

Ici ce sera
  • les flocons
  • le texte
  • l'étoile
Pour ce tuto je me contenterai de me pencher sur le cas des flocons de neige.


Arrow Chaque élément à animer doit se trouver sur un calque séparé.

Après avoir mis en place le décor, voilà où j'en suis :




J'ai trouvé les flocons ici : PNGtree et je les ai collés sur le calque "flocons".
L'important est de les répartir sur l'image et qu'aucun flocon ne soit coupé en haut ou en bas de l'image.

Pour y voir plus clair, j'ai désactivé l'affichage du texte et de l'étoile

PRÉPARER LE CALQUE POUR UN MOUVEMENT CONTINU

Pour faire tomber les flocons, il va falloir déplacer leur calque vers le bas sur toute la hauteur de l'image.

Le problème est qu'en faisant cela, on fait apparaître une zone vide au-dessus des flocons du haut.

Il faudrait que le calque contienne des flocons dans la partie supérieure (invisible) de l'image.
En faisant glisser le calque vers le bas, il dévoilerait ainsi de nouveaux flocons.

Pour ce faire, procédez ainsi :

Arrow Dupliquez le calque "flocons" (touche Ctrl-J)
Arrow Rendez le nouveau calque "flocons copie" invisible en cliquant sur le petit oeil



Arrow Sélectionnez le calque "flocons" (en cliquant dessus).
Arrow Sélectionnez l'outil de déplacement (touche V).
Attention à bien décocher la case "sélection automatique" dans les options de l'outil de déplacement.



Arrow et faites glisser le calque "flocons" jusqu'à ce que le haut du calque soit exactement sur le bord inférieur de l'image.



Notre calque "flocons" est maintenant caché sous l'image.
Mais il existe toujours Exclamation (Pour vous en convaincre vous pourriez le faire réapparaitre en le faisant glisser de nouveau vers le haut.)

Arrow Sélectionnez le calque "flocons copie" et rendez-le visible en cliquant sur le petit oeil devant lui. Nos flocons réapparaissent.

Arrow Dans le menu de la palette des calques, choisissez "Fusionner avec le calque inférieur" (ou tapez directement Ctrl-E)



Le calque "flocons copie" a maintenant disparu et il ne reste plus que le calque "flocons" dont on voit la moitié supérieure.

Arrow faites de nouveau glisser le calque "flocons" vers le haut pour caler le bas du calque avec le bas de l'image visible.




ANIMER LE CALQUE

L'animation va consister à faire glisser le calque "flocons" vers le bas sur une distance égale à la hauteur de l'image.
Puisque les deux moitiés haut et bas du calque sont identiques, à l'issue de cette opération on pourra recommencer du début sans qu'il y ait une apparence de discontinuité.

On peut donc commencer à animer notre image pour de bon.

Ceci ce fait dans la fenêtre de montage qu'on appelle à partir du menu "Fenêtre"



À son apparition, la fenêtre de montage vous propose un des deux choix suivants.
- Créer un montage vidéo
- Créer une animation d'image.

Nous allons utiliser "Créer un montage vidéo"
Si c'est l'option proposée, cliquez dessus, sinon utilisez le petit menu déroulant pour la choisir.



Une fois le choix effectué, vous voyez apparaître la fenêtre de montage qui va nous servir à faire notre animation.



Vous voyez qu'elle a automatiquement pris en compte les calques du document, et en particulier le calque "flocons" qui nous intéresse ici.

Idea Si vous ne voyez pas les pistes vidéo en entier, dézoomez un peu pour les voir.

Par défaut, les pistes vidéo sont fixées à 5 secondes.
C'est un peu trop Sad et je voudrais que mon animation boucle en 3 secondes au lieu de 5.

Arrow Avec la souris je me place à la fin de la piste vidéo et je la ramène à 3 secondes en la faisant glisser quand le curseur prend la forme particulière que vous voyez ci-dessous.
(je l'ai également fait pour toutes les pistes qui se trouvent dans les groupes "Joyeux Noel" et "Etoile scintillante")




Zoomez ou agrandissez un peu la fenêtre au besoin et
Arrow cliquez sur la petite horloge en face de "Position".



Cela enregistre active l'enregistrement de l'image actuelle à la position du curseur (ici 0:00 seconde)
à chaque fois que la position sera changée, elle sera enregistrée à la position du curseur et un petit losange (pour les puristes c'est un carré posé sur un coin) en marquera la place.

Arrow dans la fenêtre de montage, déplacez le curseur de temps à la fin de la piste vidéo.

Arrow dans la palette des calques vérifiez que le calque "flocons" est bien sélectionné et faites-le glisser d'une hauteur d'image vers le bas de l'image.

Automatiquement, dans la fenêtre de montage, le mouvement a été détecté et un petit losange apparaît pour le signifier.



Il ne reste plus qu'à cliquer sur le bouton "Lecture" pour vérifier que tout c'est bien passé.




ENREGISTRER AU FORMAT GIF

Il ne vous reste plus qu'à enregistrer l'animation au format GIF et le tour est joué. applaudissement

Vérifiez quand même que la taille du fichier gif est raisonnable.
Ici nous avons une image qui correspond à 3 secondes d'enregistrement.
Par défaut, l'animation se fait à 30 images par seconde. Ce qui veut dire que notre gif va contenir 3 x 30 = 90 images.
Pour ce genre d'animation, on n'a pas besoin d'une extrême fluidité et on se contentera par exemple de 10 images par secondes.

Vous pouvez régler ce paramètre dans le menu de la fenêtre de montage.



Dans ce cas, la préparation est un peu délicate mais l'animation par elle-même est d'une très grande simplicité. Very Happy

L'avantage de l'option montage vidéo c'est qu'on peut beaucoup plus facilement créer des animations complexes qu'avec l'option animation d'images. Elle est à préférer dans tous les cas ou on doit interpoler un mouvement ou une transformation continue.

Et si on doit gérer l'animation simultanée de plusieurs éléments comme ici (neige, texte et étoile) cela devient extrêmement difficile avec une méthode image par image.



Idea Et si elle permet de traiter des videos, rien n'empêche de l'utiliser pour créer des GIFs animés. Wink

Elle est également d'une grande souplesse car on n'a qu'à se préoccuper des images clés qu'on peut à loisir copier ou déplacer sur l'échelle de temps et toutes les images intermédiaires sont recalculées à la volée.

Idea Si cela vous inspire pour vos animations, ne manquez pas de poster vos images dans le sujet dédié ici :
Le coin des GIF animés

Mr. Green
Retour haut de page
Hors Ligne Voir le profil de l'utilisateur Envoyer un message privé
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet
Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum

Les tout derniers messages photo postés
Titre du sujet
 2018 - Une nouvelle progression >  23/01 16:12
 Qui a un thème pour le prochain concours photo du forum ? >  21/01 19:38
 Concours du 01 + 02 - 2018 : LUMIÈRES D'HIVER ! >  21/01 18:01
 Redimensionnement des images >  20/01 16:27
 Demande de photo "salicorne" pour poster scientifi >  18/01 10:38
 Demande photo pour club cyclo vtt de Leucate >  17/01 13:10
 Changement de rubrique non enregistré >  15/01 20:36
 Application Mac gratuite diapo avec texte >  15/01 18:45
 Mon voyage en Roumanie de Léna. >  14/01 12:03
 Demande de photo pour faire un tableau >  13/01 22:39
 VOTE pour le concours de décembre 2017 : GROS PLAN ! >  12/01 10:01
 Le coin des GIF animés >  11/01 22:16
 Tous les tutos de retouche photo >  10/01 00:15
 >>> Tous les derniers messages du forum  
Les tout derniers sujets postés
Titre du sujet
 Redimensionnement des images  20/01 13:26
 Demande photo pour club cyclo vtt de Leucate  16/01 21:07
 Demande de photo "salicorne" pour poster scientifi  16/01 20:44
 Je suis nouvelle sur ce forum, et je me présente  16/01 08:37
 Changement de rubrique non enregistré  14/01 19:29
 Demande de photo pour faire un tableau  11/01 09:33
 2018 - Une nouvelle progression  07/01 12:30
 Application Mac gratuite diapo avec texte  05/01 19:01
 L'eau !!! La vie !!!  05/01 17:29
 Concours du 01 + 02 - 2018 : LUMIÈRES D'HIVER !  01/01 00:00
 Google, saisie semi automatique perdue  31/12 12:18
 Saule blanc ? (Queyras)  29/12 21:04
 VOTE pour le concours de décembre 2017 : GROS PLAN !  25/12 12:48
 Récuperer une des ses photo sans le copyright  16/12 12:00
 Question sur un flash externe  15/12 21:24
 [Tuto] GIF : faire tomber la neige  14/12 14:20
 >>> Tous les derniers sujets du forum  



Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com Partager vos photos | Nouveautés | Photos favorites | Groupe Photo | Album Photo | Concours Photo | Forum | Blog | Fond ecran Iphone | Buzz Photo | HD Wallpapers | Contact | Plan du site