Comment créer une icône de carte avec Adobe Photoshop

Ce que vous allez créer

Il n'est pas nécessaire d'utiliser un logiciel 3D pour créer une simple icône en trois dimensions. Photoshop peut le faire aussi en utilisant quelques astuces simples avec la couleur en dégradé, la surbrillance et l’ombre. Ici, nous allons utiliser ces astuces pour dessiner une icône de carte. Commençons!

1. Dessiner une carte

Étape 1

Pour dessiner le papier, commencez simplement par dessiner ses points à l’aide des touches Stylo Outil.

Vous devez cliquer sur le premier point pour fermer la forme et créer une forme de papier parfaite. Assurez-vous de garder la forme du papier correspondant à sa perspective.

Étape 2

Ouvrez Google Maps, puis capturez l'une de ses cartes. Placez-le sur le dessus de la toile.

Étape 3

Nous avons plié le papier trois fois et nous souhaitons placer un morceau de la carte sur chaque segment de papier. Donc, dupliquez la carte trois fois en appuyant sur Contrôle-j trois fois. Frappé Contrôle-T effectuer une transformation.

Étape 4

Tenir Contrôle puis faites glisser chaque coin indépendamment jusqu'à ce que nous ayons la carte correspondant à la perspective du papier.

Étape 5

Masquer la carte. Contrôle-Cliquez sur le papier pour faire un nouveau chapiteau de sélection basé sur la forme du papier.

Étape 6

Activer le Lasso Outil. Tenir Alt pour soustraire la sélection précédente. Cliquez plusieurs fois pour supprimer les deuxième et troisième segments du papier..

Assurez-vous que la couche de carte est révélée.

Étape 7

Ajoutez un masque de calque dans le calque en cliquant sur le bouton Ajouter un masque de calque icône.

Étape 8

