Comment transformer une photographie de paysage en icône isométrique dans Adobe Photoshop

Ce que vous allez créer

Dans ce didacticiel, nous allons créer une carte isométrique 3D à partir de combinaisons de quelques photos de paysages. Aucun logiciel 3D n'est utilisé dans ce projet - nous allons utiliser uniquement Adobe Photoshop. Le résultat final peut être utilisé comme une icône ou dans le cadre d’une infographie..

Atouts du tutoriel

Pour compléter le didacticiel, vous aurez besoin des éléments suivants:

  • La saleté et les racines
  • Paysage 1
  • Paysage 2
  • Mer
  • Texture du sol (photo personnelle, disponible dans le fichier zip)

1. Préparer la toile

Étape 1

Tout d'abord, nous devons ajouter une grille isométrique à notre toile. Vous trouverez des instructions à ce sujet dans le didacticiel sur l’isométrie que nous avons publié plus tôt..

Étape 2

Sur la base de la grille, tracez une forme vectorielle rectangle sur la surface isométrique. Vous pouvez utiliser n'importe quelle couleur, car il ne s'agit que d'un guide pour notre prochain processus de manipulation de photo..

Étape 3

Dupliquez la forme vectorielle en cliquant sur Contrôle-j, et déplacez-le vers le haut.

Étape 4

A partir de maintenant, vous pouvez désactiver le réseau, car nous n'en aurons plus besoin.

2. Construire le sol

Étape 1

Dessinez le côté gauche de la carte 3D à l'aide du bouton Outil stylo. Double-cliquez sur sa forme de calque, puis ajoutez un Incrustation en dégradé.



Étape 2

Définir sa Remplir à 0%.

Étape 3

Répétez la même étape de l'autre côté.

Étape 4

Dessinez une nouvelle forme en utilisant le Outil stylo, couvrant toute la carte. Ajouter un Incrustation en dégradé à la forme et ensuite définir sa Remplir à 0%.

Étape 5

Prenez la texture du sol et placez-le sur le dessus de la carte.

Étape 6

Ctrl-clic sur le côté gauche de la carte pour faire une nouvelle sélection en fonction de sa forme. Clique le Ajouter un masque de calque icône dans la partie inférieure de la Couches panneau pour couper la texture de la roche en dehors de la forme.

Étape 7

Répétez le même processus de l'autre côté de la carte.

3. Construire la colline

Étape 1

Saisissez le paysage de la colline et superposez-le sur la carte avec Opacité. Positionnez-le jusqu'à ce que vous obteniez une belle perspective.

Étape 2

Ajoutez un masque de calque à la photo de paysage, puis peignez en noir pour masquer les zones indésirables. Dans ce cas, je veux conserver la rue, la colline à côté et l'arbre dans le coin. Essayez d’obtenir une forme naturelle en utilisant votre coup de pinceau. Nous ne voulons pas que ce soit une forme plate, en forme de boîte.

Étape 3

Revenons au sol. Nous devons le rendre plus sombre et plus crédible. Commencez par peindre l'ombre sur son coin. Ajoutez un nouveau calque et peignez simplement le noir en utilisant le bouton Outil Pinceau avec le bas Opacité.

Étape 4

Le résultat est déjà bien meilleur. Continuez à ajouter de l'ombre noire au sol pour le rendre beaucoup plus sombre.

Étape 5

Ensuite, prenez une autre texture de terre ou de saleté. Collez-le sur le sol précédent et réglez son mode sur Recouvrir. Prenez votre temps, ajoutez un masque de protection et insérez avec précaution la terre, les roches et les racines dans le sol pour le rendre aussi réaliste que possible..

Étape 6

Ajoutons une autre image de paysage sur la carte. Placez le paysage derrière le paysage de colline actuel. Ajoutez un masque de calque à l'image de paysage, puis peignez en noir pour éliminer la plus grande partie du contenu tout en laissant une partie de sa vallée..

Étape 7

Ajoutez un nouveau calque, puis peignez l'ombre sur les zones du nouveau paysage, comme indiqué ci-dessous..

4. Ajouter la mer

Étape 1

Ajoutez maintenant l’image de la mer derrière la carte. Placez-le là où vous l'aimez le plus.

Étape 2

Ctrl-clic la base de la carte pour créer une nouvelle sélection basée sur sa forme. Clique le Ajouter un masque de calque icône pour masquer les pixels non sélectionnés.

