Art-Graph

Création Graphique & Tutorials
 
AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 [Photoshop et Image Ready] Animation fondu

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
graphbutch
Admin
avatar

Nombre de messages : 95
Date d'inscription : 18/05/2007

MessageSujet: [Photoshop et Image Ready] Animation fondu   Dim 20 Mai - 19:43

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 ...)


Tuto fait par:*Izabell*
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
[Photoshop et Image Ready] Animation fondu
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Animation : Fondu
» test du text-rich qui tourne
» Challenge 2012 image d'extérieur - cqld - Sketchup Artlantis Photoshop
» Afficher des images en fondu
» Rogner une image en css et apparaissage en fondu d'infobulle

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Art-Graph :: Graphisme :: Tutoriaux-
Sauter vers: