• Articles
• admin

par Becky Kilimnik le 05 janvier 2019

Les illustrations peuvent améliorer le style et l’attrait de votre site de commerce électronique. Cependant, la création d’illustrations (ou l’embauche d’illustrateurs qualifiés) peut être coûteuse et prendre du temps.

Heureusement, vous pouvez apprendre à transformer une image en dessin au trait dans Photoshop CC 2019 en suivant les étapes ci-dessous. Les images d’objets isolés sur un fond blanc conviennent mieux à cette technique, ce qui en fait une excellente option pour modifier ou améliorer les photos de produits.

Avant de commencer: Comment décrire une image dans Photoshop

Si vous voulez transformer une photo en croquis au crayon dans Photoshop, mais que vous ne voulez pas qu’elle ressemble à ce que vous l’avez fait dans Photoshop, vous devrez faire attention aux détails et préparer votre image correctement avant d’appliquer des filtres.

Dans le tutoriel suivant, nous allons passer en revue une méthode qui vous montre comment convertir parfaitement votre image en croquis au crayon, puis nous discuterons des outils spécifiques que vous pouvez explorer pour obtenir d’autres effets de contour d’image dans Photoshop.

Toutes les photos ne sont pas identiques, vous devrez donc utiliser votre jugement pour ajuster les filtres, les flous et les opacités de calque chaque fois que vous utilisez Photoshop pour convertir une photo en dessin au trait en suivant les étapes ci-dessous.

Comment transformer une image en dessin au trait dans Photoshop

1. Ajustez le contraste de votre photo
2. Configurez vos calques
3. Convertissez l’image en niveaux de gris à l’aide d’un calque de réglage
4. Convertissez votre photo en dessin au trait
5. Définissez vos couleurs d’arrière-plan et de premier plan
6. Ajoutez un ombrage au crayon à votre image
7. Ajoutez un effet de hachures croisées à votre image
8. Faites vos derniers réglages

Étape 1: Ajustez le contraste de votre photo

Dans l’exemple de photographie, l’image des chaussures et des lunettes de soleil contraste considérablement avec le fond blanc. L’image du porte-monnaie et du tube de parfum, cependant, sont si légères qu’elles se fondent presque dans l’arrière-plan.

Nous ajusterons le contraste de toute la photo pour que le sac à main et le tube ressortent davantage.

Accédez à votre panneau Calques et assurez-vous que le calque contenant votre image est sélectionné. Si vous travaillez dans une image aplatie (comme un JPG), ce calque sera le calque d’arrière-plan verrouillé.

Choisissez Image > Ajustements > Courbes dans le menu déroulant en haut de la fenêtre d’application de Photoshop.

La boîte de dialogue Courbes apparaît. Assurez-vous que l’aperçu est coché.

Dans le graphique sur le côté gauche de la boîte de dialogue, cliquez sur le milieu de la ligne parcourant le graphique en diagonale et faites-la glisser vers le bas, créant une ligne courbe dans le graphique. Vous remarquerez que les zones sombres de l’image deviendront plus sombres, tandis que les zones plus claires resteront claires.

Remarque: Si vous travaillez dans une image CMJN, vous tirez vers le haut au milieu de la ligne au lieu de descendre.

Une fois que vous êtes satisfait du contraste accru de l’image, cliquez sur OK.

Étape 2: Configurez vos calques

Dans votre panneau Calques, dupliquez trois fois le calque contenant votre image, de sorte que vous ayez quatre calques identiques.

Pour dupliquer un calque, sélectionnez le calque dans le panneau Calques, cliquez sur le menu du panneau Calques dans le coin supérieur droit du panneau et choisissez Dupliquer le calque.

Étape 3: Convertissez l’image en niveaux de gris à l’aide d’un calque de réglage

Sélectionnez le calque dupliqué en haut du panneau Calques.

Sélectionnez l’icône Calque de réglage en bas du panneau Calques (l’icône ressemble à un cercle moitié noir, moitié blanc). Choisissez Teinte/Saturation dans le menu déroulant.

Vous venez de créer un calque de réglage pour la Teinte/Saturation, ce qui signifie que tous les calques qui apparaissent sous le calque de réglage conserveront les propriétés de Teinte/Saturation que vous avez définies pour ce calque de réglage.

Avec votre calque de réglage toujours sélectionné, accédez à votre panneau Propriétés, situé à droite de votre image par défaut. Si vous ne voyez pas votre panneau Propriétés, vous pouvez choisir Propriétés de la fenêtre > dans le menu déroulant en haut de la fenêtre de l’application Photoshop.