Continuez à répéter les étapes (transformation de la carte, sélection d'un segment de papier, puis ajout du masque de calque) au segment de papier suivant..

Étape 9

Lorsque vous avez le papier recouvert de carte, sélectionnez la couche de carte et cliquez sur Contrôle-Alt-G pour le convertir en un masque d'écrêtage. Faites ceci à chaque couche de la carte. Chaque pixel que vous peignez à l'intérieur de ces cartes sera contenu dans le papier..

Étape 10

Nous allons maintenant ajouter une bordure au papier. Rappelez-vous que nous mettons le papier en perspective. Le principe de base est que plus le trait est serré, plus il est gros pour nous. Contrôle-Cliquez sur la couche de papier pour effectuer une nouvelle sélection en fonction de sa forme. Activer le Lasso Outil puis définissez son mode sur Soustraire du Barre d'option. Cliquez à l'intérieur de la sélection.

Étape 11

Créez un nouveau calque puis remplissez la sélection de blanc.

Étape 12

Créez un nouveau calque et convertissez-le en masque d'écrêtage. Activer le Brosse Outil avec le bas Opacité, 5%. Peindre en noir sur le bord du papier.

Étape 13

Contrôle-Cliquez sur la forme du papier pour faire une nouvelle sélection en fonction de sa forme. Cliquez sur Edition> Contour. Définir sa Couleur à Noir avec Taille 1 px et Lieu: intérieur.

Étape 14

Réduire la couche de trait Opacité à dix%.

Étape 15

Contrôle-Cliquez sur la première partie du papier. Faire un nouveau calque sur le dessus et ensuite peindre en noir sur son côté droit. Réduire sa couche Opacité à 30% et mettre sa Mode de fusion à Recouvrir.

Étape 16

Répétez ce processus sur la partie suivante du papier.

2. Ombre de la carte

Étape 1

En utilisant le Lasso Outil, faire une nouvelle sélection polygonale derrière le papier. Remplissez-le avec un dégradé linéaire du noir au noir transparent.

Étape 2

Adoucissez-le en appliquant un Flou gaussien filtre. Cela va être utilisé comme l'ombre du papier sur le sol.

Étape 3

Réduire sa couche Opacité à dix% garder l'ombre subtile.

Étape 4

Faites une autre sélection polygonale derrière la dernière partie du papier. Remplir la sélection avec du noir.

Étape 5

Ramollir en utilisant un Flou gaussien filtre.

Étape 6

Ajoutez un masque de calque dans le calque. Définissez la couleur de premier plan sur le noir. Peignez la partie inutile de l'ombre à l'aide du Outil Pinceau pour le cacher.

Étape 7

Continuons d'ajouter une autre ombre pour la rendre plus réaliste. Créez une nouvelle sélection en utilisant le Lasso Outil et peindre en noir à l'intérieur.

Étape 8

Supprimer la sélection en utilisant le raccourci Contrôle-ré puis appliquez le flou gaussien (Filtre> Flou> Flou Gaussien) pour adoucir l'ombre.

Étape 9

Réduire l'ombre Opacité à 30% pour le garder subtil.

Étape 10

Nous avons encore besoin d'ajouter plus d'ombre derrière le papier. Ajoutez un nouveau calque au-dessus de l’ombre, puis peignez-le en noir à l’aide d’un bas Opacité Brosse Outil.

Étape 11

Comme vous pouvez le voir ci-dessous, une partie de l’ombre est qui fuit en dehors du papier. C'est facile à résoudre.

Étape 12

Il suffit d'activer le La gomme Outil puis supprimez ces pixels inutiles.

Étape 13

Réduire l'ombre de la couche Opacité à 20%.

2. Dessiner une icône de carte

Étape 1

Commencez par dessiner une forme de cercle. Activer le Forme elliptique Outil. Pour sa couleur, je sélectionne le rose (# d27eee). N'hésitez pas à choisir une autre couleur que vous aimez. Maj-clic-glisser créer une nouvelle forme circulaire.

Étape 2

Dupliquez la forme circulaire en la sélectionnant à l’aide des touches Sélection du chemin Outil, et ensuite frappé Contrôle-CContrôle-V. Frappé Contrôle-T pour effectuer une transformation puis faites glisser son coin vers l'intérieur pour le rendre plus petit.

Étape 3

Pour obtenir une forme de beignet, assurez-vous de définir le mode de tracé sur Soustraire la forme avant.

Étape 4

Activer le Sélection directe Outil. Cet outil vous permet de sélectionner le point de forme individuellement. Sélectionnez le point le plus bas, puis déplacez-le verticalement en appuyant sur la touche Flèche vers le bas touche quelques fois. Vous pouvez également trouver un avertissement de Photoshop vous informant que vous allez transformer la forme en une forme régulière. Si vous le faites, confirmez-le.

Étape 5

Activer le Point de conversion Outil puis cliquez sur le point.

Étape 6

Jusqu'à présent, c'est l'icône que nous avons.

Étape 7

Double-cliquez sur le calque de forme, puis appliquez le style de calque. Ombre intérieure et Incrustation en dégradé avec les réglages suivants.

Étape 8

Dupliquez la forme en cliquant Contrôle-J. Frappé Contrôle-T puis tirez sa poignée supérieure vers le bas pour la raccourcir.

Étape 9

Double-cliquez sur la forme sur la partie arrière de l'icône. Appliquer ce paramètre à son Incrustation en dégradé et désactiver sa Ombre intérieure.


Étape 10

C'est le résultat que nous avons. Le côté intérieur de l'icône est maintenant plus sombre. Nous devons encore corriger manuellement son ombre et la surligner pour la rendre plus réaliste..

Étape 11

Contrôle-Cliquez sur la forme du côté arrière pour faire une nouvelle sélection en fonction de sa forme. Cliquez sur Edition> Contour. Définir sa Largeur à 1 px et sélectionnez #faedff pour sa couleur. J'ai choisi une couleur rose vif car la couleur de l'icône est rose. Vous voudrez peut-être choisir une couleur différente en fonction de votre icône.

Étape 12

Cliquez sur Filtre> Flou> Flou Gaussien avec un petit rayon pour adoucir la ligne de trait. Nous avons maintenant une ligne de trait très douce sur le bord de la forme. Cela deviendra le point culminant de la forme.

Étape 13

Ajouter une autre ligne de trait à la face avant de l'icône. Contrôle-Cliquez sur la forme et ensuite appliquer le Accident vasculaire cérébral commander.

Étape 14

Adoucir la ligne de trait en appliquant un Flou gaussien filtre.

Étape 15

Ajoutez un masque de calque au calque. Frappé puis Contrôle-Effacer remplir le masque de calque avec du noir. La fine ligne en surbrillance sera masquée. Activer le Brosse Outil puis peignez en blanc pour révéler une partie de la ligne en surbrillance.

Étape 16

Utilisez le Lasso Outil faire une sélection manuellement dans la partie inférieure de l'icône.

Étape 17

Faire un nouveau calque. Remplissez la sélection en noir puis appliquez Flou gaussien.

Étape 18

Réduire sa Opacité à 20%.

Étape 19

Créez un nouveau calque puis peignez en noir la partie inférieure de l'icône et certaines parties de ses bords.

Étape 20

Réduire sa couche Opacité.

4. Créer l'ombre de l'icône sur la carte

Étape 1

Commençons à dessiner l'ombre de l'icône. Nous allons effectuer beaucoup de dessins manuels ici. Activer le Brosse Outil puis peignez en noir à l'endroit où le bout de l'icône touche la carte.

Étape 2

Contrôle-Cliquez sur la face avant de l'icône. Clic-droit puis sélectionnez Transformer la sélection.

Étape 3

Tenir Contrôle puis faites glisser la poignée de transformation jusqu'à ce que la sélection se trouve sur la carte. Assurez-vous qu'il correspond à la perspective de la carte.

Étape 4

Créez un nouveau calque puis remplissez-le avec # 652b78. Ramollir cette ombre en ajoutant un Flou gaussien filtre.

Étape 5

Ajoutez un masque de calque à l'ombre, puis remplissez-le de noir. Peignez avec du blanc pour révéler une partie de l'ombre.

5. Contexte

Étape 1

Créez un nouveau calque pour l'arrière-plan. Remplissez-le avec un dégradé subtil du gris au gris plus foncé.

Étape 2

Ajouter un Couleur unie calque de réglage avec une couleur bleue et ensuite réduire son Opacité.

Conclusion

J'espère que vous avez appris de nouvelles techniques grâce à ce tutoriel. Comme vous pouvez le voir ici, dessiner un objet en trois dimensions à partir d'une forme simple dans Photoshop est assez facile. Assurez-vous simplement que vous ajoutez un bon éclairage, avec des rehauts et des ombres subtils.