Hold CTRL, left click ‘ bg02‘ Layer Thumbnail to highlight the outer shape choose Eclipse Marquee Tool. Let’s give it a little glow over the top part. Same, after deciding your text, double click on ‘txt’ to launch the Blending Options and tweak the following styles.īutton is almost done. The font styles I’m using here are as follow: Double click on ‘bg02’ to launch up the Blending Option and tweak the following style.Ĭreate another new layer for text, call it ‘ txt‘. This will shrink the selected area by 2 pixel.Ĭreate a new layer call ‘ bg02‘ and filled the highlighted (after shrink) area with any color. Go Select -> Modify -> Contract and enter the value ‘ 2px‘. Hold CTRL, left click on ‘ bg01‘ Layer Thumbnail to select its shape.
Any color is fine at the current stage.Ĭall up the Blending Options of ‘ bg01‘ and adjust the following styles: Select the Rounded Rectangular Tool, hold SHIFT and draw a round sided square in the center. Tutorial after jump.Ĭreate a blank canvas at about 500px (width) x 400px (height) to start off the button design. Buttons Photoshop tutorials are probably one of the hottest categories in any Photoshop tutorials site and since Web 2.0 is such hot topics now, lets go about doing a simple button suitable for any Web 2.0 application of websites.