Mille et une façons de créer un reflet avec Photoshop

Le reflet et certainement l’effet que j’utilise le plus dans mes tutoriaux. Cette technique est très simple, mais elle nécessite la manipulation de plusieurs outils, et évidemment d’avoir compris le principe de la création.

Beaucoup de graphistes bloquent sur les étapes des reflets, surtout qu’ils peuvent être créés de façons très différentes pour un rendu et un style toujours différents.

Je vous propose de revenir sur ces techniques, pour les comprendre et surtout pour savoir les utiliser parfaitement.

COMPRENDRE LA TECHNIQUE

Voici les étapes que nous devons réaliser pour créer un reflet : Je crée une forme quelconque. Par-dessus et sur un nouveau calque je crée mon reflet en blanc. Si celui-ci dépasse de ma forme 1 je supprime pour qu’elle s’y adapte, puis j’applique soit une diminution d’opacité soit un masque de fusion (voir même les deux)

Voici un petit schéma explicatif.

LA TECHNIQUE : point par point

Je vais revenir sur chaque figure pour donner maintenant des explications détaillées et précises, je pense que c’est ce qui manquait dans la plupart des mes tutoriaux utilisant un reflet. Comme vous allez le voir c’est long, je n’aurais jamais pu republier à chaque fois les explications que je vais vous donner maintenant.

FIGURE 2

Je sélectionne l’outil plume, je crée un premier point d’ancrage sur la gauche, puis j’en crée un second sur le centre en tirant vers le bas, enfin je crée un troisième point sur la droite. J’ai ainsi créé le bas de ma forme. Il ne me reste plus qu’à la fermer et à en changer la couleur.

FIGURE 3

Il s’agit de supprimer les pixels en trop. Pour cela je récupère la sélection de mon carré, j’appuie sur (CTRL) puis je clique sur le calque de mon carré. Ensuite je vais dans le menu sélection > modifier > contracter et j’entre la valeur de 2 pixels. Ensuite toujours dans le menu sélection > inverser et j’appuie sur (Suppr).

Même méthode qu’à l’étape 6 sauf que cette fois je remplis ma sélection de blanc après l’avoir contractée.

FIGURE 4 et 7

Utilisation du masque de fusion. Sur mon reflet ainsi créé, je vais appliquer un masque de fusion. Je le retrouve dans le menu calque > masque de fusion > tout faire apparaître. Il s’applique ainsi dans la fenêtre des calques.

Lorsque j’applique un dégradé sur ce masque de fusion, une partie de mon reflet disparaît. Je sélectionne donc l’outil des dégradés (noir vers blanc) puis j’applique un dégradé comme ci-dessous. La technique consiste à partir un peu plus en dessous et à finir un peu plus au dessus.

Avec une application différente de dégradés, on peut obtenir des effets très différents, voir ci-dessous.

FIGURE 5 et 8

Pour ces deux exemples je n’ai fait que baisser l’opacité des calques. Rien de plus, rien de moins ;)

