The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques XP Style Help Icon

XP Style Help Icon


Create a rounded rectangle using rounded rectangle shape tool.

image 1

Enable subtract form shape area form the top bar. Create a rectangle using rectangular shape tool near the bottom of the rounded rectangle.

image 2

Press Ctrl+T. Right click the layer and select perspective. Adjust nodes to get the shape as shown.

image 3

Press Ctrl+T. Right click the layer and select warp. Adjust nodes of the bottom side to get the curved shape as shown.

image 4

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 5

Duplicate layer. Remove layer style. Enable subtract form shape area form the top bar. Create a shape as shown in the image below.

image 6

Create an ellipse using elliptical shape tool. Rotate a bit so that it looks like an exclamation sign.

image 7

Repeat above mentioned steps for circle layer too.

image 8

Double click the gray shape layer to open layer style window. Apply layer style with the settings shown.

image 9

image 10

Using pen tool create thin shapes to add highlight to the icon.

image 11

Select the upper part layer of icon. Ctrl+Click the layer thumbnail to get the selection. Create a new layer. apply white to black gradient in this layer. repeat steps for circle too.

image 12

Change layer mode to screen.

image 13

Select eraser tool and using a feathered brush setting erase the left portion of this layer.

image 14

Select and merge all layers. Scale down to icon size. Double click the layer to open layer style window. Apply layer style with the settings shown.

image 15

image 16

XP Style Help Icon Tutorial: Final Result



Author's URL: Mr. Smarty
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "XP Style Help Icon"

Only registered users can write comment

No comments yet...