Vous verrez trois curseurs dans le panneau Propriétés: Teinte, Saturation et Légèreté. Faites glisser le curseur de Saturation aussi loin qu’il ira vers la gauche, de sorte que la valeur répertoriée pour la saturation soit maintenant -100.

Votre image apparaît maintenant en niveaux de gris.

Comment convertir une image en niveaux de gris: une méthode supplémentaire

Ayant le calque de réglage de teinte / Saturation fait apparaître votre image en niveaux de gris, mais si vous souhaitez éliminer complètement toutes les couleurs de votre image pendant que vous travaillez, vous pouvez convertir votre image en niveaux de gris en choisissant Image > Mode > Niveaux de gris dans le menu déroulant en haut de la fenêtre de l’application.

Si vous avez un calque de réglage en place lorsque vous convertissez en niveaux de gris, le calque de réglage sera supprimé.

Étape 4: Convertissez votre photo en dessin au trait

Dans cette étape, vous apprendrez à dessiner ou à tracer l’image dans Photoshop à l’aide d’une série d’effets de calque. Si votre objectif est de créer juste un contour de votre photo, vous pouvez décider que votre photo est terminée après cette étape.

Rendez vos deux calques dupliqués invisibles en cliquant sur les icônes d’œil à côté des calques dans le panneau Calques. Sélectionnez ensuite le calque visible qui est le deuxième en bas du panneau Calques.

Cliquez sur le menu déroulant en haut du panneau Calques à côté de Normal. Sélectionnez Esquive de couleur.

Avec le même calque toujours sélectionné, inversez l’image en tapant CTRL + I (COMMANDE + I sur un Mac). Vous pouvez également inverser l’image en choisissant Image > Ajustements > Inverser dans le menu déroulant en haut de la fenêtre d’application de Photoshop.

Ensuite, choisissez Filtre > Flou > Flou gaussien dans le menu déroulant en haut de la fenêtre de l’application.

Dans la boîte de dialogue Flou gaussien qui apparaît, ajustez le curseur jusqu’à ce que votre image ressemble à un dessin au trait.

Déplacer le curseur vers la gauche entraînera des lignes plus fines; déplacer le curseur vers la droite et augmenter le flou épaissira et obscurcira les lignes, et ajoutera un peu d’ombrage à l’image.

Assurez-vous que l’aperçu est coché dans la boîte de dialogue afin que vous puissiez voir comment l’image change lorsque vous déplacez le curseur vers la droite ou vers la gauche.

Comment épaissir les traits de votre dessin au trait dans Photoshop

Si vous souhaitez épaissir les traits de votre dessin au trait, dupliquez encore une fois votre calque d’origine et déplacez le nouveau calque au-dessus du calque que vous venez d’ajuster (calque avec mode de fusion Esquive de couleur).

Choisissez Filtre > Galerie de filtres… dans le menu déroulant en haut de la fenêtre de l’application.

Choisissez Bords lumineux sous Styliser. Ici, vous pouvez ajuster la largeur du bord sur le côté droit de la fenêtre. La réduction de la luminosité des bords se traduira par un bord plus propre.

Cliquez sur OK.

De retour dans votre calque, cliquez sur CTRL + I (COMMANDE + I sur un Mac) pour inverser le calque, puis changez le mode de fusion des calques pour Multiplier.

Les contours de votre image seront désormais plus épais et plus foncés.

Étape 5: Définissez vos couleurs d’arrière-plan et de Premier plan

Dans votre barre d’outils, définissez votre couleur d’arrière-plan sur blanc en double-cliquant sur l’icône de couleur d’arrière-plan. Dans la boîte de dialogue Sélecteur de couleur (Couleur d’arrière-plan), cliquez sur le coin supérieur gauche de la grande boîte de couleur.

Définissez ensuite la couleur de premier plan sur un gris moyen. Double-cliquez sur le carré de couleur de premier plan dans la barre d’outils. Dans la boîte de dialogue Sélecteur de couleurs (Couleur de premier plan), cliquez à mi-chemin sur le côté gauche de la grande boîte de couleurs.

Les autres couleurs de la grande boîte de couleurs (telles que les bleus et les rouges visibles dans l’image du panneau de sélection de couleurs ci-dessous) ne sont pas pertinentes car vous gardez le curseur sur le côté gauche de la grande boîte de couleurs.

Étape 6: Ajouter un ombrage au crayon à votre image

Dans le panneau Calques, sélectionnez le calque au-dessus du calque avec lequel vous venez de travailler. Cliquez sur l’icône de l’œil pour rendre le calque visible à nouveau. Votre image ressemblera à nouveau à une photographie en noir et blanc.

Choisissez Filtre > Galerie de filtres… dans le menu déroulant en haut de la fenêtre de l’application.

