Photoshop制作精致大气的绿色按钮

2016-02-02 05:28 12 1 收藏

下面图老师小编跟大家分享一个简单易学的Photoshop制作精致大气的绿色按钮教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - PS 】

对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。
最终效果


1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。

2、创建渐变调整图层,渐变颜色位置随意,如下图。

3、给当前图层添加图层样式,选择投影,效果如下图。

4、设置内阴影,这里省去了文字下方的投影部分,以内阴影代替(注意曲线与数据的变换),数据一定要调试之后再确定。

5、设置描边样式,描边中一定要主要渐变颜色。

6、设置光泽:随意调整数据,直到自己满意为止。

7、设置内发光:这里的内发光代替了内阴影,作为边缘与按钮本身分离的界限。

8、添加图案叠加,这里需要注意先预设好图案,这种条纹状的图案比较出效果,制作业相当简单。

9、添加外发光,参数设置如下图。

10、用椭圆工具拉一个正圆,添加渐变叠加样式,参数设置如下图。

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

11、最后添加斜面与浮雕,参数设置如下图。

12、整体按钮的“分叉投影”,其实就是将按钮设定在一个组之下,给组一个羽化的三角遮罩,就成为类似分叉的投影了。

13、下面制作下一个图层的内容,左上角的斜标相对来说就简单的多了,步骤差不多,还是先建立路径,之后添加渐变调整图层。

14、填充渐变颜色是一定要根据图形的形状来添加,一次为例,渐变的样式应为菱形,如下图。

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

15、添加投影,投影一定是与形状相符。

16、添加斜面和浮雕,这里需要注意的是纹理叠加。

17、添加内阴影增加立体效果。

18、添加渐变叠加。

最后加上文字及其他素材,完成最终效果:


来源:http://www.tulaoshi.com/n/20160202/1532413.html

延伸阅读
标签: PS PS基础 PS效果
按钮是网页中不可缺少的部分,好的按钮可以给网页增色不少。下面的教程介绍水晶风格的导航按钮制作。制作的时候先制作按钮的一部分,然后再复制组成导航栏。 最终效果 1、新建文件,大小500x 200px ,选择渐变工具(G),(径向渐变)从#363636到#252525。 最左边拖动到右下角。 2、新建层, 选择选区工具(M),固定大小为100 x 40px角...
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾...
标签: PS PS基础 PS效果
本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。 最终效果 1、新建一个大小适当的文档,背景填充灰色。 2、新建图层,选择“椭圆”工具进行绘制。 3、为“形状 1”添加图层样式“投影”效果。 4、更改“形...
标签: PS PS基础 PS效果
本教程的按钮大致分为两个大的部分来制作。首先是金属边框部分,用到的图层比较多,每一个图层都需要加上金属渐变色及图层样式。然后就是中间的红色水晶部分的制作,方法与前面的基本相近。 最终效果 1、打开photoshop,新建一图层,按Shift使用椭圆工具画一正圆形。 2、然后双击图层1,在图层1的混合属性中做如下设置: ...
PS制作精致推荐按钮 PtulaoShi.comS制作精致推荐按钮

经验教程

294

收藏

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