Glossy Button 有光泽的按钮

Step 1

Start off with a button, either curved or rectangled. I used a rectangle. Be sure to make the pixel edge ' Inside '. I used a dark green.

Step 2

Put a gradient colour in the box. Preferably a bright colour. Make sure its brighter near the bottom and get darker towards the top.

You can use the HEX codes i used:

TOP: #5cbf04

BOTTOM: #93dd16

Now goto 'Inner Shadow' and use the following settings:

Blend Mode: Overlay (#FFFFFF)

Opacity 45%

Distance 2

Choke 0

Size 0

It should like something like this:

Step 3

Now you want to add some of the bright green to it

Get a new layer and use the 'gradient' took in the tool bar. Make sure the top settings are as followed:

Press 'CTRL + Click the first layer in the layer pallette. It should be selected. Goto 'Select' - 'Modify' - 'Contract' and put in '2'

Zoom into the button and click the gradient tool from the top line, down to the bottom.

So far it should be like so:

Step 4

Now stretch the new layer across and centralise it, so it looks like:

Step 5

Double click this layer in the layer palette and goto 'color overlay'. Click the red box and at the top of the box, you will see the dark green pixel stroke. Just below that there should be a light green pixel line. Click that line with the picker.

You should come out with something like this:

Step 6

Now press 'CTRL + Click the first layer in the layer palette' and make a selection. Goto 'select' - 'modify' - 'contract' - '2'

Then get the select tool (square) and go across half of the box. It should look like:

Step 7

Make a new layer and press 'CTRL + Backspace'. Move this layer above the rest of the layers.

Where it says Opacity, select 15%

It should turn out like this:

Thanks!

原文出处

推荐阅读-Photoshop分类教程

PS入门教程 PS路径教程 PS滤镜教程 PS图层教程 PS通道教程 PS画笔笔刷

PS工具教程 PS创意制作 PS插画制作 PS成签制作 PS海报制作 PS壁纸制作

PS动画制作 PS影楼后期 PS美容教程 PS美白教程 PS磨皮教程 PS清晰修复

PS调色教程 PS边框纹饰 PS排字教程 PS字效教程 PS仿手绘 PS鼠绘教程

PS网页元素 PS抠图教程 PS图片合成 PS非主流 PS视频教程 PS软件资源