Comment transformer une photo en croquis au crayon dans Photoshop

Ce tutoriel vous montrera comment transformer facilement une photo en croquis au crayon à l'aide d' Adobe Photoshop . Nous commencerons par transformer une photo en croquis noir et blanc, puis l'article vous montrera 3 façons différentes d'ajouter de la couleur à votre croquis, notamment en utilisant la couleur d'origine de la photo, une seule couleur et un dégradé !

Table des matières

• Comment transformer une photo en croquis au crayon
  • Étape 1 : dupliquer le calque d'arrière-plan
  • Étape 2 : Désaturer le calque
  • Étape 3 : dupliquer la couche de désaturation
  • Étape 4 : Inverser le calque
  • Étape 5 : Changez le mode de fusion des calques en Color Dodge
  • Étape 6 : Convertir le calque en objet dynamique
  • Étape 7 : Appliquer le filtre Flou gaussien
  • Étape 8 : ajouter un calque de réglage Niveaux
  • Étape 9 : Changez le mode de fusion en Multiplier
• Remplissez le contour avec la couleur d'origine de l'image
  • Étape 10 : Dupliquez à nouveau le calque d’arrière-plan
  • Étape 11 : Renommez le nouveau calque en Couleur
  • Étape 12 : Déplacez le calque Couleur au-dessus du calque de réglage
  • Étape 13 : Changez le mode de fusion en Couleur
• Comment colorier un croquis avec une seule couleur
  • Étape 14 : Désactivez le calque Couleur
  • Étape 15 : ajouter un calque de remplissage de couleur unie
  • Étape 16 : Changez le mode de fusion en Couleur
• Comment colorier un croquis avec un effet dégradé
  • Étape 17 : Désactivez le calque de remplissage de couleur unie
  • Étape 18 : ajouter un calque de remplissage dégradé
  • Étape 19 : Choisissez un dégradé
  • Étape 20 : Changez le mode de fusion en Couleur
• Comment basculer entre les effets de couleur d'esquisse
  • Restaurer un croquis en noir et blanc
  • Restaurer la version couleur du croquis

Comment transformer une photo en croquis au crayon

L'article a utilisé Photoshop 2021, mais toutes les étapes devraient fonctionner avec Photoshop 2022 et 2023. Ces premières étapes transformeront la photo en un croquis en noir et blanc.

Étape 1 : dupliquer le calque d'arrière-plan

Nous commencerons dans le panneau Calques de Photoshop, où l'image apparaît sur le calque d'arrière-plan :

Nous aurons besoin de cette image pour ajouter de la couleur au croquis plus tard. Donc, pour plus de sécurité, nous allons en faire une copie.

Cliquez sur le calque d'arrière-plan et faites-le glisser vers le bas jusqu'à l' icône Nouveau calque :

Faites une copie du calque d’arrière-plan.

Une copie apparaît au-dessus de l'original :

Étape 2 : Désaturer le calque

Ensuite, nous allons supprimer toute la couleur du calque de copie d’arrière-plan à l’aide de la commande Désaturer de Photoshop.

Accédez au menu Image dans la barre de menu en haut de l'écran, sélectionnez Réglages , puis sélectionnez Désaturer :

Photoshop désature l'image, nous laissant avec une version en noir et blanc :

Étape 3 : dupliquer la couche de désaturation

De retour dans le panneau Calques, créez une copie de la version désaturée en faisant glisser le calque de copie d'arrière-plan vers l'icône du nouveau calque :

Et encore une fois, la copie apparaît au-dessus de l'original :

Étape 4 : Inverser le calque

Nous devons inverser les niveaux de luminosité sur ce calque, en rendant les hautes lumières plus sombres et les ombres plus claires. Pour ce faire, nous utiliserons la commande Inverser de Photoshop.

Allez dans le menu Image , sélectionnez Réglages , puis sélectionnez Inverser :

Cela inverse l’image, créant un effet de film négatif :

Étape 5 : Changez le mode de fusion des calques en Color Dodge

Dans le panneau Calques, modifiez le mode de fusion du calque inversé de Normal (par défaut) à Color Dodge :

Le document devient complètement blanc, même si vous pouvez voir quelques zones noires dispersées en fonction de votre image :

Étape 6 : Convertir le calque en objet dynamique

Pour créer l'effet d'esquisse, nous allons flouter le calque inversé à l'aide du filtre Flou gaussien de Photoshop. Mais pour garder les paramètres du filtre modifiables, nous appliquerons le flou gaussien comme filtre intelligent. Et pour ce faire, nous devons d’abord convertir le calque en un objet intelligent.

