Comment créer une icône de base pour la maison dans Photoshop

Dans ce didacticiel, vous allez suivre différentes étapes et techniques simples pour concevoir une icône de maison simple mais attrayante. Il est facile de suivre et de jouer avec. Il n'y a pas de courbes complexes ni de travail de pinceau complexe. Des formes simples ainsi que des styles de calque feront le travail complet. L'objectif de ce didacticiel est de vous familiariser avec l'utilisation correcte des couleurs et l'utilisation efficace des styles de calque. Je suis sûr que vous apprécierez le suivre. Sautons dans!

Aperçu de l'image finale

Regardez l'image que nous allons créer.

Détails du tutoriel

  • Programme: Photoshop CS et plus récent
  • Difficulté: Débutant
  • Temps d'exécution estimé: 30-45 minutes

Étape 1

Tout d’abord, créez un nouveau document de 500 pixels par 500 pixels avec un arrière-plan blanc. Faites glisser certains guides au centre du document pour plus de commodité. Sélectionnez l'outil Crayon (P) et créez une forme similaire à celle illustrée ci-dessous..

Étape 2

Vous devez ajouter des couleurs et une fine bande blanche à la forme. Pour ce faire, double-cliquez sur le calque et appliquez les styles de calque suivants.

Étape 3

Dupliquez la forme (Commande + J) et allez dans Edition> Transformation> Retourner horizontalement, déplacez la forme dupliquée vers la droite afin que les côtés se rejoignent comme indiqué..

Étape 4

En raison de couleurs similaires, les deux formes donnent un aspect plat au toit. Il faut remédier à cela. Ouvrez les styles de calque du calque dupliqué et appliquez les modifications suivantes..

Étape 5

Définissez la couleur de premier plan sur "830F00". Dessinez une forme comme celle illustrée ci-dessous avec l'outil Plume (P). Nommez la forme résultante "toit à gauche".

Étape 6

Dupliquez la forme et nommez-la "toit droit". Allez dans Edition> Transformation> Retourner horizontalement et déplacez la forme dupliquée vers la droite pour obtenir un résultat similaire..

Étape 7

Avec l'outil Plume (P), dessinez une autre forme similaire à celle illustrée ci-dessous, nommez-la "corps".

Étape 8

Double-cliquez sur le calque et donnez-lui ces styles de calque..

Étape 9

Vous devez mettre l'ombre du toit sur le corps de la maison. Pour ce faire, maintenez la touche Ctrl enfoncée sur le calque "Toit gauche", puis appuyez sur Commande + Maj-clic sur le calque "Toit droit" pour résumer les sélections des deux calques. Déplacez la sélection vers le bas et, sur un nouveau calque, remplissez la sélection avec la couleur "5F5343".

Étape 10

Allez dans Filtre> Flou> Flou gaussien, entrez 10 pixels et cliquez sur OK..

Étape 11

Vous remarquerez peut-être qu'après l'application du filtre, l'ombre coule à l'extérieur du corps de la maison, ce qui ne semble pas correct. Pour résoudre ce problème, maintenez la touche Ctrl enfoncée tout en cliquant sur le calque "Corps", puis appuyez sur les touches Commande + Maj + I pour inverser la sélection. Avec le calque "shadow" sélectionné, appuyez sur Supprimer.

Étape 12

Vous devez maintenant ajouter une partie importante de la maison - c'est la porte. Sélectionnez l'outil Rectangle de sélection (M) et, sur un nouveau calque, remplissez une sélection avec du noir..

Étape 13

Donnez à la porte les styles de calque suivants.

Étape 14

Nous devons maintenant ajouter quelques détails à la porte. Sélectionnez l'outil Rectangle arrondi (Maj + U) et tracez un rectangle noir avec un rayon de 3px..

Étape 15

Aller à ses options de fusion et appliquer ces paramètres.

Étape 16

Dupliquez la forme et déplacez-la pour obtenir quelque chose comme ça.

Étape 17

Une poignée peut maintenant être ajoutée à la porte. Utilisez l'outil Ellipse (U) pour faire un petit cercle sur la porte..

Étape 18

Donner au cercle une ombre portée et un dégradé radial.

Étape 19

Vous pouvez ajouter une dalle au-dessus de la porte. Utilisez l'outil Plume (P) pour créer une forme similaire à celle illustrée ci-dessous..

Étape 20

Allez dans ses options de mélange et donnez-lui une superposition de dégradé d'un ton similaire à celui du toit..

Étape 21

Avec l'outil Crayon (P), créez une autre forme similaire à celle ci-dessous..

Étape 22

Donne à la forme les styles de calque suivants.

Étape 23

Créez un nouveau calque et remplissez une sélection de noir. Assurez-vous que ce calque est placé sous le calque "door" dans la palette des calques..

Étape 24

Donnez à la bande noire une superposition de dégradé des couleurs suivantes.

Étape 25

Pour plus de détail, vous pouvez ajouter une porte à la maison. Créez une forme comme celle ci-dessous avec l'outil Plume (P).

Étape 26

Donner au pas de porte une superposition de dégradé.

Étape 27

Pour donner à la porte un aspect 3D, ajoutez-y de l'épaisseur. Définissez la couleur de premier plan sur "A26431" et dessinez une forme similaire à celle illustrée ci-dessous..

Étape 28

Il est temps d'ajouter des fenêtres à la maison. Commencez par remplir une sélection de noir sur un nouveau calque.

Étape 29

A l'aide de l'outil Rectangle de sélection (M), remplissez une sélection avec du blanc sur un nouveau calque, comme indiqué..

Étape 30

Allez dans les options de mélange de la section transversale des fenêtres et donnez-leur ces styles.

Étape 31

Maintenant, vous devez faire des volets. Tout comme vous avez fait la porte, faites un volet et placez-le sur un côté de la fenêtre. Faites-en une copie et déplacez-la de l'autre côté, donnez une ombre portée aux volets si vous le souhaitez..

Étape 32

Juste pour augmenter les détails, ajoutez une dalle à la fenêtre comme vous l’avez fait pour la porte. La seule différence est que vous devez appliquer les styles de calque du pas de porte à la dalle que vous faites pour la fenêtre..

Étape 33

Créez un ensemble de calques et insérez-y tous les calques qui constituent la fenêtre. Dupliquez le jeu de calques deux fois et transformez-le à 60% de sa taille originale. Placez les petites fenêtres du côté droit de la porte.

Étape 34

Vous pouvez maintenant ajouter une cheminée à la maison. Créez un nouveau calque et remplissez une sélection avec du noir.

Étape 35

Donnez-lui un dégradé avec ces couleurs.

Étape 36

Créez une forme semblable à celle ci-dessous pour donner à la cheminée un aspect 3D.

Étape 37

Faire une autre forme de n'importe quelle couleur pour la cheminée.

Étape 38

Donner à la forme un dégradé avec ces couleurs.

Étape 39

Définissez la couleur de premier plan sur "D6C08D" et créez une forme comme celle-ci..

Étape 40

Il est temps de donner des ombres à la base de l'icône de la maison. Créez un nouveau calque, puis utilisez l'outil Rectangle de sélection (M) pour remplir une sélection avec du noir..

Étape 41

Appliquer le filtre> Flou> Flou gaussien, puis Filtre> Flou> Flou de mouvement avec ces paramètres.

Étape 42

Faites une ombre semblable pour la porte. Vous pouvez définir l'opacité des ombres de 80 à 90% ou de 20 à 30%. J'ai ajouté de l'herbe et j'ai fini avec ce.

Conclusion

L'image finale est montrée ci-dessous! J'espère que vous avez aimé créer ce design d'icône!