Créer une icône de maison en bois dans Photoshop

Vous pourriez être surpris de ce que vous pouvez faire avec les outils de dessin de Photoshop, quelques textures et une compréhension de base de la lumière et des ombres. Dans le tutoriel d'aujourd'hui, nous allons montrer comment créer une icône de maison en bois dans Photoshop en appliquant des textures à des formes de base..


Ressources

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel bien que vous soyez libre d’utiliser toute autre texture à votre disposition..

  • Texture du bois
  • Texture de mur

Étape 1

Dans le nouveau document, créez un nouveau calque, dessinez comme indiqué dans (1a). Appuyez sur Commande + J pour dupliquer ce calque et appuyez sur Command + T, cliquez avec le bouton droit de la souris sur l'image et choisissez Retourner horizontalement pour inverser le deuxième calque. Positionnez-le comme indiqué en (1b). Appuyez ensuite sur Commande + E pour fusionner les deux calques en un seul et renommez le nouveau calque «H1»..


Étape 2

Appuyez sur Command + T. Tout en maintenant «Command» enfoncé, éditez «H1» comme indiqué ci-dessous (2a). Appuyez ensuite sur Commande + J pour dupliquer «H1», renommez le nouveau calque «H2» et placez-le comme indiqué en (2b)..


Étape 3

Créez un nouveau calque par-dessus et appelez-le «h2». Dessinez comme indiqué ci-dessous..


Étape 4

Créez un nouveau calque par-dessus et appelez-le «Toit gauche 1». Dessinez comme indiqué en (4a). Appuyez ensuite sur Commande + T, tout en maintenant les touches «Shift» + «Alt» plus grandes (4b).


Étape 5

Créez un nouveau calque sous “toit gauche 1”, appelez-le “toit gauche 2” et tracez comme indiqué dans (5)..


Étape 6

Continuez à dessiner le toit comme indiqué ci-dessous.


Étape 7

Créez 2 nouvelles couches, une "porte" et une "fenêtre". Dessiner comme indiqué ci-dessous.


Étape 8

Ajoutons maintenant de la texture à la maison. Ouvrez une texture de bois. Tout fera mais le mien vient de bigstockphoto.com.


Étape 9

Appliquez un style de calque à la «texture H1» et utilisez les paramètres ci-dessous..


Étape 10

Appliquez un style de calque à «texture h2» et utilisez les paramètres ci-dessous..


Étape 11

Maintenant, appliquez les styles de calque suivants à “toit gauche 1”, “toit gauche 2”, “toit gauche 3” et “toit droit 1”.


Étape 12

Créez un nouveau calque sous “toit gauche 1”. Sélectionnez-le et «toit 1 gauche», puis appuyez sur Command + E pour fusionner ces calques en un seul. Conserver son nom «toit gauche 1» (12a).

Tout en maintenant «Command» enfoncé, cliquez sur «toit gauche 1» pour obtenir sa sélection. Allez dans le menu Sélection> Modifier> Contrat, définissez Contrat par: 1 px. Appuyez ensuite sur Commande + Maj + I pour inverser cette sélection. Choisissez Dodge Tool (pinceau lisse, 35px) et dessinez comme indiqué en (12b).


Étape 13

Répétez l'étape 12 pour “toit gauche 2”, “toit gauche 3” et “toit droit 1.”


Étape 14

Appuyez sur Commande + J pour dupliquer “toit gauche 1”, renommez le nouveau calque “toit clair 1” et remplissez-le de blanc comme indiqué en (14a). Faites votre choix comme indiqué en (14b). Appuyez sur Commande + Alt + D et définissez le rayon de la plume sur 20 px, puis appuyez sur la touche Suppr. Changer son mode de fusion en superposition (14c).


Étape 15

Appuyez sur Commande + J pour dupliquer le «toit clair 1». Renommez le nouveau calque «toit clair 2» et réduisez l'opacité à 50%.


Étape 16

