Comprendre le bitcoin, l'intelligence artificielle, faire un site web... En 3 minutes en vidéo!

Reflet animé qui passe sur un texte

Tutoriaux > Photoshop > Reflet animé qui passe sur un texte


Faire une sorte de reflet qui passe sur un texte, à l'aide d'un dégradé de couleurs !

Bonjour à tous ,

Voici un tutoriel qui vous apprendra comment faire passer une sorte de "reflet furtif" dans un texte.

Une petite image tout d'abord pour que vous voyiez ce que ça donne :



Commençons :

Commencez par ouvrir un nouveau document, avec ce que vous voulez dessus, un fond pour signature, par exemple. Ici, on va prendre ma signature actuelleSourire

Cliquez sur le calque de texte à animer que vous avez créé avec l'outil texte, puis créez un nouveau calque ( le nouveau calque va être créé au dessus du calque de texteClin d'oeil )



Nommez le "Effet" puis validez.
Vérifiez que le calque Effet est bien sélectionné, puis prenez l'outil Rectangle de sélection, puis tracez un rectangle à l'endroit d'où doit partir le reflet.




Ensuite prenez l'outil [b]Dégradé
, et remplissez votre rectangle de sélection avec, donc de la couleur que vous souhaitez ( qui sera la couleur du reflet ) :



Puis faites CTRL+G : le dégradé disparaît. Pas de panique, vous avez juste créé un masque d'écrêtage ! Voici ce que vous êtes sensé voir :



Notez bien la flèche du calque Effet vers le calque de texte !

Désélectionnez (Sélection => Désélectionner) puis transférez le tout sous Imageready ( à l'aide du bouton sous votre palette d'outils ) :



Pour procéder, il vous faut avoir dans l'interface la Palette des calques et d'Animation. Si ce n'est pas le cas, cliquez sur Fenêtre puis Calques et Animation pour les faire réapparaîtreSourire



Dupliquez la première image de l'animation :



