ps绿色按钮教程
来源:站酷 作者:酷头儿
对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。
最终效果
1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。
2、创建渐变调整图层,渐变颜色位置随意,如下图。
3、给当前图层添加图层样式,选择投影,效果如下图。
4、设置内阴影,这里省去了文字下方的投影部分,以内阴影代替(注意曲线与数据的变换),数据一定要调试之后再确定。
5、设置描边样式,描边中一定要主要渐变颜色。
7、设置内发光:这里的内发光代替了内阴影,作为边缘与按钮本身分离的界限。
8、添加图案叠加,这里需要注意先预设好图案,这种条纹状的图案比较出效果,制作业相当简单。
10、用椭圆工具拉一个正圆,添加渐变叠加样式,参数设置如下图。
11、最后添加斜面与浮雕,参数设置如下图。
12、整体按钮的“分叉投影”,其实就是将按钮设定在一个组之下,给组一个羽化的三角遮罩,就成为类似分叉的投影了。
13、下面制作下一个图层的内容,左上角的斜标相对来说就简单的多了,步骤差不多,还是先建立路径,之后添加渐变调整图层。
14、填充渐变颜色是一定要根据图形的形状来添加,一次为例,渐变的样式应为菱形,如下图。
16、添加斜面和浮雕,这里需要注意的是纹理叠加。
17、添加内阴影增加立体效果。
最后加上文字及其他素材,完成最终效果:
全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。
旧一篇:ps设计网页UI滑动按钮教程
新一篇:ps缝线风格图标
推荐教程
-
图标制作,在PS中制作开关按钮
SoulEC -
图标设计,用PS制作一款简单的按钮图标
PS设计师西瓜 -
按钮教程,6步制作按钮视频教程
马尐跳 -
图标制作,用PS打造轻拟物相机图标
阿门教你PS -
图标制作,用PS绘制一枚清新淡雅的音乐图标
谭学健 -
四分环,如何用PS设计曲线四分环视频教程详解
www.16xx8.com -
下载图标,制作简单的加载条图标
鱼菲菲 -
ps快速设计短信图标教程
XU小欧 -
图标制作,制作一个微信朋友圈图标
职场殿堂 -
风扇图标,在PS中制作一个清凉小风扇
公众号 -
玉石效果,制作逼真玉石效果图标
广东理工鼎湖设计协 -
图标制作,用PS打造轻拟物相机图标
阿门教你PS -
图标制作,制作立体质感玻璃图标
阿门教你PS