Voila donc la technique du reflet expliquée. Vous aurez sûrement remarqué qu’il y a vraiment beaucoup de méthodes variées pour arriver au même résultat. Il existe encore de nombreux petits trucs pour que l’effet soit encore plus beau, mais là, ce sera à votre imagination de carburer un peu ;)

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 39 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 20 juillet 2007 10:45, par oxyde

    Bravo , ce tuto est bien adapté au passage actuel au web 2.0 !

    Répondre
  • 31 juillet 2007 14:12, par elbaghdadi rachid

    salut.c est bien ce que vous faites .mais pour moi comme d ebutant c est tres dificile de comprendre vos travaux.je vous demande de bien detailler.merci

    Répondre
  • 4 août 2007 11:16, par `.Taku_^

    bonjour,

    merci pour le tuto, mais je bloque a l’étape 3, impossible de trouver menu sélection > inverser :/ merci de bien vouloir m’aider :)

    Répondre
  • 5 août 2007 15:24

    http://www.webdesign-tutoriaux.com/tutoriel-856.html

    Plagiat ?

    Répondre
    • 5 août 2007 15:59, par Hammerhead

      En fait non, c’est un site qui recense les tutoriels pour photoshop et autres logiciels. D’ailleurs, c’est en passant par ce site que j’ai trouvé ce magnifique tutoriel :-)

      PS : Petite remarque concernant le site, tu devrais ajouter le plugin frimousseIV pour le site, ce serait pas mal pour les commentaires ;)

      Répondre
      • 10 août 2007 11:45, par Wonka

        C’est quoi le filtre frimousseIV ?

        Répondre
        • 21 août 2007 18:46, par azerty7301

          un plugin pour spip ?

          Répondre
  • 27 août 2007 21:54, par Valck

    Où est le bouton Inverser dans Sélection à l’étape 3 ? Merci pourtant de ce tuto Wonka, qui m’aurait permis de faire des progrès si je pouvais trouver ce fichu bouton Inverser ...

    Répondre
    • 28 août 2007 11:55, par Wonka

      Il faut chercher la fonction intervertir !

      Répondre
  • 22 septembre 2007 00:11, par pierrafeux

    hello, je suis sur mac et lorsque j’appuie sur supp sur mon clavier (« inverser et j’appuie sur (suppr). ») il ne se passe rien ... je débute sur ps3

    merci de m’éclairer

    Répondre
    • 23 septembre 2007 13:37, par Wonka

      En fait c’est pas inverser mais intervertir et oui ensuite tu appuies sur supprimer.

      Répondre
  • 17 novembre 2007 20:24, par Toto

    Salut à vous,

    Je suis à bout de nerf car je suis débutant, et je n’y arrive pas !

    Voici les étapes de ma création avec les probleme qui surviennent :

    _J’ouvre un document avec un fond gris.

    _Je crée un rectangle à bord arrondi en blanc (je trouve le calque bizarre dans la fenetre calque est-ce normal ? voici un lien de l’image : ici)

    _Je fais le bas de ma forme avec l’outil plume puis je la ferme (je l’ai fait en rouge)

    _Ensuite, je recupere la selection de mon carré puis je contracte de 2 pixels.

    _Puis je fait intervetir (les pointillets sont autour du rectangle et sur les extrémités de l’image) puis je fait supprimer avec la commande « suppr » de mon clavier et la apparait le plus gros de mes problemes ! La forme créer à la plume se supprime !! Donc après je ne peut plus continué !!

    Je sais que je vous demande beaucoup de chose mais étant donné que je suis débutant et que c’est une base à acquérir je vous pose toutes ces questions pour essayé de m’en sortir !!

    Merci d’avance à celui ou celle qui prendra un peu de son temps pour m’aider !

    MERCI BEAUCOUP !

    Répondre
    • 19 novembre 2007 13:50, par Wonka

      ATTENTION, tu crées une forme que sera ton reflet avec la plume, c’est bien ce que j’ai compris, ton problème est le suivant, tu ne peux pas supprimer une partie des pixels si tas formes n’est pas pixélisée.

      Je m’explique, les formes ainsi que l’outil plume crée en vectorielle, bref ta forme n’est pas pixelisée. Normalement qu’il ne veuille pas intervenir dedans.

      Donc pour résoudre ton soucis : tu dois pixeliser en faisant un clic droit sur ta forme rouge (celle crée avec la plume) puis tu sélectionne pixeliser le calque, ou la forme je ne sais plus.

      L’incidence : le calque change de forme dans la fenètre des calques et maintenant tu peux supprimer tes pixels ;)

      Bonne chance !

      Répondre
      • 20 novembre 2007 13:26

        C’est bon !

        Merci Wonka ! j’ai essayé avec photoshop cs de pixellisé mais sa marché pas et j’ai essayé avec la cs3 (magnifique d’ailleurs !) et la ça marche ! que demande le peuple ! lol

        Merci encore ! @+ et encore merci pour tes tutos !

        Répondre
        • 20 novembre 2007 19:33, par Wonka

          Effectivement que demande le peuple, je suis ravis d’avoir pus t’aider.

          Répondre
          • 16 décembre 2007 15:54, par FTK

            Sympa ton site Wonka !!! Je tombe tout juste dessus pour apprendre quelques techniques et toutes mes félicitations pour toute cette connaissance mise à disposition.

            Et au passage merci : en tant que débutant je tombais sur le même problème

            Répondre
            • 17 décembre 2007 10:28, par Wonka

              Mais de rien, c’est un plaisir ;)

              Répondre
  • 18 décembre 2007 10:26, par Luny

    Complément d’informations :

    Arriver à l’étape 3 : Vous devez pixelisez les deux calques avant d’intervertir. Une fois les calques pixeliser, selectionnez le carré (CTRL+clik) > contractez de 2 pixels > intervertir > positionnez vous sur le dernier calque (celui de l’effet) > et faites supprimez.

    Répondre
    • 18 décembre 2007 11:40, par Wonka

      Merci pour ce complément ;)

      Répondre
      • 1er février 2008 00:37, par Mofo

        Il y a encore plus simple pour faire un créer un reflet au niveau de l’étape N°3, je m’explique.

        Une fois que le tracé à la plume est fermé, (pas besoin de changer de couleur, on le laisse en noir) il suffit de récupérer la sélection de ce tracé (ctrl/clic) sur le calque de venir cliquer sur le calque désiré (pour exemple le fond rose) et faire le raccourci magique !!! (trois touches en même temps, faut pas être manchot) (ctrl/maj/alt) + clic sur le calque du fond rose) ce qui à pour effet de passer directement la sélection sur le calque désiré. Ce n’est pas magique comme procédé !!! et bien plus rapide surtout.

        Après il faut créer un nouveau calque, contracter la sélection de deux pixels (pour l’exemple) et remplir de blanc, puis continuer comme d’habitude pour le reste.

        Sinon je ne sais pas si tu connais ce raccourci pour remplir ta sélection ou le fond d’un calque, qui est : (ctrl/retour arrière) pour remplir de blanc (couleur de 2eme plan) et (alt/retour arrière) pour remplir de noir (couleur de 1er plan) Il faut maintenir la première touche ctrl ou alt et appuyer sur la deuxième touche retour arrière.

        Voilà pour ces petites infos qui simplifient bien la vie derrière son écran !!!

        Répondre
        • 3 juin 2008 16:26, par wandaa

          ctrl+maj+alt+clic ! je connaissais pas :) trop bon ! merci !!! encore un ptit raccourci qui change la vie...

          Répondre
  • 26 février 2008 04:33, par cyril

    ca va, mis du temp à conprendre, manque un peut de détail mais bon rien nes facile ! faut chercher un peut :-s

    sinon trés bien, merci beaucoup.

    Répondre
  • 2 mai 2008 15:27, par X-Graph Inlove*

    WWWWAAAAA mais je cherchait ce tuto depuis un bon moment !!! puré ce site est vraiment trop géniiialllissssiiimme !!! y’a tellement de bons tuto que je ne sais meme pas par lequel commencé XD PAR CELUI LA DEJA C SUR ! :)

    Répondre
    • 2 mai 2008 17:19, par Wonka

      Est bien merci, ca me fait bien plaisir ^^

      Répondre
      • 30 mai 2008 14:56, par Fribourg

        Yes, longue vie à WKS...

        Répondre
  • 23 juin 2008 10:38, par Oliv54

    Je n’arrive pas à faire le dégradé, vous pouvez m’aider ?

    Voici mon image : http://img208.imageshack.us/img208/713/logomsc1.png

    Merci :).

    Répondre
    • 23 juin 2008 11:04, par Wonka

      C’est justement un tutorial qui explique comment le faire, allez un petit effort ce n’est pas très compliqué !

      Répondre
      • 23 juin 2008 11:17, par Oliv54

        Je veux bien mais c’est pas si détaillé que ça comme tuto... :S

        Moi j’en suis là : http://img59.imageshack.us/img59/2074/ishot2bs2.png

        Répondre
        • 23 juin 2008 16:03, par Wonka

          il faut ajouter un masque de fusion : calque > masque de fusion > tout faire apparaitre, puis sur ce masque dessiner en noir les parties que je veux voir disparaitre. Pour faire un reflet je prend donc un reflet noir en dégradé !

          Répondre
  • 26 juin 2008 17:44

    Mille mercis pour ce tutorial qui m’a ouvert pleins de portes et merci aussi pour les commentaires des gens qui permettent de faire avancer le schmilblick ! SUPER SITE !

    Répondre
    • 26 juin 2008 19:51, par Wonka

      Merci pour ton message, ca me fait bien plaisir ;)

      Répondre
  • 28 juin 2008 23:29, par Sam

    Ce que je ne comprend pas c’est quand je vais dans menu — selection il n y a pas d’inverser s’il vous plait aidez moi

    Répondre
    • 29 juin 2008 10:45, par Wonka

      Menu sélection intervertir et non inverser, c’est une erreur dans l’article !

      Répondre
  • 11 novembre 2008 20:41, par rubi_666

    trop bien ton tuto enfaite je les ai tout adorer merci beaucoup jtaddddddddddooooooor rubi

    Répondre
  • 17 mai 2009 17:11, par mjmc

    J’ai trouvé une façon de faire encore plus simple un reflet :

    1 vous écrivez votre texte

    2 vous faites un nouveau calque en dessus de celui du texte

    3 vous prenez l’outil ellipse et vous dessinez une ellipse qui va cacher la moitié de votre texte

    4 vous ajoutez au calque avec l’ellipse un style de calque incrustation de dégradé

    mode de fusion : normal

    Opacité : 100%

    Dégradé : blanc vous cochez inverser

    Style : réfléchi vous cochez aligner sur calque

    Angle : 90°

    Échelle : 100%

    Vous cliquez ok et voilà vous avez un reflet.

    Merci wonka pour tes tuto il m’ont bien aidé.

    Répondre
  • 21 mai 2009 10:42, par tutoadonf

    Répondre
  • 21 mai 2009 10:45, par tutoadonf

    Oui superbe tuto le rendu est tres sympa ^^ merci Wonkas

    Répondre
  • 25 février 2010 13:59, par Alan

    Merci pour ce tuto... Voilà ce qu’on peut obtenir :

    Répondre
  • 6 mai 2011 18:36, par Votre pseudonymedexbi

    merci pour tout ceux qui ont l’aimabilité de deposer leurs tutoriel dans ce site et surtout merci au createur de ce site c’est vachement grand d’avoir une idée comme ce site car lui même n’imagine pas ce que ça peu aporter a ceux qui souhaite devenir graphiste.merci

    Répondre

Ajouter un nouveau commentaire