手机
当前位置:查字典教程网 >网页设计 >photoshop >photoshop 桔黄色水晶按钮
photoshop 桔黄色水晶按钮
摘要:原图1、在Photoshop5.5中建立新文件,120x80大小RGB模式,Contents设为Transparent(透明)layer1填...

原图

photoshop 桔黄色水晶按钮1

1、在Photoshop5.5中建立新文件, 120x80 大小 RGB模式, Contents设为Transparent( 透明 )

layer1填充为#333333, 上加一层,建立直径为26像素的圆形,并把它改造成长圆形的按钮放在页面中心

(此操作说明可在前面的教程例题中找到)

photoshop 桔黄色水晶按钮2

2、前景设为#4D4D4D,背景设为#737373, 用渐变色工具Linear Gradient Tool,从按钮的上方至下方作渐变色效果,Layers面板上要选中Preserve Transparency

结果如图

photoshop 桔黄色水晶按钮3

3、上加一层,创建一个直径为20像素的圆形, 改造成长圆形按钮状,其大小为80*20,前景设为#FF9900,背景设为#FFCC00, 从按钮的上方至下方作竖直的渐变色效果

Layers面板上要选中Preserve Transparency, 移动位置至如图所示:

photoshop 桔黄色水晶按钮4

#p# 4、画一条同长圆形按钮等长的细线,其高度为2像素,即80*2放置在距按钮顶端以下2像素的位置,填充色为#FFFFCC

结果如图:

photoshop 桔黄色水晶按钮5

5、工作层为长线条层,点Layers面板最下方的 Add Layer mask按钮,然后如图选中线条的一半长度, 可用选取工具选取,设大小为40*80,40是由计算80像素长线条的一半得来, 在此区域内作从左至右的渐变效果, 结果如图:

photoshop 桔黄色水晶按钮6

6、再用同上步骤选中长线条左侧部分作从右至左的渐变效果操作

结果如图:

photoshop 桔黄色水晶按钮7

7、复制橙色按钮层, 工作层转换至下面的橙色按钮层,Layers面板上的Preserve Transparency为不选中状态

用命令Filter/Blur/Gaussian Blur,对话面板上Radius设为“6” , 结果如图:

photoshop 桔黄色水晶按钮8

8、左图的发光效果与步骤7教的不太一样,可供大家参考选择使用命令为Filter/Blur/Motion Blur,对话面板上Distance设为“30”

最终写上你要的文字,记得要加淡淡的阴影

photoshop 桔黄色水晶按钮1

【photoshop 桔黄色水晶按钮】相关文章:

Photoshop CS打造凉席效果

photoshop水晶球里的MM

Photoshop CS4最新窗口截图教程

巧用Photoshop修改茶杯

Photoshop中打造科幻场景

Photoshop调色教程:怀旧色调效果简单打造

photoshop批量添加图片水印的图文教程

photoshop CC 14.2更新要点

Photoshop肤色调整19大秘诀

Photoshop灰色照片的整体调亮和润色

精品推荐
分类导航