Animation Ready + fondu Image
Voici un de mes premiers tutos.
Ce tuto s'adresse plutôt au débutant.
Il apprend à créer un effet de fondue entre plusieurs images et de réaliser par la suite une animation. Tout en réalisant une bannière sympa.
Logiciel Necessaire :
-Photoshop
-Image Ready
Pour exemple je prends la commande de Rémi14120 sur un autre forum :
C'est partie :
Ouvrez un nouveau document sous Photoshop (Fichier > Nouveau) de taille 650*150
Ensuite copiez les images sur votre créa. Puis recradrez 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 bougant le curseur en diagonale.
Et pour bouger l'image vous faites tjr 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 fondee 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éédente) puis prenez un peinceau très flou et sélection la couleur noir :
Ensuite peignez les zones inutiles. N'hésiter pas à modifier l'opacité du peinceau où à décaler les images. Aussi si vous avez "déborder" repeignez par dessus mais en couleur blanche.
Répetez l'opération pour les différents calques
Voila ce que j'obtiens :
Puis applatissez 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'applatissez pas le calque texte.
L'animation :
Nous allons créer maintenant l'anim :
Allez dans image ready en cliquant sur le bouton tout en bas dans votre barre d'outils
Vous êtes maintenant dans image ready.
Normallement une fenêtre anim est ouverte sinon faite Fenetre > Animation
Maintenant enlevez la vision du calque texte puis dans la fenêtre animation dupliquez l'image :
Cliquez sur la 2 eme 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 ...)
Normallement 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 formants le fondu ... Pour modifier faites un clic droit là ou il y a l'indication de durée puis modifier.
Il vous reste plus qcar l'enregistrez en format.gif ( fichier> enregistrez une copie optimisée sous ...)
Et de l'héberger avec
http://imageshack.us/
Résultat Finale :
J'espere que ce tuto vous a plu ...
Je reste ouvert à toutes les questions et critiques.
Ps :Dsl pour l'orthographe ...
Ce tuto s'adresse plutôt au débutant.
Il apprend à créer un effet de fondue entre plusieurs images et de réaliser par la suite une animation. Tout en réalisant une bannière sympa.
Logiciel Necessaire :
-Photoshop
-Image Ready
Pour exemple je prends la commande de Rémi14120 sur un autre forum :
| Citation: |
| Nature de la création : Banniere manga-BD Taille de la création (en pixels) : 650x150 Avec ou sans animation : sans Couleur de fond : aucune Lien(s) image(s) : http://www.karaxatroy.online.fr/fanart/images/achard-lanfeust-hommage.jpg http://sabakunogaara9.skyblog.com/pics/230632012.jpg http://madeinrole.free.fr/images/BDNaheulbeuk.png http://www.arlongpark.com/char/luffy.gif Texte à insérer : Manga et BD Lien police à télécharger : http://manga-et-bd.actifforum.com (comme sur les boutons) Couleur police : comme sur les boutons Commentaire en plus : Si possible separé les images par une sorte d'éclair et que l'on puisse suffisament bien voir le texte (entoure les lettre en noir pas trop gros) Voilà merci a vous et bonne chance ! |
C'est partie :
Ouvrez un nouveau document sous Photoshop (Fichier > Nouveau) de taille 650*150
Ensuite copiez les images sur votre créa. Puis recradrez 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 bougant le curseur en diagonale.
Et pour bouger l'image vous faites tjr 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 fondee 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éédente) puis prenez un peinceau très flou et sélection la couleur noir :
Ensuite peignez les zones inutiles. N'hésiter pas à modifier l'opacité du peinceau où à décaler les images. Aussi si vous avez "déborder" repeignez par dessus mais en couleur blanche.
Répetez l'opération pour les différents calques
Voila ce que j'obtiens :
Puis applatissez 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'applatissez pas le calque texte.
L'animation :
Nous allons créer maintenant l'anim :
Allez dans image ready en cliquant sur le bouton tout en bas dans votre barre d'outils
Vous êtes maintenant dans image ready.
Normallement une fenêtre anim est ouverte sinon faite Fenetre > Animation
Maintenant enlevez la vision du calque texte puis dans la fenêtre animation dupliquez l'image :
Cliquez sur la 2 eme 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 ...)
Normallement 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 formants le fondu ... Pour modifier faites un clic droit là ou il y a l'indication de durée puis modifier.
Il vous reste plus qcar l'enregistrez en format.gif ( fichier> enregistrez une copie optimisée sous ...)
Et de l'héberger avec
http://imageshack.us/
Résultat Finale :
J'espere que ce tuto vous a plu ...
Je reste ouvert à toutes les questions et critiques.
Ps :Dsl pour l'orthographe ...