Sélectionnez le calque Effet dans votre palette des calques ( car c'est celui-ci que nous allons faire bouger ), puis déplacez le rectangle bleu vers le point d'arrivée du reflet :



Dans la fenêtre d'Animation, cliquez alors sur la petite icône montrée ci-dessous ( Trajectoire )



Réglez ensuite comme suit : ( le nombre d'image peut varier, mais achez que plus il y en a, plus l'image et lourde, mais plus l'image est fluide. Tout dépend si vous recherchez vraiment la qualitéSourire )



Une fois validé, appuyez sur Y pour tester votre animation. Réappuyez pour arrêter.



Vous pouvez alors Enregistrer une copie optimisée votre animation ( Fichier, Enregistrer une copie optimisée sous ), en choisissant bien l'extension .gif car les autres ne conservent pas l'animation.

On y est arrivés !Content



Par Pouzy , Le 13 Janvier 2007 à 15h28
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à Photoshop

Ajouter un commentaire

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

DBDesign97442 - Le 27 Août 2010 à 17h54

Super le tuto mes comment on fait un masque d'écrêtage. Car sur photoshop CS5 Ctrl + G sa crée un nouveau groupe et j'ai chercher je sais vraiment pas comment faire un masque d'écrêtage Merci de repondre ...

Hotage - Le 19 Juin 2010 à 22h59

Merci beaucoup ^^ Tout simple, et surtout très souvent efficaceSourire

Wocky - Le 20 Décembre 2008 à 23h26

:-P

Wocky - Le 20 Décembre 2008 à 23h25

TON TUTO EST SUPERBE !! J'AI RÉUSSI FINALEMENT !! MERCI INFINIMENTSourire

Wocky - Le 20 Décembre 2008 à 22h50

J'ai un gros problème:
Quand je fais Ctrl+G Sa ne disparait pas le dégradé .. Mais sa met Group 1 ...? Peux=tu m'aider s'il te plaiit .

Kevin91230 - Le 03 Novembre 2007 à 22h43

J'ai un problème:
Je n'ai pas

Kevin91230 - Le 03 Novembre 2007 à 14h19

Dsl pour le commentaire en double :Oops:

Kevin91230 - Le 03 Novembre 2007 à 14h19

Très bon tuto, je ne savais pas le faire ^^

PS: je peux le prendre pour le mettre sur un autre forum ?

Kevin91230 - Le 03 Novembre 2007 à 14h10

Très bon tuto, je ne savais pas le faire ^^

PS: je peux le prendre pour le mettre sur un autre forum ?

la fan - Le 26 Septembre 2007 à 21h42

J'ai de moi aussi essayer ce tutorielClin d'oeil Je n'ai pourtant pas réusit l'annimation , mais je me suis debrouiller , mais bien sur elle est beaucoup moins bien que la votre , pour ma part je touve se tutoriel tres bien ;p

Note 8/10

Pouzy - Le 14 Juillet 2007 à 22h51

Bonjour,
Aucune idée malheureusement, j'ai changé de PC entre temps, et mes polices sont passées à la trappe.

bakevin - Le 14 Juillet 2007 à 20h22

Quel est le nom de la police d'écriture?
Merci

piscopat - Le 18 Avril 2007 à 12h04

il faut simplement faire clique droit sur ton calque dans ton menu des calques et cliquer sur "créer masque d'écrétage"

Mayion - Le 15 Avril 2007 à 16h49

je ne vois pas de cadre bleu quand j'arrive sur imageready...
et quand je fais ctrl+G, ca ne fait pas "créer un masque d'écrêtage" mais "associer au masque précédent". c'est la mm chose ??

piscopat - Le 09 Avril 2007 à 10h30

ben le problème c'est que je vois le carré mais je n'arrive pas à le déplacer...

Pouzy - Le 08 Avril 2007 à 20h31

Euh, n'ayant plus réellement fait d'animation depuis, mes souvenirs sont lointains, donc... Pour ceux qui ont le problème du carré qui ne s'affiche pas, peut être est-ce tout simplement une option de votre logiciel qui est mal réglée ?
N'hésitez pas à trifouiller les options pour voir ce qui ne va pasSourire

piscopat - Le 08 Avril 2007 à 12h24

je n'arrive pas à seléctionner le rectangle bleu et à le déplacer ?
De plus lorsque je selectionne le contour de celui-ci et que je le déplace je ne vois aucun effet apparaître dèrrière mon texte...
Comment faire ?

Akira - Le 03 Avril 2007 à 18h13

j'ai le même souci, tu sélectionnes le calque qui contient ce rectangle et tu cliques en gardant cliqué à l'endroit où doit se trouver ton rectangle tu le déplaces devant ton texte et tu vois l'effet derriere. Le deplacement se fait à l'aveugle c'est tout.

manico - Le 01 Avril 2007 à 18h21

Bonsoir
Je suis vraiment novice avec ce logiciel mais après 50 essais en suivant pas à pas la démarche j'ai toujours le même problème! Pas de rectangle à faire glisser????
Pouvez-vous m'aider?
Merci

Pouzy - Le 24 Mars 2007 à 14h08

Pour ce qui est du décalage, oui, bien sûr, il suffit de recréer une dernière image dans le cadre d'animation, et de laisser le délai que tu souhaites.
Pour le cadre bleu, bizarre :/

Akira - Le 24 Mars 2007 à 13h35

Ah! j'oubliais, je n'ai pas le cadre bleue pour faire le déplacement je dois tatonner pour retrouver mon rectangle de selection!!? merci

Akira - Le 24 Mars 2007 à 12h34

Est-il possible de laisser un décalage (par exemple 10 sec) entre deux passages de l'effet? merci

Pouzy - Le 27 Janvier 2007 à 14h28

J'ai mis la procédure totale à suivre pour le faire, en passant par les menus, passe plutôt par là pour voir ?

Pouzy - Le 22 Janvier 2007 à 22h16

Voilà, j'ai mis à jour le tuto. J'ai dit "grouper", mais ce n'est pas le terme exact. C'est un masque d'écrêtageClin d'oeil

Eleden - Le 27 Janvier 2007 à 14h25

Oui et euh quand je fait ctrl+g sa me fait un groupe :/ ( c'est pa ctrl+atl+g?)

Pouzy - Le 21 Janvier 2007 à 22h21

Le calque du rectangle est bien juste au dessus du calque de texte ? ( Poste dans le forum, ce sera plus facile pour t'aider )

SiNam - Le 21 Janvier 2007 à 21h32

hello...

j'ai 1 problème au moment de grouper. Une fois que c'est groupé, je déseletionne le rectangle de selection et ca me laisse 1 rectangle rouge ( la couleur avec la quel j'ai envie de faire le reflet animé), donc une fois que je suis sur Image Ready bah c'est 1 rectangle rouge qui bouge..

Que faire?...

Eleden - Le 20 Janvier 2007 à 15h37

pour ta pallette de calque du va dans le menu en haut fenetre et clik sur calquesClin d'oeil normalement tu doit avoir trajectoire

Vanlia - Le 20 Janvier 2007 à 12h26

... Je n'y arrive pas .. j'ai la version d'essaie d'image ready (1.0 je sais pas quelle est la derniere version ) et j'ai du m'arreté : "Sélectionnez le calque Effet dans votre palette des calques ( car c'est celui-ci que nous allons faire bouger ), puis déplacez le rectangle bleu vers le point d'arrivée du reflet" .

Je ne suis meme pas sur d'avoir la pallette de calque .

Ah oui je n'ai pas le bouton "trajectoire" aussi

Jakay - Le 19 Janvier 2007 à 01h19

Je veux aussi dire que la boucle du D n'est pas incluse parceque le cadre qu'il a mit est plus petitClin d'oeil
sinon Bon tuto Pouzy !

nix15 - Le 16 Janvier 2007 à 22h00

/!\ Je tiens à préciser qu'il ne faut surtout pas mettre de style au calque de texte (contours, incrustation en couleur, en dégradé...) Sinon ça ne marche pas ! /!\

Pouzy - Le 15 Janvier 2007 à 09h12

Coucou,

Dans la fenêtre animation, juste en dessous de la première image, tu as un "Toujours" : c'est le nombre de fois que la boucle est répétée. Clique dessus, tu auras une liste déroulante avec deux autres choix : 1 et "Autre".
Clique sur Autre pour définir le nombre de boucles que tu souhaitesSourire

ribusse - Le 14 Janvier 2007 à 23h58

Très sympa. Comment faire pour que le reflet ne passe qu'une ou un nombre déterminé de fois sur le texte ?
Ah oui, un simple petit défaut pour l'exemple : le cadre du reflet n'est pas assez grand car la boucle du d de Aidoforum n'est pas prise en compteSourire

Pouzy - Le 14 Janvier 2007 à 20h42

J'ai tout réécrit et modifié les images, Eleden.Sourire

Eleden - Le 14 Janvier 2007 à 20h36

Cool se tuto lol

Tutoriaux > Photoshop > Reflet animé qui passe sur un texte