Dans la fenêtre Filtre, cliquez sur le dossier marqué Esquisse et choisissez Charbon de bois.

Ajustez les curseurs Épaisseur de fusain, Détails et Équilibre Clair/Foncé jusqu’à ce que l’image dans la fenêtre d’aperçu ait la quantité de détails appropriée. N’oubliez pas que vous avez déjà un dessin au trait de la photo dans un calque inférieur, il vous suffit donc de créer un ombrage à cette étape.

Cliquez sur OK.

Dans le panneau Calques, cliquez sur le menu déroulant suivant Normal et ajustez le mode de fusion des calques du calque de charbon à Multiplier.

Étape 7: Ajoutez un effet de hachures croisées à votre image

Dans le panneau Calques, cliquez sur l’icône en forme d’œil sur le calque supérieur pour rendre le calque visible. Tous les calques devraient maintenant être visibles dans votre image.

Avec le dernier calque sélectionné, choisissez Filtre > Galerie de filtres… une fois de plus dans le menu déroulant en haut de la fenêtre de l’application. Si vous voyez l’option Galerie de filtres plus d’une fois dans la liste déroulante, assurez-vous de sélectionner l’option inférieure.

Dans la fenêtre de filtre, cliquez sur l’option marquée Esquisse et choisissez Bords déchirés. Ajustez les boutons sur le côté droit de la fenêtre jusqu’à ce que vous puissiez voir les détails de votre image.

Une fois que vous êtes satisfait de l’apparence du filtre Bords déchirés, cliquez sur la nouvelle icône située en bas à droite de la fenêtre du filtre. (Cette icône ressemble à un morceau de papier avec un coin plié, tout comme la nouvelle icône de calque dans le panneau Calques.)

Vous verrez des bords déchirés apparaître deux fois dans le côté droit de la fenêtre de filtre. Alors que l’instance supérieure des Bords déchirés est toujours sélectionnée, cliquez sur le filtre du stylet graphique et changez la Diagonale du Trait en Diagonale gauche.

Vous pouvez également ajuster les curseurs du filtre graphique jusqu’à ce que vous soyez satisfait de l’image dans la fenêtre d’aperçu. Comme pour le calque précédent, vous ne créez d’ombrage qu’à ce stade.

Cliquez sur OK.

Changez le mode de fusion des calques de Normal à Multiplier comme vous l’avez fait avec le calque précédent.

Enfin, comme le filtre graphique à stylet est plus net que le filtre à charbon que nous avons appliqué sur le calque inférieur, nous ajouterons un léger flou de mouvement.

Avec le même calque toujours sélectionné, choisissez Filtre > Flou > Flou de mouvement dans le menu déroulant en haut de la fenêtre de l’application.

Dans la boîte de dialogue Flou de mouvement, définissez l’angle sur -45 ° et déplacez le curseur de distance vers la gauche pour créer un très léger flou. Assurez-vous que l’aperçu est coché afin que vous puissiez voir le flou avant de l’appliquer.

Cliquez sur OK.

Étape 8: Faites vos derniers réglages

Vous n’avez pas encore terminé! Jouer avec l’opacité de vos calques et nettoyer les taches sombres que vous voyez sur votre image mettra la touche finale à votre nouveau croquis au crayon.

Ajuster l’opacité des calques

Vous pouvez ajuster l’opacité des deux calques supérieurs pour réduire l’intensité de l’ombrage au crayon.

Dans l’image ci-dessous, l’opacité du calque supérieur est réduite à 60% et le calque inférieur suivant a une opacité de 70%.

Vous ne devez pas ajuster l’opacité des deux calques inférieurs car cela pourrait nuire à l’effet de dessin au trait que vous avez créé.

Nettoyez tous les artefacts

Dans l’image d’exemple, il y a plusieurs endroits où le fond blanc semble avoir des taches ou des taches sombres.

Pour supprimer de telles taches sombres, tamponnez les calques en sélectionnant tous les calques, y compris le calque de réglage de teinte/Saturation, dans le panneau Calques. Tapez CTRL + A + E (COMMANDE + OPTION + E sur un Mac) pour créer un calque estampillé, qui apparaîtra en haut de votre panneau Calques.

Définissez la couleur de premier plan sur blanc dans la barre d’outils et choisissez l’outil Pinceau dans la barre d’outils. Dans la nouvelle couche estampée, peignez soigneusement les taches à l’aide de l’outil pinceau.

Votre image finie ressemblera maintenant à un croquis au crayon.

Maintenant que vous savez comment transformer une image en dessin au trait dans Photoshop, assurez-vous de consulter nos autres tutoriels Photoshop pour maîtriser vos compétences.