Photoshop教程:简单打造半透明按钮

2016-01-29 20:39 19 1 收藏

Photoshop教程:简单打造半透明按钮,本例介绍如何使用PS的图层样式制作一款半透明网页水晶按钮的方法

【 tulaoshi.com - PS 】

1. 新建一个文件。选择一个前景色,用“圆角矩形工具”画出一个150*70的按钮主体形状,得图层“形状1”。

2. 复制该图层,得到图层“形状1 副本”,按 Ctrl+T 改变大小,将之收缩,如图。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

3. 在图层“形状1”上处理“图层样式”的“渐变叠加”,参数设置如图,渐变颜色可以根据各人做合适的设置。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“外发光”等3个效果。

[next]5. 将前景色设置为白色,用“椭圆工具”画出一个形状(具体效果看图),得到图层“形状2”,设置透明度为50%。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

6. 保持状态,载入“形状1 副本”选区,利用选区添加蒙板。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

7. 新建“图层1”,再次载入“形状1 副本”选区,“描边”:宽度为3px,颜色为白色,位置内部。添加图层蒙板,用“渐变工具”填充黑白渐变,效果如图。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)8. 水晶按钮基本完成。将背景层设置为不可见,新建图层2,将图层位于最上方,按 Ctrl+Shift+Alt+E 键盖印图层。可将命名为“盖印图层”。然后复制该图层做成倒影(倒影效果可用蒙板,方法同第7步)。最后为按钮加上文字,设置阴影,水日按钮完成(附上图层)。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

9. 可以调整“色相/饱和度”来获得多种颜色的水晶按钮。

来源:http://www.tulaoshi.com/n/20160129/1511336.html

延伸阅读
标签: PS PS教程
在学习中遇到问题可以到 论坛PS求助研讨 发贴交流! 相关PS特效实例教程阅读: Photoshop特效教程专题 最终效果: 1、新建一个800 * 600像素的文件,背景填充黑色,然后用钢笔工具勾出想要的文字路径。 2、新建一个图层,设置画笔,参数如下图,然后选择描边路径。 3、复制...
标签: PS PS教程
本文由中国 cbxandcbj (烈马不羁) 原创,转载请保留此信息! 原图:   最终效果: [next] 制作过程: 一、复制图层   二、Ctrl+I反相   三、混合模式线性减淡   四、滤镜其它最小值(1PX) [next] 五、Ctrl+Shift+E合并图层   六、执行图像调整去...
标签: PS PS教程
原图 效果图: [next] 制作步骤 [next] [next]
Photoshop绘制半透明的花朵教程 光影花朵没有实物花朵那么复杂,制作的时候我们只需要把花瓣的高光部分渲染出来即可。然后把花瓣叠加在一起,会组成非常梦幻的效果。 最终效果 1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。 图1 ...

经验教程

185

收藏

26
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部