Dans le panneau Calques, cliquez sur l’icône de menu dans le coin supérieur droit :

Et sélectionnez Convertir en objet dynamique dans le menu :

Une icône apparaît dans la vignette d'aperçu du calque, nous indiquant que le calque est désormais un objet intelligent et que nous sommes prêts à appliquer le filtre :

Étape 7 : Appliquer le filtre Flou gaussien

Allez dans le menu Filtre dans la barre de menu, sélectionnez Flou , puis sélectionnez Flou gaussien :

Ensuite, dans la boîte de dialogue Flou gaussien , faites glisser le curseur Rayon le long du bas pour flouter le contenu du calque. L’effet de contour que vous obtiendrez dépendra de la quantité de flou que vous appliquez. Des valeurs de rayon inférieures créeront des croquis avec des lignes fines et lisses, tandis que des valeurs plus grandes créeront des croquis plus réalistes.

Par exemple, si nous choisissons une valeur de rayon assez faible de 10 pixels :

Terminé avec cet effet ici avec des lignes très douces :

Mais si nous augmentons la valeur à une valeur beaucoup plus élevée, disons 45 pixels :

L'effet ressemble davantage à la photo originale. La valeur du rayon dont vous avez besoin dépendra de la photo et du look que vous souhaitez. Faites donc attention à l’image lorsque vous faites glisser le curseur pour évaluer les résultats.

Dans ce cas, l’exemple utilisera la deuxième version, plus réaliste. Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue Flou gaussien :

Comment modifier les paramètres du flou gaussien

Étant donné que nous avons appliqué le filtre Flou gaussien à un objet intelligent, le panneau Calques affichera ce filtre répertorié comme filtre intelligent sous l'objet intelligent. Vous pouvez double-cliquer sur le mot Flou gaussien à tout moment pour rouvrir la boîte de dialogue du filtre et expérimenter différents paramètres :

Étape 8 : ajouter un calque de réglage Niveaux

À ce stade, le croquis peut paraître trop lumineux avec un contraste trop faible. Mais nous pouvons l'assombrir très facilement en utilisant un calque de réglage Niveaux et un calque de mode de fusion.

Toujours dans le panneau Calques , cliquez sur l' icône Nouveau calque de remplissage ou de réglage :

Et sélectionnez Niveaux dans la liste :

Photoshop ajoute un calque de réglage Niveaux au-dessus de l'objet intelligent :

Étape 9 : Changez le mode de fusion en Multiplier

Ensuite, pour assombrir l'esquisse, changez simplement le mode de fusion du calque de réglage de Normal à Multiplier :

Le mode de fusion Multiplier fait partie d'un groupe de modes de fusion qui assombrit l'image entière. Et instantanément, le croquis paraît beaucoup plus sombre :

Comment régler la luminosité

Si l’esquisse semble trop sombre, réduisez la valeur d’opacité du calque de réglage, situé juste en face de l’option de mode de fusion dans le panneau Calques. Plus vous réduisez l'opacité à partir de 100 %, plus les calques situés sous le calque de réglage apparaîtront, éclaircissant ainsi l'esquisse.

Par exemple, le mien serait réduit d’environ 40 % :

Et avec ça, nous avons la version croquis en noir et blanc ! Ensuite, l’article vous montrera quelques façons différentes d’ajouter de la couleur :

Remplissez le contour avec la couleur d'origine de l'image

Ces prochaines étapes ajouteront de la couleur au croquis en utilisant les couleurs de l’image d’origine. L'article vous montrera ensuite comment colorier le croquis avec une seule couleur, puis avec un effet dégradé.

Étape 10 : Dupliquez à nouveau le calque d’arrière-plan

Dans le panneau Calques, créez une copie de l'image d'origine en faisant glisser le calque d'arrière-plan (le calque d'origine en bas) vers l' icône Nouveau calque :

La copie (Copie d'arrière-plan 3) apparaît entre les calques Arrière-plan et Copie d'arrière-plan :

Étape 11 : Renommez le nouveau calque en Couleur

À ce stade, notre panneau Calques est encombré de copies du calque d’arrière-plan. Et ils ont tous des noms comme Copie d'arrière-plan, Copie d'arrière-plan 2, Copie d'arrière-plan 3, mais ne nous disent pas à quoi sert cette couche. Renommons donc notre nouveau calque en quelque chose de plus descriptif.

Double-cliquez directement sur le nom de la copie d'arrière-plan 3 pour la mettre en surbrillance :

Puis renommez-le en Couleur. Appuyez sur Entrée (Win) / Retour (Mac) sur votre clavier pour l'accepter :

Étape 12 : Déplacez le calque Couleur au-dessus du calque de réglage

Nous avons besoin que l’image apparaisse au-dessus du croquis. Cliquez donc sur le calque Couleur et faites-le glisser au-dessus du calque de réglage Niveaux. Lorsqu'une ligne bleue apparaît au-dessus du calque de réglage, relâchez le bouton de la souris :

L'image bloque temporairement le croquis de la vue :

Étape 13 : Changez le mode de fusion en Couleur

Pour mélanger la couleur de l'image dans l'esquisse, changez le mode de fusion du calque Couleur de Normal à Couleur :

Le mode de fusion Couleur indique à Photoshop de mélanger uniquement les couleurs du calque actif avec les calques inférieurs. Et donc, nous avons rajouté la couleur d'origine au croquis :

Comment régler l'intensité des couleurs

Si la couleur est trop foncée, réduisez l'opacité du calque. L'exemple sera réduit à 50 % :

À mesure que l’opacité diminue, les couleurs deviennent plus subtiles. Et voici comment colorier le croquis avec la couleur originale de la photo :

Comment colorier un croquis avec une seule couleur

Si vous souhaitez voir à quoi ressemblerait votre croquis avec les couleurs d'une photo, vous pouvez vous arrêter ici. Sinon, essayez la deuxième façon d’ajouter de la couleur, cette fois en utilisant une seule couleur. Nous terminerons ensuite le tutoriel en apprenant à colorier le croquis avec un effet dégradé.

Étape 14 : Désactivez le calque Couleur

Avant d'aller plus loin, désactivez le calque Couleur que nous avons utilisé dans les étapes précédentes en cliquant sur l'icône de visibilité (œil) dans le panneau Calques :

Étape 15 : ajouter un calque de remplissage de couleur unie

Pour remplir l’esquisse avec une seule couleur, nous utiliserons le calque de remplissage Couleur unie. Cliquez sur l’ icône Nouveau calque de remplissage ou de réglage en bas du panneau Calques :

Sélectionnez ensuite Couleur unie dans la liste :

Photoshop ouvre le sélecteur de couleurs, où nous sélectionnons la couleur requise. Ne vous inquiétez pas de choisir la mauvaise couleur car vous pouvez toujours revenir en arrière et choisir une autre couleur, comme nous le verrons plus tard.

Par exemple, j'essaierai une nuance de bleu. Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs :

Dans le panneau Calques, le calque de remplissage Couleur unie apparaît au-dessus des autres calques. Et dans le document, la couleur que vous avez sélectionnée bloquera temporairement la vue du croquis :

Étape 16 : Changez le mode de fusion en Couleur

Pour mélanger la couleur dans l'esquisse, changez le mode de fusion du calque de remplissage sur Couleur :

Et voici le résultat avec le croquis surligné en bleu :

Comment changer de couleur

Pour essayer une couleur différente, double-cliquez sur l'échantillon de couleur du calque de remplissage dans le panneau Calques :

Ensuite, sélectionnez une nouvelle couleur dans le sélecteur de couleurs. Tant que le sélecteur de couleurs reste ouvert, vous pouvez continuer à sélectionner différentes couleurs et voir un aperçu en direct dans le document.

Par exemple, choisir une nuance de violet. Lorsque vous avez terminé, cliquez sur OK pour fermer le sélecteur de couleurs :

Et maintenant le croquis est coloré en violet :

Ajuster l'intensité des couleurs

Si la couleur est trop foncée, réduisez la valeur d’opacité du calque de remplissage. Par exemple, il sera réduit à 70 % :

Et voilà comment ajouter une seule couleur à votre croquis ! Ensuite, nous terminerons en apprenant à colorier un croquis à l'aide d'un effet de dégradé, puis l'article vous montrera comment basculer entre toutes ces différentes versions pour choisir celle que vous préférez :

Comment colorier un croquis avec un effet dégradé

À ce stade, nous avons appris comment convertir une photo en croquis noir et blanc, comment restaurer les couleurs d'origine d'une photo et comment ajouter une seule couleur. Nous terminerons ce tutoriel en apprenant à colorier un croquis en utilisant un effet de dégradé.

Cet article ne couvrira pas comment créer vos propres effets de dégradé personnalisés ici. Au lieu de cela, nous utiliserons l’un des effets de dégradé intégrés de Photoshop. Et dans les dernières versions de Photoshop (2020 et versions ultérieures), il existe des tonnes de nouveaux effets de dégradé parmi lesquels choisir.

Étape 17 : Désactivez le calque de remplissage de couleur unie

Tout d'abord, si vous avez suivi depuis le début, désactivez le calque de remplissage de couleur unie que nous avons utilisé dans les étapes précédentes en cliquant sur l'icône de visibilité de ce calque dans le panneau Calques :

Cela restaurera la version noir et blanc du croquis :

Étape 18 : ajouter un calque de remplissage dégradé

Pour colorer le croquis avec un effet dégradé, nous utiliserons un calque de remplissage dégradé. Et nous ajouterons un calque de remplissage juste au-dessus du calque de réglage Niveaux. Tout d’abord, cliquez sur le calque de réglage Niveaux dans le panneau Calques pour l’activer :

Ensuite, cliquez à nouveau sur l' icône Nouveau calque de remplissage ou de réglage :

Et sélectionnez Dégradé dans la liste :

Étape 19 : Choisissez un dégradé

Dans la boîte de dialogue Remplissage dégradé, sélectionnez un dégradé en cliquant sur la petite flèche à côté de l'échantillon de dégradé :

Cela ouvrira le sélecteur de dégradés avec de nombreux nouveaux dégradés ajoutés dans Photoshop 2020. Les dégradés sont divisés en groupes en fonction du thème (Basiques, Bleus, Violets, etc.) :

Pour ouvrir un groupe, cliquez sur la flèche à côté de l’icône du dossier du groupe. Tournez pour ouvrir le groupe Purples :

Ensuite, pour sélectionner un dégradé à l'intérieur du groupe et fermer le sélecteur de dégradé, double-cliquez sur la vignette du dégradé :

Paramètres de dégradé

De retour dans la boîte de dialogue Remplissage du dégradé, vous pouvez modifier le style du dégradé de Linéaire (par défaut) à Radial, Angle, Réfléchi ou Losange :

Vous pouvez inverser l'ordre des couleurs du dégradé :

Et vous pouvez changer l'angle du dégradé. L'exemple sera par défaut à 90 degrés :

Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue Remplissage dégradé. Le dégradé bloque temporairement l'esquisse de la vue :

Étape 20 : Changez le mode de fusion en Couleur

De retour dans le panneau Calques, le calque de remplissage Dégradé apparaît au-dessus du calque de réglage Niveaux. Pour mélanger la couleur du dégradé avec l'esquisse en noir et blanc, changez le mode de fusion du calque de remplissage Dégradé de Normal à Couleur :

Ajustez ensuite l'intensité de la couleur si nécessaire en réduisant l'opacité du calque :

Et voici le croquis utilisant des couleurs dégradées :

Comment choisir un dégradé différent ou modifier les paramètres

Pour essayer un dégradé différent ou modifier l'une des options de dégradé (Style, Inverser, Angle), double-cliquez sur l'échantillon de remplissage du calque Dégradé. Cela rouvrira la boîte de dialogue Remplissage dégradé, où vous pourrez apporter les modifications nécessaires :

Comment basculer entre les effets de couleur d'esquisse

Maintenant que nous avons coloré notre croquis avec un dégradé, que faire si vous souhaitez revenir aux couleurs de l'image d'origine, ou à la version monochrome, ou même à la version noir et blanc ? Voici comment basculer entre différents effets.

Restaurer un croquis en noir et blanc

Pour masquer tous les effets de couleur et revenir à la version noir et blanc, désactivez simplement le calque Couleur, le calque Couleur unie et le calque de remplissage Dégradé par leurs icônes de visibilité. Par exemple, les calques Couleur et Couleur unie sont désactivés, donc le calque de remplissage Dégradé sera également désactivé :

Désactivez les 3 calques d'effets de couleur, nous reviendrons à notre croquis en noir et blanc :

Restaurer la version couleur du croquis

Ensuite, pour activer l’un des effets de couleur, cliquez sur l’icône de visibilité de cet effet. Par exemple, j'activerai mon calque Couleur. Assurez-vous de n'activer qu'un seul effet de couleur à la fois, sinon ils se fondront les uns dans les autres :

Et lorsque nous activons le calque Couleur, nous revenons à la couleur d'origine de l'image :

Et c'est tout ! Voici comment transformer une photo en un croquis au crayon noir et blanc, ainsi que différentes manières de colorier un croquis dans Photoshop !