NoShade.

net | Tutoriel Photoshop | Effet de reflet Page 1 sur 3

LE SITE TUTORIAUX INTERVIEWS

NoShade.net
Accueil » Tutoriaux » Photoshop » Effet de reflet

NoShade est un site de tutoriaux en graphisme

Effet de reflet (Photoshop, Illustrator, Cinema 4D, Flash, Blender,
The GIMP, PAO), code (XHTML/CSS, PHP/MySQL)
et en Photographie. En prime, quelques interviews
d'infographistes de talent.

fr.picjoke.com Annonces Google

TOUS LES TUTORIAUX
Nous allons voir ici une technique très sympathique et pourtant très simple pour faire un effet de reflet, comme si l'objet ou le texte CODE
que vous allez manipuler était sur un sol virtuel. Ce procédé est très utilisé et se répand de plus en plus, notamment sur les sites GRAPHISME 2D
Photoshop XHTML/CSS
Web ou même dans le domaine de la publicité. Diverses variantes sont possibles (faire un reflet pour une capture d'écran, sur un PHP/MySQL
texte, sur un personnage, un objet) et vous ne pourrez plus vous passer de cet effet fantastique. Illustrator
Flash MX AUTRES
Tout d'abord, il vous faut créer un nouveau document de taille disons 300 x 300 pixels. Bien entendu, vous pouvez modifier ces Paint Shop Pro PAO
dimensions selon vos besoins. A ce stade, remplissez le fond de votre document d'une couleur quelconque. Pour le remplir de noir, The GIMP Photographie
au lieu d'utiliser le pot de peinture, appuyez sur la touche D pour réinitialiser les couleurs par défaut de Photoshop (à savoir le noir GRAPHISME 3D
comme couleur de premier plan, et le blanc en couleur d'arrière plan). Appuyez ensuite sur Alt + Supprimer pour remplir de Cinema 4D
noir. Insérez maintenant un objet (logo, texte) à votre document, dans un nouveau calque que vous appellerez "objet".
Blender
Voici ce que j'obtiens :

Cloths Patterns
150 Patterns in 10$
Professional and
Royalty Free
www.freephotoshop.org

Voilà, nous avons posé les bases de notre document.

Le principe du reflet est très simple. En utilisant astucieusement l'outil de transformation manuelle, on crée une copie de l'objet que
vous avez choisi (ici un texte) mais en symétrie horizontale, comme s'il était posé sur un miroir si vous voulez... Ensuite nous
jouerons avec les sélections pour que l'effet se dégrade progressivement ... Bref, continuons!

Dupliquez votre calque "objet" et, si vous avez choisi de manipuler un texte, pixellisez-le. Pour ce faire, prenez votre calque Nos cours vous ont aidés? Faire un don »
"objet" et glissez-le jusqu'à l'icône "Nouveau calque" dans la fenêtre des calques (voir image ci-contre). Renommez le calque
ainsi obtenu "reflet" et, si besoin, faites un clique droit dessus, puis cliquez sur "Pixelliser le calque". Envie de partager vos connaissances ?
Comme vous l'avez deviné, nous allons créer notre reflet sur le calque "reflet", assurez-vous donc qu'il soit bien sélectionné. Pourquoi pas devenir rédacteur sur NoShade ?
Prenez ensuite l'outil de transformation qui se trouve dans le menu "Edition" ou bien faites tout simplement le raccourci Ctrl + T .
Lors d'une transformation manuelle, huit poignées apparaissent autour de notre sélection : elles se situent à ses quatre angles,
ainsi qu'aux milieux de ses quatre côtés. Celle qui nous intéresse est celle du milieu, située le plus en haut. Prenez-là et abaissez-
là jusqu'à voir apparaître le nombre -100 % (on n'es pas forcément à 2% près...) dans la barre de l'option de l'outil en haut de
l'écran. Comme vous le constatez, le résultat est le même : vous faites comme vous le sentez :).

Voici ce que vous devriez avoir :

On pourrait très bien s'arrêter là mais le résultat n'est pas franchement poussé. Ce que nous allons faire va être déterminant pour le
rendu (je mets la pression là hein ? :p). En fait, nous allons récupérer une sélection à l'aide d'un dégradé comme je vous l'ai dit au
début de ce tutorial.

