Photoshop easily draws simple green web buttons – button icons

Photoshop easily draws a simple green web button

Author: Lightning’s Translation Tutorial Source: Web Teaching Network

Let’s take a look at the final effect first.

1. Create a new file, create a new layer, and use Select the rectangular selection tool as follows. The size I selected is 60*20 pixels.

The foreground color is set to # afee00, the background color is set to: #3b9d00, use the gradient tool to fill from the top of the selection to the center:

Set the foreground and background colors back to black and white , create a new layer, double-click the new layer, and set the stroke options as follows:

Change the layer type to Overlay and set the transparency to 40%.
3. Create a new layer and create the following selection:

Use the gradient tool to change the color from white to transparent and fill it from top to bottom:

Set the layer mode to overlay and reduce the transparency to 30%

4. Use the text tool to enter the required text. The font I use is: Tahoma, and the size is 11pt.

The effect is completed~Although it is relatively simple, it gives It feels very fresh and simple! Simple, we teach you, profound, you share, non-mainstream photos|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
<!–Collectio