Adobe Photoshop Tutorial - Blue Style Icon

Tutorial written by tutsbuzz

Step 1: With a white (#ffffff) background color. Create a new layer with 600 x 300 pixel document size. Press U to select the Shape Tool.And make sure that the Ellipse Tool is selected. Drag a shape layer about 175 x 175 pixels and name it "icon_bg". Apply these settings to the layer.

Step 2: After these settings, the icon should look like below.

Step 3: Next, create a new layer and select an area like the image below.

 

Step 4: Fill this area with color #ffffff and apply gaussian blur from filters with the settings below.

Step 5: And set the opacity of this layer to 50%. You will get this result.

 

Step 6: Then create a new layer and select an area at top-left side of the icon_bg shape layer. And fill it with color #ffffff. The icon should look like below at this level.

Step 7: Create a new layer and select an area like the image below. And fill it with color #ffffff. Set the opacity of the layer to 25%. The icon should look like below at this level.

Step 8: Add your icon and text. I simply added a question mark with "Book Antique" font and a text with "Century Gothic" font. Done!