Avant de continuer, j'aimerais préciser une chose, qui peut vous arriver, tout simplement selon la police utilisée :
Si celle-ci comporte une hauteur de ligne qui n'est pas égale, il se peut par exemple qu'une ou plusieurs lettres du mot que vous
avez écrit, puis déformé, soit en décalage vertical par rapport aux autres lettres. Dans ce cas, la solution est simple.
Sélectionnez avec l'outil "rectangle de sélection" (touche M ) les lettres qui sont décalées, puis, avec l'outil de déplacement (touche
V ), décalez-les selon le besoin.

Créez maintenant un nouveau calque au-dessus du calque "reflet" et appelez-le "dégradé" (à la limite, le nom importe
peu puisqu'il sera supprimé par la suite). Prenez l'outil dégradé.
fr.picjoke.com
Créez votre propre dégradé, allant d'une couleur quelconque (disons vert fluo...) à une couleur totalement transparente Annonces Google
(opacité 0). Comme le montre le croquis ci-contre, nous allons appliquer notre dégradé de bas en haut. Appliquez le
comme sur le croquis, un peu en décalage par rapport à la hauteur de vôtre lettre. A préciser que, comme bien souvent
dans Photoshop, nous allons devoir maintenir la touche Shift pour appliquer notre dégradé parfaitement
verticalement, et ne pas risquer de l'appliquer avec ne serait-ce qu'un pour-cent de décalage, ce qui donnerait un
résultat médiocre. :-) N'hésitez pas à annuler le dégradé que vous avez fait ( Ctrl + Z ou Pomme + Z sur Mac) et à le refaire s'il

http://www.noshade.net/tutoriel-photoshop-40.php 18/01/2010
NoShade.net | Tutoriel Photoshop | Effet de reflet Page 2 sur 3

ne vous convient pas. :-)

Une fois satisfait de votre dégradé, faites Ctrl + Clic sur le calque "dégradé" ( Pomme + Clic sur Mac) pour en récupérer la
sélection. Gardez la sélection active, passez sur le calque "reflet" et appuyez sur la touche effacer.

Et voilà le résultat ! Il ne vous reste plus qu'à effacer le calque "dégradé" et contempler votre chef d'ùuvre. :-)
Selon le cas, et le résultat voulu, vous pouvez aussi réduire un peu l'opacité du calque "reflet" .

Joyeux reflets à tous! :D

Le 23/07/2006 par Vinchz

Partager ce tutoriel :

Commentaires :
Med a écrit :

Très bon tutoriel , qui permet de faire de jolies choses combinés à d'autres effets de texte :)

Anodeus a écrit :

MMmmmm...mouais. On voit que t'as du goût!

Liam_Mounir a écrit :

c'est pas beter beter mais ça passe a mon avis ^^ moi ma méthode c'est la suivante:
1)je crée un nouveau doc et j'écris mon texte
2)je duplique mon texte et je le met en bah
3)je rajoute un masque de fusion à coté du calque reflet sa veux dire celui que celui que j'ai mi en bas
4) je prend l'outil dégradé et je maintien le bouton shift et je fais un trait vertical
et voila le travail ^^ dé-fois j'obtiens des bon résulta et dé-fois non mais je vous conseil quand même de testé ma méthode elle est plus
pratique que celle qui est dans ce site et bonne chance ;)

http://www.noshade.net/tutoriel-photoshop-40.php 18/01/2010
NoShade.net | Tutoriel Photoshop | Effet de reflet Page 3 sur 3

Ajouter un commentaire sur ce tutoriel

Pseudo

Adresse email (ne sera pas publiée)

Site web (sans http://)

Mon commentaire

Vous voulez montrer Joindre mon résultat (.jpg ou .png uniquement)

ce que vous avez réussi
à faire grâce à ce tutoriel? Browse...

Code à recopier

Poster mon commentaire

Adobe, Photoshop, Reflet, Glace, Miroir

Si vous avez remarqué une erreur (une faute ou tout autre type de problème que nous puissions corriger), n'hésitez pas à nous écrire!
Soyez aussi précis que possible et n'oubliez pas de nous indiquer le tutoriel dans lequel l'erreur se trouve. Merci!! :)

© NoShade.net 2005-2009 | A propos | Contacts | Publicité | Plan du site | Haut de page | 18 visiteurs en ligne

http://www.noshade.net/tutoriel-photoshop-40.php 18/01/2010