Advertisement
  1. Design & Illustration
  2. Photo Effects

Comment créer un effet de croquis d'architecture dans Adobe Photoshop

Scroll to top
Read Time: 7 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dans ce tutoriel, vous apprendrez à créer un effet d’incroyable architecture. Je vais tout expliquer avec tant de détails que tout le monde peut le créer, même ceux qui viennent d'ouvrir Photoshop pour la première fois.

L'effet présenté ci-dessus est celui que je vais vous montrer comment créer dans ce tutoriel. Si vous souhaitez créer l'esquisse encore plus avancée avec des effets d'aquarelle illustrée ci-dessous, en un seul clic et en quelques minutes à peine, consultez mon action Photoshop TechnicalArt 2.

Action final resultsAction final resultsAction final results

Ce dont vous aurez besoin

Pour recréer la conception ci-dessus, vous aurez besoin des ressources suivantes:

1. Commençons

Commencez par ouvrir la photo avec laquelle vous souhaitez travailler. Pour ouvrir votre photo, allez dans Fichier> Ouvrir, choisissez votre photo, puis cliquez sur Ouvrir. Avant de commencer, il suffit de vérifier quelques points:

  1. Votre photo doit être en mode couleur RGB, 8 bits / canal. Pour vérifier cela, allez dans Image> Mode.
  2. Pour de meilleurs résultats, la taille de votre photo doit être comprise entre 2000 et 4000 px. Pour vérifier cela, allez dans Image> Taille de l'image.
  3. Votre photo doit être la couche d'arrière-plan. Si ce n'est pas le cas, sélectionnez Calque> Nouveau> Arrière-plan du calque.
Checking image size and modeChecking image size and modeChecking image size and mode

2. Comment créer le fond

Étape 1

Dans cette section, nous allons créer le fond. Allez à Calque> Nouveau calque de remplissage> Couleur unie pour créer un nouveau calque de remplissage de couleur unie, nommez-le Couleur d'arrière-plan et choisissez la couleur #f0f0f0 comme indiqué ci-dessous:

Creating new solid color fill layerCreating new solid color fill layerCreating new solid color fill layer

Étape 2

Maintenant, cliquez avec le bouton droit sur cette couche, choisissez Options de fusion, cochez l'option Incrustation de dégradé et utilisez les paramètres ci-dessous:

Adding layer styleAdding layer styleAdding layer style

3. Comment créer l'esquisse principale

Étape 1

Dans cette section, nous allons créer l'esquisse principale. Sélectionnez le calque d'arrière-plan et appuyez sur Ctrl-J sur votre clavier pour dupliquer ce calque. Ensuite, faites glisser ce calque vers le haut du panneau Calques.

Duplicating layerDuplicating layerDuplicating layer

Étape 2

Maintenant, appuyez sur Ctrl-Maj-U sur votre clavier pour désaturer ce calque. Ensuite, allez à Image> Réglages> Niveaux et entrez les paramètres ci-dessous:

Adjusting levelsAdjusting levelsAdjusting levels

Étape 3

Nommez ce calque Temp et appuyez sur Ctrl-J sur votre clavier pour dupliquer ce calque.

Duplicating layerDuplicating layerDuplicating layer

Étape 4

Maintenant, appuyez sur Ctrl-I sur votre clavier pour inverser ce calque et changer le mode de fusion de ce calque en Color Dodge. Ensuite, sélectionnez Filtre> Autre> Minimum, puis définissez le rayon sur 2 px et sur Conserver, ainsi qu'illustré ci-dessous:

Adding minimum filterAdding minimum filterAdding minimum filter

Étape 5

Cliquez avec le bouton droit de la souris sur le calque Temp pour obtenir les deux calques sélectionnés en même temps. Ensuite, appuyez sur Ctrl-E sur votre clavier pour fusionner ces deux calques en un calque.

Merging layersMerging layersMerging layers

Étape 6

Changez le mode de fusion de ce calque sur Multiplier et nommez-le Esquisse principale.

Changing blending modeChanging blending modeChanging blending mode

4. Comment créer l'esquisse de perspective

Étape 1

Dans cette section, nous allons créer l'esquisse de perspective. Sélectionnez le calque d'arrière-plan et appuyez sur Ctrl-J sur votre clavier pour le dupliquer. Ensuite, faites glisser ce calque vers le haut du panneau Calques.

Duplicating layerDuplicating layerDuplicating layer

Étape 2

