''la buanderie''

agence de communication

TUTO – Effet Chromé

Bon alors grande première sur le blog, voici le premier tutoriel made in « la buanderie ». Comme tous les prétextes sont bons pour boire un coup, j’irai fêter ça dignement ce soir en célébrant au passage l’achat d’un nouveau stylo 4 couleurs. Le tuto du jour vous propose de réaliser un effet chromé que vous pourrez modifier à volonté.

Alors voici le résultat :

pincechrome

Quelle belle pince à linge ! Voici un logo qu’il est bien pimpé ! Aller hop, on est parti…

image-11

J’aime pas trop attaquer directement sur le visuel de base, du coup je le duplique et je vais me boire un café, ça occupe la matinée…

image-41

Là, comme mon visuel n’est pas uniforme au niveau des surfaces de couleurs (j’ai la pince et l’attache en métal), je détoure l’attache pour l’isoler sur un autre calque. Comme les bords en sont bien définis et que c’est tout blanc, un coup de baguette magique (tolérance 32) puis, pour affiner le détourage : Sélection>Modifier>Contracter pour resserrer un poil la sélection (valeur 1 pixel).

image-6

Et pour faire encore plus propre : Sélection>Modifier>Contour progressif (valeur 1 pixel) pour adoucir les bords du détourage.

image-8

Après hop hop, Cmd+C (ou Ctrl+C sur PC) et Cmd+V (ou Ctrl+V) et l’attache est isolée et copiée sur un autre calque.

image-9

Pour l’instant, je masque le calque comportant l’attache et je sélectionne ma pince à linge (calque précédent donc). La pince étant déjà détourée, j’ai juste à cliquer sur la vignette de mon calque à l’aide de Cmd (ou Ctrl) pour qu’elle soit sélectionnée. Avec la pipette, je clique sur le rouge de la pince et tape Shift+F5 pour remplir l’intégralité de la pince à linge en rouge (j’ai donc sélectionné remplir avec « couleur de premier plan »).

image-10

image-111

Maintenant, mes 2 éléments sont séparés sur 2 calques différents. On va donc attaquer les préparatifs de l’effet chromé.

Je sélectionne ma pince puis, dans l’onglet « Couches » je crée une couche Alpha (voir visuel ci-dessous).

image-12b1

image-13

On obtient donc une couche en noir et blanc. Mais on ne s’arrête pas là, on sélectionne la pince à linge dans la couche (ici, idem que sur le calque : Cmd+Clic ou Ctrl+Clic) et on lui applique un flou gaussien (Filtre>Atténuation>Flou gaussien). La valeur de ce flou dépend de la taille de votre image (vous pigerez plus loin à quoi ça sert), ici la valeur est de 4 pixels. Mais ce n’est toujours pas fini, là on a agi à l’intérieur de la pince, donc vous inversez votre sélection (Cmd+Shift+i ou Ctrl+Shift+i) et vous appliquez un nouveau flou, mais très léger cette fois (ici 1 pixel), qui agira sur les bords de la pince.

image-15

Résultat :

image-16

Maintenant, on revient sur l’onglet calques, on sélectionne l’attache et on fait la même chose : couches alpha (ici Alpha2 du coup puisque Alpha1 c’est la pince), sélection, flou, inverser la sélection, flou.

image-18

image-19

Hop ! Retour sur l’onglet calque, on sélectionne le calque de la pince que l’on duplique et auquel on met un petit calque de réglage « Noir et blanc » pour le faire passer en niveaux de gris (l’effet chrome merde si on l’applique sur une image en couleur directement). Les réglages de photoshop pour le noir et blanc sont par défaut bien réglés pour un noir et blanc neutre, donc faites juste « OK ».

image-20

image-21

Comme c’est trop foncé à mon goût, un petit coup de niveau pour éclaircir le tout (les réponses : « luminosité/contraste », « teinte/saturation » ou « autre moyen de se galérer pour obtenir le même résultat » étaient aussi acceptées).

image-22

image-23

image-24

Après avoir aplati  les calques « noir et blanc » en premier et « niveaux » en second (Cmd+E ou Ctrl+E) sur le calque de la pince duppliquée, on passe aux choses sérieuses. Je commence par l’attache, on va lui appliquer le filtre « éclairage » (Filtre>Rendu>Eclairage).

image-25

image-26

Paramétrez le faisceau pour qu’il éclaire tout l’objet et dans le menu déroulant « texture », sélectionnez la couche alpha que vous avez créee et qui correspond à l’objet éclairé (ici Alpha2). Une fois le filtre appliqué, allez dans Calque>Nouveau calque de réglage>Courbes. Cocher la case « Créer un masque d’écrêtage… » pour que les courbes ne s’appliquent que sur le calque de l’attache et pas ceux du dessous.

image-28

image-29

Le menu courbe apparaît. Pour donner un effet chromé, il faut faire des zigzags avec la courbe (voir ci-dessous). Après, c’est à vous d’affiner la position des points que vous ajoutez, combien vous en mettez, etc. C’est au feeling, voyez ce qui vous plaît selon l’objet que vous chromez.

image-30

On va procéder de même pour la pince, même combat : éclairage, couche Alpha1 cette fois, courbes zigzag…

image-31

image-32

image-33

La pince en monochrome noir et blanc, c’est classe, mais j’aimerais récupérer ma couleur rouge. C’est pas compliqué, sous le calque de ma pince chromée, j’ai le calque de la pince rouge. Je passe la pince chromée en mode « lumière crue » (voir ci-dessous). Pour les modes de fusion, faut tous les tester et voir celui qui rend le mieux. Dans ce cas précis, lumière crue rend bien. Pour atténuer un toutipeu l’effet, je réduis l’opacité du calque à 80%.

image-34

image-35

On a fait le gros du travail, y’a plus qu’à mettre un petit fond pour faire joli. On créé un nouveau calque « Fond » que l’on place sous la pince et que l’on remplit en blanc (Shit+F5).

image-37

image-38

On double clique sur la claque « Fond » pour faire apparaître les options de fusions et appliquer par exemple un petit dégradé réfléchi (démerdez vous pour les paramètres).

image-39

image-40

Et voilà, c’est terminé !!!

pincechrome1

Ce qu’il faut retenir pour l’effet chrome :

  • Utiliser plutôt des objets de couleur uniforme
  • S’il y a plusieurs éléments (comme ici), les séparer et appliquer l’effet séparément sur chaque élément
  • Bien préparer vos couches Alpha : + l’image est grande, + la valeur du flou à l’intérieur de l’objet doit être élevée
  • Faire des zigzags avec les courbes
  • Ne pas laisser un inconnu vous toucher entre les jambes
Fais tourner !
  • RSS
  • email
  • Facebook
  • Wikio FR
  • Twitter
  • del.icio.us
  • Netvibes
  • Print

Tags : , , , , , , , , +
Vu dans "la buanderie", Graphisme, Ressources, Ressources, Tutoriels

Laisser un commentaire