Comment coloriser une image comme dans l'exemple?

16

J'ai vu un tel effet utilisé dans de nombreux endroits, mais je n'ai pas compris comment le reproduire via Photoshop.

J'ai essayé de désaturer l'image, de la placer sous une couche de couleur unie puis d'abaisser l'opacité de la couleur. J'ai également essayé quelques modes de mélange, en vain. L'effet est loin d'être le même.

Quelqu'un peut-il me dire l'effet utilisé sur ces images?

Ceci est une capture d'écran de quelques sites Web

DYNSTy
la source

Réponses:

24

C'est très probablement un Gradient Map. Voici un petit guide pratique:

  1. Ouvrez votre image source
  2. Définissez vos couleurs de premier plan et d'arrière-plan dans la boîte à outils: la couleur d'arrière-plan doit être plus claire que la couleur d'avant-plan
  3. Ajouter une Gradient Mapcouche d'ajustement ( Layer> New Adjustment Layer> Gradient Map...ou utiliser l'icône de cercle noir / blanc dans la Layerspalette)

Cela rendra votre image uniquement dans les couleurs dans un dégradé des deux couleurs choisies, la couleur d'arrière-plan correspondant aux parties les plus lumineuses de l'image et le premier plan le plus sombre.

exemple de carte de dégradé

Si vous n'êtes pas satisfait du résultat, ouvrez la Propertiespalette ( Window> Properties), elle vous montrera le dégradé utilisé et vous permettra de le modifier en cliquant dessus. Comme il s'agit de la boîte de dialogue de dégradé standard, vous pouvez même choisir un dégradé de stock ou celui que vous avez enregistré plus tôt.

Vincent
la source
J'aime vraiment cette façon d'obtenir cet effet. J'aurais probablement utilisé une méthode avec un tas d'autres étapes. C'est beaucoup plus efficace.
GoofyMonkey
Oui, comme ça. Mais, personnellement, obtenez le résultat nécessaire avec le bouton de transparence plus rapidement que de jouer avec la deuxième couleur du dégradé. Je suppose que c'est une dépendance due.
Vnovak
12
  • Choisissez une belle image

entrez la description de l'image ici

  • Colorisez l'image avec la couleur que vous voulez avec les options de mélange de couleurs

entrez la description de l'image ici

  • Coupez-le sur votre calque coloré avec la transparence et l'option de mélange Normal.

entrez la description de l'image ici

  • Ou avec des options de mélange Multiplier.

entrez la description de l'image ici

Vnovak
la source
Mec, ça fait beaucoup de premiers pas. Où commencer, où commencer. :)
GoofyMonkey
:)) ne voulait vraiment pas que l'utilisateur3134178 se perde à la première étape ..
Vnovak
1
désolé d'avoir tué la blague. sortie à gauche
Vincent
@Bakabaka: Ahhh… :(
GoofyMonkey
1
@Bakabaka: J'ai fait une modification pour montrer comment faire la numérotation correctement, mais oubliez que je n'ai pas assez de réputation ici (=> aucune), donc la modification s'est retrouvée dans la file d'attente de révision, pas sûr qu'elle sortira.
David Mulder
9

Je suggère d'utiliser le mode de fusion Multiplier, avec l'image devant la couche de couleur. (Techniquement, avec Multiply, l'ordre des calques n'a pas d'importance, mais le fait d'avoir le calque d'image devant vous permet d'ajuster son opacité au lieu d'avoir à modifier directement ses niveaux de couleur.)

Par exemple, voici ma tentative rapide de recréer l'image de NYC. Je n'ai pas Photoshop donc j'utilise GIMP, mais les étapes devraient être fondamentalement les mêmes dans les deux programmes:

  1. Commencez avec une photo appropriée. Pour cet exemple, j'utilise ce panorama sous licence libre (CC-By-SA 2.5) de Manhattan par AngMoKio sur Wikimedia Commons :

    Étape 1: photo panoramique originale de Manhattan

  2. La première étape du processus consiste à convertir l'image en niveaux de gris. Pour un contrôle maximal sur les résultats, vous voudrez utiliser le mélangeur de canaux. Par exemple, ici, j'ai principalement pris le canal rouge et un peu de bleu, le canal vert étant principalement ignoré:

    Étape 2: conversion en niveaux de gris à l'aide du mélangeur de canaux

  3. Maintenant, créez un calque de couleur unie (j'ai utilisé RVB #01baff= HSV (196, 100, 100)), déplacez-le sous le calque d'image en niveaux de gris et définissez le mode de fusion du calque d'image sur Multiplier. Le résultat devrait ressembler à ceci:

    Étape 3: ajoutez un calque bleu uni en dessous et définissez le mode de fusion du calque supérieur pour qu'il se multiplie

  4. Nous avons déjà un bel effet Duotone, mais il y a beaucoup trop de contraste pour ce que nous voulons. Pour résoudre ce problème, réduisez simplement l'opacité du calque d'image à, disons, 25%:

    Étape 4: réduire l'opacité du calque supérieur

  5. C'est déjà assez proche de ce que nous voulons. Pour l'ajuster un peu plus, j'ai ajusté la courbe de couleur du calque d'image en niveaux de gris (en tirant vers le haut les tons moyens pour ajouter plus de contraste dans les ombres, et en ajoutant une belle courbe lisse en haut pour lisser les reflets), j'ai réduit l'opacité à 20% pour compenser, et a ajouté un calque noir supplémentaire avec une opacité de 7% pour assombrir un peu l'arrière-plan (maintenant légèrement trop clair):

    Étape 5a: ajustement de la courbe de couleur Étape 5b: Couches supplémentaires

    Et voici le résultat final:

    Étape 5: Résultat final

    (On peut se demander si les réglages de la dernière étape ont réellement amélioré le résultat ou non, mais je les ai quand même inclus juste pour montrer que vous pouvez régler le contraste et la légèreté comme ça.)

Ilmari Karonen
la source
0
  1. Utilisez Image> Réglages> Teinte et saturation ... Désaturez l'image en déplaçant le curseur de Saturation complètement à gauche. Cela supprime la couleur.

  2. Dans le panneau des calques, cliquez sur la petite icône "fx" en bas du panneau des calques et choisissez Superposition de couleurs. Dans la boîte de dialogue Effet qui apparaît, cliquez sur la case de couleur (elle est généralement rouge par défaut) pour faire apparaître le sélecteur de couleur et choisissez la couleur que vous souhaitez utiliser.

  3. Déplacez le curseur d'opacité vers le bas à 50% ou quel que soit le paramètre qui vous donne l'effet souhaité.

  4. Si la désaturation fait que l'image est très grise, vous pouvez utiliser Image> Réglages> Niveaux automatiques, ou l'ajuster manuellement avec Niveaux pour aligner les curseurs avec les informations de l'histogramme.

user26278
la source