Étape 3

Corrigez manuellement les éléments brisés dans le paysage, s’il y en a, en les peignant en blanc à l’aide d’un pinceau doux. Dans ce cas, faites-le avec le rocher.

Étape 4

Pour ajouter plus de vagues à la mer, nous pouvons simplement dupliquer l’image de la mer et la déplacer à une position différente. Appliquez le même masque de calque que le premier, puis masquez certaines zones jusqu'à ce qu'il se confonde avec la première image..

Étape 5

Sélectionnez l'océan par Ctrl + clic sur sa forme de couche. Ajouter un Filtre photo Couche d'ajustementavec Filtre de refroidissement augmenter le contraste de sa surface bleue.

5. Ajouter des détails

Étape 1

Ajoutons plus de contraste dans la scène manuellement. Commencez par sélectionner la colline principale. Créez un nouveau calque dessus, puis cliquez sur Edition> Contour ajouter une ligne de trait.

Étape 2

Appliquer un Flou gaussien filtrer pour adoucir la ligne, puis réduire sa Opacité mise dans le Couches panneau. Si nécessaire, vous pouvez également supprimer un segment de la ligne floue à l’aide des touches Outil pour effacer.

Étape 3

Répétez ce processus et ajoutez une autre ombre en peignant en noir sur un nouveau calque..

Étape 4

Rendons la route plus réaliste en ajoutant une rue inachevée à la fin. Activez la couche de paysage de colline, puis peignez en blanc pour révéler un morceau de rue suspendu à l'extérieur de la carte. Juste en dessous de la rue, peignez en noir pour ajouter de l’épaisseur à la rue, puis appliquez une grande ombre douce sur le sol..

Étape 5

Pour le rendre plus réaliste, ajoutez un nouveau calque et tracez quelques lignes noires à l’aide des touches Outil Crayon avec 1 px taille du pinceau dans la rue. Dupliquez le calque et inversez sa couleur en blanc en appuyant sur Contrôle-I. Déplacez les gribouillis blancs vers le bas de 1 pixel. Réduire leur Opacité mise dans le Couches panneau.


Étape 6

Ajoutez une autre ombre et mettez en surbrillance la scène en peignant en noir et blanc à l’aide d’un gros pinceau doux Opacité.

Étape 7

Voici la partie amusante. La carte ne sera complète que lorsque nous aurons une petite voiture dans la rue vide. Vous remarquerez peut-être que dans notre paysage principal, il y a une voiture garée. Sélectionnez puis copiez-le dans un nouveau calque (Contrôle-j). Placez-le dans la rue, ajoutez un masque de calque, puis masquez les pixels inutiles en les peignant en noir..

6. Ajouter le fond

Étape 1

Nous allons utiliser un fond simple pour cette carte. Activer le Outil gradient avec un dégradé standard du blanc au noir. Faites glisser de haut en bas jusqu'à ce que nous ayons ce fond.

Étape 2

Ajoutons une ombre sous la carte. Ctrl-clic la base pour faire une nouvelle sélection. Remplissez-le de noir, désélectionnez (Contrôle-D), puis appliquez un Flou gaussien filtre (Filtre> Flou> Flou Gaussien) pour le ramollir. Répétez ce processus plusieurs fois avec différents Rayon paramètres et couche Opacité jusqu'à ce que nous ayons un plancher réaliste.

Étape 3

Nous devrons peut-être dessiner manuellement les ombres en peignant en noir sur la toile à l’aide d’un gros Outil Pinceau avec le bas Opacité.

Étape 4

Ce fond gris est tout simplement trop terne. Rendons cela plus intéressant en changeant sa couleur en bleu. Ajouter un Filtre photo Couche de réglage au-dessus de l'arrière-plan et sélectionnez Filtre de refroidissement.

Conclusion

Maintenant, nous avons atteint le résultat final. Comme vous pouvez le constater, il n’ya pas d’astuce compliquée dans ce tutoriel. Nous avons seulement utilisé un simple masque de calque et un peu de dessin manuel. 

Je pense qu'il est important de sélectionner les meilleures photos de paysages. En faisant cela, nous évitons les retouches de photos fastidieuses et pouvons nous concentrer sur l'utilisation de la forme de la carte. J'espère que vous comprenez ce tutoriel et que vous pouvez le suivre facilement. Si vous suivez, faites-moi savoir votre résultat. J'adorerais le voir. Merci.