Maintenant, allez dans Filtre> Styliser> Rechercher les bords, puis appuyez sur les touches Ctrl-Maj-U de votre clavier pour désaturer ce calque.

Adding stylize filterAdding stylize filterAdding stylize filter

Étape 3

Sélectionnez Filtre> Flou> Flou directionnel, puis réglez l’angle sur 90° et la distance sur 1200 px comme indiqué ci-dessous:

Adding motion blur filterAdding motion blur filterAdding motion blur filter

Étape 4

Maintenant, allez dans Filtre> Netteté> Netteté intelligente et entrez les paramètres ci-dessous:

Adding smart sharpen filterAdding smart sharpen filterAdding smart sharpen filter

Étape 5

Sélectionnez Filtre> Galerie de filtres> Esquisse> Photocopier, puis définissez le détail sur 2 et l’obscurité sur 5.

Adding photocopy filterAdding photocopy filterAdding photocopy filter

Étape 6

Changez le mode de fusion de ce calque en multipliant et changez l'opacité à 40%. Nommez ensuite cette couche Perspective_Sketch_1.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Étape 7

Maintenant, allez à Calque> Masque de calque> Tout masquer pour ajouter un masque de calque qui masque tout le calque.

Adding layer maskAdding layer maskAdding layer mask

Étape 8

Définissez la couleur de premier plan sur #ffffff, choisissez l'outil Pinceau (B), choisissez un pinceau souple et un pinceau à l'endroit où vous souhaitez afficher les lignes de perspective verticales.

Brushing into layer maskBrushing into layer maskBrushing into layer mask

Étape 9

Sélectionnez maintenant le calque d'arrière-plan et appuyez sur Ctrl-J sur votre clavier pour dupliquer ce calque. Ensuite, faites glisser ce calque juste en dessous du calque Perspective_Sketch_1 dans le panneau Calques.

Duplicating layerDuplicating layerDuplicating layer

Étape 10

Allez dans Filtre> Styliser> Rechercher les bords, puis appuyez sur les touches Ctrl-Maj-U de votre clavier pour désaturer ce calque.

Adding stylize filterAdding stylize filterAdding stylize filter

Étape 11

Sélectionnez Filtre> Flou> Flou directionnel, puis réglez l’angle sur 0 ° et la distance sur 1200 px, comme indiqué ci-dessous:

Adding motion blur filterAdding motion blur filterAdding motion blur filter

Étape 12

Maintenant, allez dans Filtre> Netteté> Netteté intelligente et entrez les paramètres ci-dessous:

Adding smart sharpen filterAdding smart sharpen filterAdding smart sharpen filter

Étape 13

Sélectionnez Filtre> Galerie de filtres> Esquisse> Photocopier, puis définissez le détail sur 2 et l’obscurité sur 5.

Adding photocopy filterAdding photocopy filterAdding photocopy filter

Étape 14

Changez le mode de fusion de ce calque sur Multiplier et modifiez l'opacité à 55%. Nommez ensuite cette couche Perspective_Sketch_2.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Étape 15

Maintenant, allez à Calque> Masque de calque> Tout masquer pour ajouter un masque de calque qui masque tout le calque.

Adding layer maskAdding layer maskAdding layer mask

Étape 16

Définissez la couleur de premier plan sur #ffffff, choisissez l'outil Pinceau (B), choisissez un pinceau souple et un pinceau à l'endroit où vous souhaitez afficher les lignes de perspective verticales.

Brushing into layer maskBrushing into layer maskBrushing into layer mask

5. Comment créer le texte

Étape 1

Dans cette section, nous allons créer le texte. Choisissez l'outil Texte horizontal (T) et définissez la police sur Hijrnotes, la taille de la police sur 80 px, l'alignement sur la gauche et la couleur sur #000000. Ensuite, cliquez n'importe où dans le canevas et accédez à Type> Coller Lorem Ipsum pour coller du texte aléatoire. N'hésitez pas à utiliser vos propres paramètres de texte et de police.

Creating textCreating textCreating text

Étape 2

Double-cliquez sur cette vignette pour rendre le texte modifiable et supprimer une partie du texte. Ensuite, choisissez l'outil Déplacement (V), puis cliquez et faites glisser n'importe où dans le canevas pour positionner le texte comme indiqué ci-dessous:

Editing textEditing textEditing text

Étape 3

Nommez maintenant ce calque Text_1. Ensuite, appuyez sur Ctrl-J sur votre clavier pour dupliquer ce calque.

