Photoshop – Round Edged Button

Photoshop Round Edged Button

Photoshop Round Edged Button 1) Create a New 300X 90px File (File > New) in RGB Color Mode.Fill the layer with any color. You can omit the color fill .
2) Turn on the Rulers, Guides & and Snap to Guides. (Choose View > Show Rulers, & View > Show > Guides ,View > Snap to Guides ). Drag four guides from the rulers (10 pixels in from each edge) as shown .
3) Select elliptical tool. In the tools palette select style as fixed size with 20×20 px. Make a circle and place that as shown in fig.
Photoshop Round Edged Button 4) Fill (Edit > Fill) the circle with the foreground color, and deselect the selection(Edit > Deselect) .
5) Drag two new guides to intersect with the center of the newly created circle (the guides will automatically snap to the center of the circle).
Photoshop Round Edged Button 6) Duplicate the layer containing the circle. Select the the Move tool and drag the circle to the far right; until its right edge snaps to the right-most guide. Hold down the Shift while dragging to make your movement horizontal.
7) Drag another new guide to intersect with the center of the newly created circle.
Photoshop Round Edged Button 8) Merge this duplicate layer with the previous layer (Layer > Merge Down).
9) Duplicate the layer containing the circles. Select the the Move tool and drag the circles down until their bottom edges snap to the bottom-most guide.Hold down the Shift while dragging to make your movement vertical.
10) Drag one more guide to the center of the (bottom) two circles.
11) Again, Merge the layers(so that the current layer now contains four circles – one for each corner (Layer » Merge Down) .
Photoshop Round Edged Button 12) Use the Rectangular Marquee to draw a selection from the top-center of the top-left circle to the bottom-center of the bottom-right circle.
Photoshop Round Edged Button 13) Add a selection spanning from the center-left of the top-left circle to the right-center of the bottom-right circle.(Select the magic wand tool,hold down the Shift key& select the circles remaining portions.Then using rectangular marquee add the remaining portions.)
14) Fill the selection with the foreground color. (Edit > Fill) .That’s all there is to creating a (solid) rectangle with rounded corners.
Photoshop Round Edged Button 15) Choose Select > Modify > Contract & enter a thickness. The number you enter into the contract dialog box will represent the frame thickness of your rounded frame .
16) Now you can add layer effects. Here i used Bevel and emboss.
17) Select the type tool and type the text.You can add effects to text layer also.

Leave a Comment