PS制作精致的绿色水晶按钮

分类栏目:经验 - Photoshop教程

发布于 暂无评论

Hello,大家好,我是桂桂。今天呢给大家带来一例按钮的制作教程,首先要了解他的结构,整个按

来源自爱设计http://www.asj.com.cn/

钮分四部分,并且每部分的制作难度不大,喜欢的小伙伴赶紧来尝试一下吧~

来源自爱设计http://www.asj.com.cn/

一、首先我们拆分图形

在制作按钮前,我们先把整个按钮进行拆分,这样有利于更好的了解它的组成部分。

来源自爱设计http://www.asj.com.cn/

二、制作“底层”

底层的制作很简单,使用圆角矩形工具(U)在画布上绘制一个矩形,再打开实时形状属性工具,调整数值,直到 两侧变成圆形,然后双击此图层打开图层样式设置。

来源自爱设计http://www.asj.com.cn/

来源自爱设计http://www.asj.com.cn/

三、制作“透光层”

透光层的制作与底层相似,可以Ctrl+J复制底层然后Ctrl+T缩放,最后在对其进行图层样式的设置

来源自爱设计http://www.asj.com.cn/

为了增添按钮的质感,我们可以选择一种图案填充进去,具体操作是首先新建一个图层,然后填充纹理;在为其创建剪切蒙版即可

来源自爱设计http://www.asj.com.cn/

四、制作“高光层”

高光层的制作主要用到了选区和模糊操作

来源自爱设计http://www.asj.com.cn/

五、制作“文字特效”

文字特效的制作比较简单,运用简单的图层样式即可。

来源自爱设计http://www.asj.com.cn/

来源自爱设计http://www.asj.com.cn/

六、联络方式

交作业的童鞋可以在下面贴图也可以在微博上“@DearSalt”,有疑问的童鞋可以跟贴与桂桂互动或加入我的设计交流群(294034590)。

来源自爱设计http://www.asj.com.cn/

 原文地址:http://blog.dearsalt.me/make-of-crystal-button.html

原作者: DearSalt