Duplicating layerDuplicating layerDuplicating layer

Étape 4

Double-cliquez sur la vignette de ce calque pour rendre le texte modifiable, appuyez sur Ctrl-A pour sélectionner tout le texte, puis sélectionnez Texte> Coller Lorem Ipsum pour coller du texte de manière aléatoire. Ensuite, supprimez une partie du texte, choisissez l'outil Déplacement (V), puis cliquez et faites glisser n'importe où dans le canevas pour positionner le texte comme indiqué ci-dessous:

Editing textEditing textEditing text

Étape 5

Nommez ce calque Text_2 et faites-le glisser juste en dessous du calque Text_1 dans le panneau Calques. Ensuite, appuyez sur Ctrl-J sur votre clavier pour dupliquer ce calque.

Duplicating layerDuplicating layerDuplicating layer

Étape 6

Double-cliquez maintenant sur la vignette de ce calque pour rendre le texte modifiable, appuyez sur Ctrl-A pour sélectionner tout le texte, puis sélectionnez Texte> Coller Lorem Ipsum pour coller du texte de manière aléatoire. Ensuite, supprimez une partie du texte, choisissez l'outil Déplacement (V), puis cliquez et faites glisser n'importe où dans le canevas pour positionner le texte comme indiqué ci-dessous:

Editing textEditing textEditing text

Étape 7

Appuyez sur Ctrl-T sur votre clavier pour transformer ce calque et définir le paramètre Rotation sur 15 °.

Transforming layerTransforming layerTransforming layer

Étape 8

Nommez maintenant ce calque Text_3 et faites-le glisser juste en dessous du calque Text_2 dans le panneau Calques.

Arranging layersArranging layersArranging layers

6. Comment faire les derniers ajustements

Étape 1

Dans cette section, nous allons procéder aux derniers ajustements de la conception. Appuyez sur la touche D de votre clavier pour réinitialiser les nuances et sélectionnez le calque Text_1. Ensuite, accédez à Couche> Nouveau calque de réglage> Carte de dégradé pour créer un nouveau calque de réglage de la carte de dégradé et nommez-le Contraste général.

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Étape 2

Maintenant, changez le mode de fusion de ce calque sur Lumière douce et réglez l'opacité sur 35%.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Étape 3

Sélectionnez Calque> Nouveau calque de réglage> Niveaux pour créer un nouveau calque de réglage des niveaux et nommez-le Luminosité globale.

Creating new levels adjustment layerCreating new levels adjustment layerCreating new levels adjustment layer

Étape 4

Double-cliquez maintenant sur la vignette de cette couche et, dans le panneau Propriétés, utilisez les paramètres ci-dessous:

Adjusting levelsAdjusting levelsAdjusting levels

Étape 5

Appuyez sur Ctrl-Alt-Maj-E sur votre clavier pour faire une capture d'écran. Ensuite, sélectionnez Filtre> Autre> Passe-haut et définissez le rayon sur 2 px comme indiqué ci-dessous:

Adding high pass filterAdding high pass filterAdding high pass filter

Étape 6

Changez le mode de fusion de ce calque en lumière dure et appelez-le Accentuation globale.

Changing blending modeChanging blending modeChanging blending mode

Vous l’avez fait !

Félicitations, vous avez réussi! Voici notre résultat final:

Final resultFinal resultFinal result

Si vous souhaitez créer l'esquisse encore plus avancée avec des effets d'aquarelle illustrée ci-dessous, en un seul clic et en quelques minutes à peine, consultez mon action Photoshop de TechnicalArt 2.

L'action fonctionne de sorte que vous appliquez simplement une couleur sur votre photo et jouez simplement l'action. L'action fera tout pour vous, vous donnant des résultats entièrement superposés et personnalisables. Il existe également plus de 60 pinceaux d'aquarelle de haute qualité inclus dans l'action que vous pouvez utiliser pour construire les motifs encore plus loin. L'action créera également quatre textures (aquarelle, toile, papier et demi-teintes) et 25 couleurs prédéfinies parmi lesquelles vous pourrez choisir.

L'action est accompagnée d'un didacticiel vidéo détaillé qui montre comment utiliser l'action et personnaliser les résultats pour obtenir le maximum de l'effet.

Action final resultsAction final resultsAction final results

Vous pouvez également obtenir cet élément dans une offre groupée et économiser 50% en vérifiant mon ensemble d’actions Photoshop Artistique 4en1.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads