Animation : Fondu

[Nilana]

[Image Ready] Animation : Fondu

---

Voici un Tutorial qui nous a été offert par un membre de ForumActif.

• Question ? : Les questions sur les tutoriaux sont à poser ICI.
  
• Auteur :Touf'Boy
  
• Tutorial :
  
  Bonjour,
  
  Je vais vous expliquer comment faire une bannière sympathique avec une animation en utilisant Photoshop et Image Ready
  
  
  C'est partie :
  Ouvrez un nouveau document sous Photoshop (Fichier > Nouveau) de taille 650*150
  
  
  
  Ensuite copiez les images sur votre créa. Puis recadrez les en faisant Ctrl+T .
  Cochez la case avec un verrou pour conservez les proportions
  
  
  
  Réduisez votre image en cliquant sur un des coins de l'image et bougeant le curseur en diagonale.
  
  Et pour bouger l'image vous faites toujours Ctrl+T et vous cliquez n'importe où sur l'image pour l'a faire bouger.
  
  Faites ceci pour toutes les images. Ce n'est pas grave, au contraire si certaines images sont cacher par d'autres ...
  
  Moi j'obtiens ceci :
  
  
  
  Voila une étage très importante (et difficile) : un effet de fondé entre les images
  
  Cliquez sur le calque où vous voulez l'effet puis ajouter y un masque de fusion :
  
  
  
  
  Ensuite sélectionner le masque (comme sur l'image précédente) puis prenez un pinceau très flou et sélection la couleur noir :
  
  
  
  Ensuite peignez les zones inutiles. N'hésiter pas à modifier l'opacité du pinceau où à décaler les images. Aussi si vous avez "déborder" repeignez par dessus mais en couleur blanche.
  
  Répétez l'opération pour les différents calques
  
  Voila ce que j'obtiens :
  
  
  
  
  
  Puis aplatisseur les calques (calques, aplatir l'image)
  
  Réalisation d'un petit cadre :
  
  Sélectionnez l'images puis faîtes clic droit > contour
  Choisissez votre couleur (ici orange) puis l'opacité et l'épaisseur du contour:
  Sélectionnez intérieur
  
  
  
  Passons maintenant au texte :
  
  J'ai pris la police Ninja Naruto téléchargeable sur Dafont.com
  Ici couleur orange. Tapez votre texte.
  Puis double cliquez sur votre calque pour arrivez aux options de fusions
  Dans ceux ci allez dans contour :
  Et réglez comme ça vous chante :
  
  
  
  Surtout n'aplatissez pas le calque texte.
  
  
  
  L'animation :
  
  Nous allons créer une petite anim :
  Allez dans image ready en cliquant sur le bouton tout en bas dans votre barre d'outils
  
  
  
  Vous êtes maintenant dans image ready.
  Normalement une fenêtre anim est ouverte sinon faite Fenêtre > Animation
  
  
  
  Maintenant enlevez la vision du calque texte puis dans la fenêtre animation dupliquez l'image :
  
  
  
  Cliquez sur la 2eme image comme sur l'image précédente puis réactivez y la vision du calque texte.
  Ensuite nous allons faire qu'il y est un effet fondu dans l'anim.
  Pour ceux recliquez sur l'image 1
  
  
  
  Et réglez comme ci dessous . Le nombres images à ajouter, plus élever plus l'effet de fondu sera important mais plus l'image finale sera lourde ...)
  
  
  
  Normalement vous avez ceci dans votre fenêtre anim :
  
  
  
  Puis réalisez l'opération en sens inverse pour réalisez le fondu en le texte et l'image sans le texte
  
  
  Ensuite il faut modifier la durée des images. Ne modifiez pas la durée des images formant le fondu ... Pour modifier faites un clic droit là ou il y a l'indication de durée puis modifier.
  
  Il vous reste plus car l'enregistrez en format.gif ( fichier> enregistrez une copie optimisée sous ...)
  Et de l'héberger avec
  http://imageshack.us/
  
  Résultat Finale :
  
  
  
  
  Merci
  J'espère que ce tuto vous a plu.