Use Photoshop to create Vista style icons – logo tutorial
Use Photoshop to create Vista style icons – logo tutorial
<p The final effect of making Vista style icons using Photoshop is as follows: The steps are as follows: 1. Create a new image document (shortcut key Ctrl N), with the background color #2a2a2a, the width and height depend on your needs. Picture 1: Create a new dark image document 2. Select the rounded rectangle Tool from the Tools bar (shortcut key U), and set its radius to 5 in the options bar pixels, color is black, draw a graphic similar to the following shape: Figure 2: Draw a Rounded rectangular shape3. Rename “Shape 1” Layer to “Button Background”, double-click in the blank space to open LayerStyle dialog box. Apply “Outer Glow”, “Inner Glow”, “Gradient Overlay”, “Stroke” and other styles to the layer. The specific settings are as shown in the figure: (1) “Outer Glow” layer style parameter settings: Figure 3: “Outer Glow” layer style parameter settings (2) “Inner Glow” layer style parameters Settings: Figure 4: “Inner Glow” layer style parameter settings (3) “Gradient Overlay” layer style parameter settings: Figure 5: “Gradient “Overlay” layer style parameter settings The colors of the three color scales of the gradient are: #148791 #000f1b #000f1b, as shown in the figure: Figure 6: Editing…
Use Photoshop to create Vista style icons – logo tutorial
<p The final effect of making Vista style icons using Photoshop is as follows: The steps are as follows: 1. Create a new image document (shortcut key Ctrl N), with the background color #2a2a2a, the width and height depend on your needs. Picture 1: Create a new dark image document 2. Select the rounded rectangle Tool from the Tools bar (shortcut key U), and set its radius to 5 in the options bar pixels, color is black, draw a graphic similar to the following shape: Figure 2: Draw a Rounded rectangular shape3. Rename “Shape 1” Layer to “Button Background”, double-click in the blank space to open LayerStyle dialog box. Apply “Outer Glow”, “Inner Glow”, “Gradient Overlay”, “Stroke” and other styles to the layer. The specific settings are as shown in the figure: (1) “Outer Glow” layer style parameter settings: Figure 3: “Outer Glow” layer style parameter settings (2) “Inner Glow” layer style parameters Settings: Figure 4: “Inner Glow” layer style parameter settings (3) “Gradient Overlay” layer style parameter settings: Figure 5: “Gradient “Overlay” layer style parameter settings The colors of the three color scales of the gradient are: #148791 #000f1b #000f1b, as shown in the figure: Figure 6: Editing…