Instruction
1
Create a new document using Ctrl+N.
2
Install the desired size, such as 200 pixels by 100 pixels.
How to draw <strong>button</strong> <b>Photoshop</b>
3
The document was created. You can now begin creating the button.
How to draw <strong>button</strong> <b>Photoshop</b>
4
Select the tool "Rectangle with rounded corners" U, which is in the tools palette. Then select "Layer-shape" which is located under the main menu in the options bar for settings of the active tool.
How to draw <strong>button</strong> <b>Photoshop</b>
5
Draw the button in the document. In this example, the foreground color black, so the button turned black. Next, select the appropriate color.
How to draw <strong>button</strong> <b>Photoshop</b>
6
To do this, go to the Styles panel and select the style for our button.
How to draw <strong>button</strong> <b>Photoshop</b>
7
This example used the style of Blue Glass.
How to draw <strong>button</strong> <b>Photoshop</b>
8
Fastreroute top layer: menu "Layer" - command "Rasterize" - click the "Layer".
How to draw <strong>button</strong> <b>Photoshop</b>
9
Press Ctrl and hold the left mouse button click on the top layer. The button is highlighted with a dotted line.
How to draw <strong>button</strong> <b>Photoshop</b>
10
To create the edges of the buttons are small a hem, press the select - Modify - Shrink".
How to draw <strong>button</strong> <b>Photoshop</b>
11
In the opened window check 3 pixels.
How to draw <strong>button</strong> <b>Photoshop</b>
12
Was such a dotted outline.
How to draw <strong>button</strong> <b>Photoshop</b>
13
Invert selection keyboard shortcut Shift+Ctrl+I.
How to draw <strong>button</strong> <b>Photoshop</b>
14
Copy the selection to a new layer by pressing Ctrl+J. in the palette "Layers" will be the third layer.
How to draw <strong>button</strong> <b>Photoshop</b>
15
Select for a small hem width, 3 pixel any style. To do this, again go to the Styles panel and select the desired. In this example, the applied style edges Chiseled sky, because it goes well with the color of the button.
How to draw <strong>button</strong> <b>Photoshop</b>
16
Here was such button. Optionally, you can apply your styles which you like.
How to draw <strong>button</strong> <b>Photoshop</b>
17
It remains to write the text. To do this, select the tool "Horizontal text" (MT). Select the font parameters in the settings pane for the settings of this tool.
How to draw <strong>button</strong> <b>Photoshop</b>
18
Here is your button and you're done.
How to draw <strong>button</strong> <b>Photoshop</b>