Accueil
» Wiki
»
Comment transformer une photo en croquis au crayon dans Photoshop
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é !
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 :
Le panneau Calques de Photoshop affiche l'image 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 glisser le calque d’arrière-plan vers l’icône Nouveau calque.
Faites une copie du calque d’arrière-plan.
Une copie apparaît au-dessus de l'original :
Une copie du calque d'arrière-plan apparaît au-dessus du calque d'arrière-plan d'origine.
É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 :
Sélectionnez la commande Désaturer dans Photoshop.
Photoshop désature l'image, nous laissant avec une version en noir et blanc :
Image après désaturation des couleurs.
É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 :
Faites 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 :
Le nouveau calque Copie d'arrière-plan 2 apparaît au-dessus des autres calques.
É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 :
Sélectionnez la commande Inverser dans Photoshop.
Cela inverse l’image, créant un effet de film négatif :
Image après inversion de luminosité.
É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 :
Modifiez le mode de fusion des calques sur Color Dodge.
Le document devient complètement blanc, même si vous pouvez voir quelques zones noires dispersées en fonction de votre image :
Résultat après avoir changé le mode de fusion en Color Dodge.
É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 :
Cliquez sur l’icône de menu dans le panneau Calques de Photoshop.
Et sélectionnez Convertir en objet dynamique dans le menu :
Sélectionnez la commande Convertir en objet dynamique dans le menu du panneau Calques de Photoshop.
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 :
Icône d'objet dynamique dans la miniature d'aperçu du calque.
É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 :
Sélectionnez le filtre Flou gaussien dans Photoshop.
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 :
Définissez une valeur de rayon faible dans la boîte de dialogue Flou gaussien de Photoshop.
Terminé avec cet effet ici avec des lignes très douces :
Effet photo pour esquisser en utilisant une valeur de rayon faible
Mais si nous augmentons la valeur à une valeur beaucoup plus élevée, disons 45 pixels :
Augmentez la valeur du rayon dans la boîte de dialogue Flou gaussien.
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 :
Croquis de l’effet lors de l’utilisation d’une grande valeur de rayon.
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 :
Panneau Calques de Photoshop montrant le filtre intelligent Flou gaussien.
É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 :
Cliquez sur l’icône Nouveau calque de remplissage ou de réglage dans le panneau Calques de Photoshop.
Et sélectionnez Niveaux dans la liste :
Sélectionnez le calque de réglage Niveaux.
Photoshop ajoute un calque de réglage Niveaux au-dessus de l'objet intelligent :
Nouveau calque de réglage des niveaux dans le panneau Calques de Photoshop
É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 :
Modifiez le mode de fusion du calque de réglage Niveaux sur 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 :
Effet d'esquisse après avoir changé le mode de fusion en Multiplier.
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 % :
Diminuez l’opacité du calque de réglage Niveaux.
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 :
Effet d'esquisse final en noir et blanc.
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 :
Faites une autre copie du calque d’arrière-plan.
La copie (Copie d'arrière-plan 3) apparaît entre les calques Arrière-plan et Copie d'arrière-plan :
Le calque de copie d'arrière-plan 3 apparaît au-dessus du calque d'arrière-plan d'origine.
É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 :
Double-cliquez sur le nom du calque pour le mettre en surbrillance.
Puis renommez-le en Couleur. Appuyez sur Entrée (Win) / Retour (Mac) sur votre clavier pour l'accepter :
Renommez le calque en Couleur.
É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 :
Faites glisser le calque Couleur vers le haut.
L'image bloque temporairement le croquis de la vue :
Le calque Couleur est maintenant en haut de la pile de calques.
É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 :
Changez le mode de fusion du calque sur 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 :
Le croquis est coloré avec les couleurs originales de la photo.
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 % :
Diminuez l'opacité du calque Couleur.
À mesure que l’opacité diminue, les couleurs deviennent plus subtiles. Et voici comment colorier le croquis avec la couleur originale de la photo :
Effet d'esquisse après réduction de l'opacité du calque Couleur.
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 :
Désactivez le calque Couleur dans le panneau Calques de Photoshop
É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 :
Cliquez sur l’icône Nouveau calque de remplissage ou de réglage dans le panneau Calques de Photoshop.
Sélectionnez ensuite Couleur unie dans la liste :
Sélectionnez le calque de remplissage de couleur unie dans Photoshop.
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 :
Sélectionnez le bleu dans 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 :
La couleur sélectionnée remplira l'image.
É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 :
Modifiez le mode de fusion du calque de remplissage sur Couleur.
Et voici le résultat avec le croquis surligné en bleu :
L'effet de couleur utilise le 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 :
Double-cliquez sur l’échantillon de couleur du calque de remplissage dans le panneau Calques de Photoshop.
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 :
Sélectionnez une couleur différente dans le sélecteur de couleurs.
Et maintenant le croquis est coloré en violet :
Effet de couleur utilisant le 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 % :
Diminuer l'opacité du calque de remplissage.
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 :
Résultats avec un flou réduit.
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 :
Cliquez sur l’icône de visibilité de la couche de remplissage.
Cela restaurera la version noir et blanc du croquis :
Les croquis en noir et blanc reviennent.
É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 :
Sélectionnez le calque de réglage Niveaux dans le panneau Calques de Photoshop.
Ensuite, cliquez à nouveau sur l' icône Nouveau calque de remplissage ou de réglage :
Cliquez sur l’icône Nouveau calque de remplissage ou de réglage.
Et sélectionnez Dégradé dans la liste :
Sélectionnez le calque de remplissage Dégradé.
É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é :
Cliquez sur la flèche à droite de l’échantillon de dégradé dans la boîte de dialogue Remplissage dégradé de Photoshop.
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.) :
Sélecteur de dégradé dans Photoshop
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 :
Tournez pour ouvrir l’un des groupes de dégradés.
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é :
Choisissez un dégradé dans le sélecteur de dégradés de Photoshop
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 :
Options de style.
Vous pouvez inverser l'ordre des couleurs du dégradé :
Option d'inversion pour les dégradés dans Photoshop
Et vous pouvez changer l'angle du dégradé. L'exemple sera par défaut à 90 degrés :
Options d'angle pour les dégradés dans Photoshop
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 :
Le dégradé a bloqué la vue du croquis
É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 :
Modifiez le mode de fusion du calque de remplissage Dégradé sur Couleur.
Ajustez ensuite l'intensité de la couleur si nécessaire en réduisant l'opacité du calque :
Diminuez l’opacité du calque de remplissage dégradé.
Et voici le croquis utilisant des couleurs dégradées :
Esquisse en utilisant des dégradés de couleurs.
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 :
Double-cliquez sur l'échantillon de remplissage dégradé pour modifier les paramètres du dégradé
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 dans le panneau Calques de Photoshop
Désactivez les 3 calques d'effets de couleur, nous reviendrons à notre croquis en noir et blanc :
Retour à la version noir et blanc du croquis
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 :
Cliquez sur l'icône de visibilité du calque Couleur
Et lorsque nous activons le calque Couleur, nous revenons à la couleur d'origine de l'image :
Version originale couleur.
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 !