Sélectionnez «toit gauche 1», «toit gauche 2», «toit gauche 3», «toit droit 1», «toit clair 1» et «toit clair 2», appuyez sur Commande + E pour fusionner ces couches en une seule. Renommez la nouvelle couche "toit". Ouvrez l'image de texture de mur (de bigstock.com), copiez-la et collez-la sur le “toit”. Sélectionnez le calque de texture du mur en maintenant «Command» enfoncé, cliquez sur «Toit» pour obtenir sa sélection. Appuyez sur Commande + J pour dupliquer cette sélection, renommez le nouveau calque «texture de toit» (16a). Puis changez son mode de fusion en multipliant et réduisez l'opacité à 30% - 40% (16b).


Étape 17

Ajoutez un calque de texture en bois à la porte, qu’on appelle «texture de porte 1» (17a). Appliquez un calque et utilisez les paramètres comme indiqué en (17b).


Étape 18

Ajoutez une couche de texture en bois supplémentaire pour la porte (sur «texture de porte 1»), appelez-la «texture de porte 2» (18a). Tout en maintenant «Commande», cliquez sur «porte» pour obtenir sa sélection. Puis, tout en choisissant l'outil Rectangle de sélection (M), appuyez sur les touches haut et bas et positionnez-le comme indiqué en (18b). Appuyez sur Suppr (18c) et supprimez “porte” (nous n'en avons pas besoin).


Étape 19

Choisissez l'outil d'esquive et l'outil de gravure (pinceau lisse, environ 10 à 35 pixels) et appliquez un ombrage comme indiqué sur «texture de la porte 2»..


Étape 20

Ajoutez un calque de texture du bois pour la fenêtre (sur «fenêtre»), appelez-le «texture de fenêtre» et utilisez les techniques décrites dans les étapes 18 et 19..


Étape 21

Créez une nouvelle couche sous «toit» et appelez-la «ombre de toit 1». Choisissez l'outil Pinceau avec du noir (défini comme dans (21a)) pour dessiner l'ombre (21b).


Étape 22

Créez un nouveau calque sous tous les autres calques, appelez-le «pilier» et tracez comme dans (22a). Ajoutez ensuite une texture de bois pour le pilier, appelez le nouveau calque «texture de pilier» (22b). Appliquer un style de calque et utiliser les paramètres comme indiqué en (22c).


Étape 23

Créez un nouveau calque au-dessus de «texture de pilier» et appelez-le «ombre maison 1». Choisissez l'outil Pinceau de couleur noire (défini comme dans (21a)) pour dessiner l'ombre (23a). Ensuite, sur «texture de pilier», utilisez l’outil de gravure pour dessiner comme indiqué dans (23b)..


Étape 24

Créez un nouveau calque sous «pilier», appelez-le «support de la maison 1» et ajoutez une texture de bois comme dans (24a). Allez au menu Image> Réglages> Luminosité / Contraste, défini comme dans (24b). Tout en maintenant «Command» appuyé, cliquez sur «house support 1» pour obtenir sa sélection. Ensuite, choisissez l'outil Pinceau avec la couleur noire (définie comme dans (21a)) pour dessiner l'ombre à l'intérieur de la sélection (24c)..


Étape 25

Ajoutez une autre texture de bois pour le support de la maison. Tout en maintenant «Command» appuyé, cliquez sur «house support 1» pour obtenir sa sélection. Accédez au menu Sélection> Modifier> Développer, définissez Développer par: 3px pour obtenir la plus grande sélection. Sur la texture du bois, appuyez sur Commande + J pour dupliquer la sélection. Renommez le nouveau calque "support maison 2".


Étape 26

Effectuer les étapes suivantes.


Étape 27

Sur le «soutien de la maison 1», utilisez l'outil Pinceau et dessinez une ombre comme indiqué ci-dessous.


Étape 28

Créez un nouveau calque sous «support de maison 2», appelez-le «ombre de support de maison» et tracez comme dans (28a). Créez ensuite un nouveau calque sous «pilier», appelez-le «ombre maison 2» et tracez comme dans (28b)..


Conclusion

J'espère que vous avez appris quelque chose de nouveau et que vous vous êtes amusés. L'image finale peut être vue ci-dessous.