Comment créer une icône de table basse chic dans Photoshop

Que serait votre collection d'icônes sans un meuble chic et contemporain? Dans ce tutoriel simple mais efficace, nous allons apprendre à intégrer le pouvoir de la subtilité au design des icônes. Nous allons créer une icône semblable à celle de la table basse classique d'Isamu Noguchi, datant de 1944. Commençons!

Aperçu de l'image finale

Regardez l'image que nous allons créer. 

Détails du tutoriel

  • Programme: Adobe Photoshop CS4
  • Difficulté: Intermédiaire
  • Temps d'exécution estimé: 1,5 heure

Didacticiel vidéo

Notre éditeur vidéo Gavin Steele a créé ce didacticiel vidéo pour compléter ce didacticiel texte + image..

Étape 1

Tout comme les peintres exercent leurs compétences avec le dessin réel, les concepteurs d'icônes créent des objets existants pour étudier la forme, les textures et l'éclairage. Pour ce tutoriel, nous allons créer un meuble contemporain, la table basse 1944 d’Isamu Noguchi. Faites une recherche sur Google puis lancez Photoshop.

Créez un nouveau document vierge et définissez la largeur et la hauteur sur 512 pixels, la taille maximale de l'icône requise par les systèmes d'exploitation actuels. Lorsque vous créez des icônes, vous commencez par la plus grande taille, puis créez les plus petites images, en ajustant les détails pour que l’icône reste nette. Notre table basse a un plateau en verre symétrique alors ajoutons quelques guides pour nous aider à la dessiner.

Étape 2

Activer la capture dans le menu Affichage (Maj + Commande + Touche de point-virgule). En utilisant l’outil Plume en mode Shape Layers, dessinez la moitié droite du plateau en verre, en vous alignant sur les guides que nous avons dessinés avant (2a)..

Cliquez avec le bouton droit sur ce calque et choisissez Dupliquer le calque. Retournez la nouvelle forme horizontalement et positionnez-la à gauche du guide vertical central (2b). Maintenant, cliquez avec le bouton droit sur les deux couches et choisissez Rasterize Layer. Enfin, sélectionnez les deux calques et appuyez sur Commande + E pour les fusionner. Nommez cette couche "top". Dans la palette Calques, réduisez le Remplissage à 0%, puis appliquez les effets de calque suivants: Surimpression en dégradé, Contour et Lueur intérieure (2c). La surface supérieure est faite (2d).

Étape 3

Faites une copie de la couche "supérieure", déplacez-la en dessous et renommez-la "bas". Supprimez l'effet de superposition de dégradé, laissez la lueur intérieure intacte et assombrissez le trait. De cette façon, la surface inférieure brillera par le haut, tout en conservant une teinte ambiante sans ajouter d'opacité à la vitre (3a)..

Copiez les calques "haut" et "bas". Tout en maintenant la touche Commande enfoncée, cliquez sur le calque "Copie supérieure" pour sélectionner son contour, sélectionnez le calque "Copie inférieure" et cliquez sur Supprimer pour les effacer (3b). Renommez cette couche "épaisseur" et supprimez la couche "copie en haut". Nous avons une bande incurvée horizontale à remplir donc appliquons un recouvrement de dégradé sombre avec quelques points clairs aux coins (3c).

Étape 4

Ajoutons une réflexion à la surface supérieure. Dupliquez le calque "supérieur" et renommez-le "réflexion". Appuyez sur L pour sélectionner l'outil Lassoo et tracez un coin en diagonale sur la moitié inférieure de la surface (4a). Supprimer cette sélection. Appliquez un calque dégradé blanc en mode Calque et réduisez l'opacité du calque à 60% (4b). Regrouper toutes les couches (4c).

Étape 5

Sur les jambes. À l’aide des guides de perspective, tracez le côté de la jambe gauche avec un calque de forme (5a). Copiez le. Appuyez sur Commande + T, cliquez avec le bouton droit de la souris et sélectionnez Retourner horizontalement, puis Retourner verticalement. Avec l'outil de sélection directe (A), inclinez et ajustez la nouvelle forme pour obtenir le côté de la jambe droite. Ajoutez des superpositions de dégradé de gris foncé à moyen aux deux formes et nommez-les "côté" (5b).

Étape 6

Maintenant vient la partie compliquée. Nous devons ajouter de l'épaisseur aux jambes. Lisez les instructions mais référez-vous aux images pour une meilleure compréhension de la procédure..

Faites une copie du calque "latéral" de gauche, en masquant l'original. Nommez cette copie "épaisseur intérieure". Effacez tous les points extérieurs en ne laissant que ceux de l'image 6a. Le chemin toujours sélectionné, accédez à la palette Chemins et créez un nouveau chemin, en le nommant "profil intérieur" (6a). Créez une autre copie du "côté" gauche et déplacez-la vers la gauche (6b). Faites une copie si cette couche, nommez-la "épaisseur extérieure" et suivez la même méthode que précédemment, en effaçant tous les points extérieurs puis en nommant le nouveau chemin "profil extérieur" (6c)..

Étape 7

Dans la palette Chemins, sélectionnez le chemin "Profil externe". Dans la barre d’outils, choisissez la flèche noire (A) et sélectionnez le chemin sur le canevas. Appuyez sur Command + C pour le copier dans le presse-papier (7a).

Sélectionnez maintenant le "profil interne" dans la palette Chemins et appuyez sur Commande + V pour y coller le chemin "profil externe". Supprimez le chemin du "profil externe" de la palette Chemins (7b). À l’aide de l’outil Plume (P), reliez les deux chemins par des lignes droites (7c). Tout en maintenant la touche Commande enfoncée, cliquez sur le tracé dans la palette Chemins pour en sélectionner le contour..

Dans la palette Calques, créez un nouveau calque, nommez-le "épaisseur intérieure" et déplacez-le sous le calque "latéral". Appuyez sur Alt + Retour arrière pour remplir la sélection sur le nouveau calque avec la couleur de premier plan. N'importe quelle couleur fera l'affaire, assurez-vous simplement de pouvoir la voir (7d). Voir le résultat ci-dessous (7e).

Étape 8

En utilisant une méthode similaire, dessinez l’épaisseur extérieure de la jambe gauche. Reportez-vous à la séquence d'images pour connaître les étapes nécessaires. C'est plus facile que dit.

Étape 9

Ajoutez de l'épaisseur à la jambe droite. Encore une fois se référer à la séquence d'images pour les étapes nécessaires, ce qui est plus facile à faire que cela.

Étape 10

Nous en avons fini avec les jambes. Ajoutez simplement une légère ombre bleu clair sous la table et vous pourrez l'appeler un jour.!

Conclusion

Ce tutoriel nous a appris que même les objets les plus simples requièrent une attention minutieuse aux détails pour être restitués correctement. C'est cette approche qui donne les résultats les plus convaincants. Ils disent que le crime ne paie pas, mais la qualité ne!