Animation : Fondu

Voir le sujet précédent Voir le sujet suivant Aller en bas

Tutoriel Animation : Fondu

Message par Nilana le Ven 7 Jan 2011 - 14:49


[Image Ready] Animation : Fondu


Voici un Tutorial qui nous a été offert par un membre de ForumActif. Wink
  • 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.
avatar

Nilana
Membre actif

Féminin
Messages : 2597
Inscrit(e) le : 23/10/2007

http://gurafikku.forumactif.com/forum.htm
Nilana a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum