您好,欢迎来到素彩网!

Glossy Button 有光泽的按钮

来源:sc115.com | 92 次浏览 | 2011-07-22

标签: 光泽 按钮 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!

搜索: 光泽 按钮 Glossy Button 有光泽的按钮 按钮制作 

最热-按钮制作

ps超级轻松打造web2.0水晶风格按钮

ps轻松绘制简洁的绿色网页按钮

ps 样式打造超 Cool 按钮

ps 打造网页翻转按钮

ps打造流行红色网页提交按钮

ps完美打造金属风暴按钮

ps 打造Vista风格按钮

教你用ps打造动感网页按钮

ps 快速水晶按钮打造

ps 绘制精致金属边框水晶球按钮

用Phtoshop五步打造快速实用水晶按钮

教你用ps打造可爱按钮

ps绘制Web2.0图标

素材
伊斯兰风格城堡建筑矢量图-1伊斯兰风格城堡建筑矢量图-1
伊斯兰风格城堡建筑矢量图-2伊斯兰风格城堡建筑矢量图-2
潮流商务概念对话框矢量图-4潮流商务概念对话框矢量图-4
淡雅花纹底纹装饰框文本设计矢量图-1淡雅花纹底纹装饰框文本设计矢量图-1
潮流商务概念对话框矢量图-2潮流商务概念对话框矢量图-2
兰龙创意标志中文字体设计集合兰龙创意标志中文字体设计集合
潮流商务概念对话框矢量图-1潮流商务概念对话框矢量图-1
可爱卡通插画猫可爱卡通插画猫
可爱卡通插画动物可爱卡通插画动物