Animation : Fondu
Page 1 sur 1 • Partagez
Animation : Fondu
[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.
Sujets similaires
» Fondu Bannière
» Un fondu sur les descriptions de forums
» Images succédant par un fondu
» Afficher des images en fondu
» Bannière fondu avec le fond
» Un fondu sur les descriptions de forums
» Images succédant par un fondu
» Afficher des images en fondu
» Bannière fondu avec le fond
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum