Dans ce didacticiel, nous allons apprendre à utiliser Photoshop pour dessiner une belle icône. L'écran est un moniteur de bureau et un ordinateur hôte. L'effet final est montré dans l'image ci-dessous.
pour quatre icônes de tailles différentes
sont les suivantes.
1. Comme le montre la figure 1, dessinez un rectangle arrondi.
Figure 1
2. Appuyez sur les touches Ctrl+T et ajustez la poignée pour obtenir la forme illustrée dans la figure 2.
Figure 2
3. Appliquez le style graphique illustré aux figures 3 et 4.
Figure 3
Figure 4
L'image après application du style graphique est présentée dans la figure 5.
Figure 5
4. Maintenez la touche Ctrl enfoncée tout en cliquant sur le nom du calque dans le panneau des calques pour charger la sélection du calque. Maintenant, appuyez sur la touche fléchée droite pour déplacer la sélection de 4 pixels plus vers la droite.
Figure 6
5. Appuyez sur Maj+Ctrl+I pour inverser la sélection, puis maintenez Ctrl+Alt+Maj enfoncé et cliquez sur le nom du calque pour sélectionner la pièce illustrée dans la Figure 7.
Figure 7
6. Conservez la sélection, créez un nouveau calque, définissez la couleur de premier plan sur #CFCECE et la couleur d'arrière-plan sur #757575, sélectionnez un dégradé linéaire de la couleur de premier plan à la couleur d'arrière-plan et remplissez la sélection. Appuyez sur les touches Ctrl+D pour annuler la sélection. Le résultat est présenté dans la figure 8.
Figure 8
7. Utilisez l'outil Rectangle pour dessiner un rectangle et appuyez sur la touche D pour modifier les couleurs de premier plan et d'arrière-plan en noir et blanc par défaut. Utilisez un dégradé linéaire de la couleur de premier plan à la couleur d'arrière-plan pour remplir le rectangle. Le résultat est présenté dans la figure 9.
Figure 9
8. De même, utilisez l'outil Rectangle pour dessiner un autre rectangle. Cette fois, remplissez le rectangle avec un dégradé radial du premier plan à l'arrière-plan, en définissant la couleur de premier plan sur # A0D4F9 et la couleur d'arrière-plan sur # 1877D4. Les résultats sont présentés dans la figure 10.
Figure 10
9. Utilisez l'outil Plume sous le moniteur pour dessiner une forme comme indiqué dans la Figure 11.
Figure 11
10. Appliquez le style de calque comme indiqué dans les figures 12 et 13.
Figure 12
Figure 13
L'image après application du style de calque est présentée dans la figure 14.
Figure 14
11. Utilisez l'outil Ellipse pour dessiner une ellipse comme indiqué dans la figure 15.
Figure 15
12. Appliquez le style de calque comme indiqué dans les figures 16 et 17.
Figure 16
Figure 17
L'image après application du style de calque est présentée dans la figure 18.
Figure 18
13. Nous allons maintenant dessiner un boîtier tour près du moniteur. Pour atteindre cet objectif, dessinez trois formes différentes comme le montre la figure 19. Vous pouvez utiliser l'outil Plume lors du dessin, ou vous pouvez d'abord dessiner un rectangle puis le transformer.
Figure 19
14. Appliquez le même style de calque aux trois calques où se trouvent les graphiques ci-dessus, comme indiqué dans les figures 20 et 21.
Figure 20
Figure 21
15. Disposez ces graphiques pour qu'ils ressemblent à un châssis vertical, comme illustré à la Figure 22.
Figure 22
16. Comme le montre la figure 23, tracez une ligne droite noire de 2 pixels.
Figure 23
17. Sélectionnez la forme automatique comme indiqué dans la figure 24 dans la liste des formes automatiques.
Figure 24
18. Dessinez un contour comme illustré à la figure 25.
Figure 25
19. Appliquez le style de calque de superposition de dégradé comme indiqué dans la figure 26.
Figure 26
L'image après application du style de calque Superposition de dégradé est présentée dans la figure 27.
Figure 27
20. Utilisez l'outil Ellipse pour dessiner une ellipse et remplissez l'ellipse avec un dégradé linéaire allant de la couleur de premier plan gris clair à la couleur d'arrière-plan gris foncé. Le résultat est présenté dans la figure 28.
Figure 28
21. Utilisez l'outil Ellipse pour dessiner une autre ellipse et remplissez l'ellipse avec un dégradé radial allant de la couleur de premier plan blanche à la couleur d'arrière-plan rouge. Le résultat est présenté dans la figure 29.
Figure 29
22. Utilisez l'outil Rectangle et l'outil Ligne pour dessiner trois formes comme indiqué dans la figure 30. Vous pouvez le faire en dessinant d'abord un rectangle noir, puis en ajoutant une ligne grise de 2 px, puis en regroupant ces calques et en les fusionnant. Après cela, copiez et collez le calque.
Figure 30
: De cette manière, l'effet d'icône final est obtenu, comme le montre la figure 31. Adresse d'origine
Figure 31