Free mockups by Pixeden:
Create a new file named ‘icons’: 600 by 300px, RGB color, 8 bit and white background.
Now we need grid and rulers, Go to view > rulers and view > show> grid.
Now right-click on the background layer.Double click the background layer and click “convert to smart object”. Than rename the layer ‘background’.
Create a new layer by clicking on the “Create a new layer” icon second from the right at the bottom.Rename the layer,”first icon”.
Using the rectangle tool,create a rectangle.
Click “Add a layer style “ icon in the layer panel. Use these settings:
This is what you should get:
Now the text or the main object.Temporarily disable the grid.This will help to see the icon clearly.Use this stock: Tree Bark. Place it and position it over the icon.
Now select overlay from the blending mode and set opacity to 37%.
Now we have to put the text or symbol in the icon. Select the text tool and write Ps. I used Georgia font regular type,size 36 pt and black color.
Now go to layer style,and use following settings:
Now group all the layers except the background.
Now rename the group as “First icon” and bring back the grid.
Now duplicate the group by right-clicking the group and clicking duplicate group.
Now rename the second group as “second group”.
Press command+T to move the second group:
Now select the test tool and select the ‘Ps’ and change it to ‘Ai’.
It should be like this:
Di the third on ein the same way write flash this time,and L should be 30 pt. :
Now remove the grid .Go to the background layer and apply gradient.
Apply linear gradient this way:
Create new layer,naming it “The line”.Bring back the grid and draw a line over the icons.
Use these settings :
Remove the grid and you should get the following result: