Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

LE SITE TUTORIAUX INTERVIEWS Effet de reflet Nous allons voir ici une technique

LE SITE TUTORIAUX INTERVIEWS Effet de reflet 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 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 Web ou même dans le domaine de la publicité. Diverses variantes sont possibles (faire un reflet pour une capture d'écran, sur un texte, sur un personnage, un objet) et vous ne pourrez plus vous passer de cet effet fantastique. Tout d'abord, il vous faut créer un nouveau document de taille disons 300 x 300 pixels. Bien entendu, vous pouvez modifier ces dimensions selon vos besoins. A ce stade, remplissez le fond de votre document d'une couleur quelconque. Pour le remplir de noir, 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 comme couleur de premier plan, et le blanc en couleur d'arrière plan). Appuyez ensuite sur Alt + Supprimer pour remplir de noir. Insérez maintenant un objet (logo, texte) à votre document, dans un nouveau calque que vous appellerez "objet". Voici ce que j'obtiens : 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 "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". Comme vous l'avez deviné, nous allons créer notre reflet sur le calque "reflet", assurez-vous donc qu'il soit bien sélectionné. 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é. Créez votre propre dégradé, allant d'une couleur quelconque (disons vert fluo...) à une couleur totalement transparente (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 NoShade.net Accueil » Tutoriaux » Photoshop » Effet de reflet fr.picjoke.com Annonces Google CODE XHTML/CSS PHP/MySQL AUTRES PAO Photographie NoShade est un site de tutoriaux en graphisme (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. TOUS LES TUTORIAUX GRAPHISME 2D Photoshop Illustrator Flash MX Paint Shop Pro The GIMP GRAPHISME 3D Cinema 4D Blender Nos cours vous ont aidés? Faire un don » Envie de partager vos connaissances ? Pourquoi pas devenir rédacteur sur NoShade ? Cloths Patterns 150 Patterns in 10$ Professional and Royalty Free www.freephotoshop.org fr.picjoke.com Annonces Google Page 1 sur 3 NoShade.net | Tutoriel Photoshop | Effet de reflet 18/01/2010 http://www.noshade.net/tutoriel-photoshop-40.php 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 ;) Page 2 sur 3 NoShade.net | Tutoriel Photoshop | Effet de reflet 18/01/2010 http://www.noshade.net/tutoriel-photoshop-40.php Pseudo Adresse email (ne sera pas publiée) Site web (sans http://) Mon commentaire Vous voulez montrer ce que vous avez réussi à faire grâce à ce tutoriel? Code à recopier Ajouter un commentaire sur ce tutoriel Joindre mon résultat (.jpg ou .png uniquement) Browse... 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 Page 3 sur 3 NoShade.net | Tutoriel Photoshop | Effet de reflet 18/01/2010 http://www.noshade.net/tutoriel-photoshop-40.php uploads/s3/ tutoriel-photoshop-40.pdf