利用Photoshop制作精致大气的绿色按钮教程
更新时间：2016年9月14日 23:55 点击：1250
利用Photoshop制作精致大气的绿色按钮教程,对于各界交互界面大师来说，按钮的制作无疑是不可缺少的一个组成部分，但是习惯于运用多个图层叠加出非常漂亮的效果的时候，修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层
最终效果
 <点小图查看大图> |
| 1、新建大小自定的文档，背景填充青色。先用钢笔建立路径，如下图。 |
 |
| 2、创建渐变调整图层，渐变颜色位置随意，如下图。 |
 |
 |
| 4、设置内阴影，这里省去了文字下方的投影部分，以内阴影代替（注意曲线与数据的变换），数据一定要调试之后再确定。 |
 |
| 5、设置描边样式，描边中一定要主要渐变颜色。 |
 |
 |
| 7、设置内发光：这里的内发光代替了内阴影，作为边缘与按钮本身分离的界限。 |
 |
| 8、添加图案叠加，这里需要注意先预设好图案，这种条纹状的图案比较出效果，制作业相当简单。 |
 |
 |
| 10、用椭圆工具拉一个正圆，添加渐变叠加样式，参数设置如下图。 |
 |
| 11、最后添加斜面与浮雕，参数设置如下图。 |
 |
| 12、整体按钮的“分叉投影”，其实就是将按钮设定在一个组之下，给组一个羽化的三角遮罩，就成为类似分叉的投影了。 |
 |
| 13、下面制作下一个图层的内容，左上角的斜标相对来说就简单的多了，步骤差不多，还是先建立路径，之后添加渐变调整图层。 |
 |
| 14、填充渐变颜色是一定要根据图形的形状来添加，一次为例，渐变的样式应为菱形，如下图。 |
 |
 |
| 16、添加斜面和浮雕，这里需要注意的是纹理叠加。 |
 |
| 17、添加内阴影增加立体效果。 |
 |
 |
| 最后加上文字及其他素材，完成最终效果： |
|
相关文章
- 今天小编在这里就来给Painter的这一款软件的使用者们来说一说绘制红衣喝酒男水粉画效果的教程，各位想知道具体绘制步骤的使用者，那么下面就快来跟着小编一起看一看教程...2016-09-14
iPhone6怎么激活？两种苹果iPhone6激活教程图文详解
iPhone6新机需要激活后才可以正常使用，那么对于小白用户来说，iPhone6如何激活使用呢？针对此问题，本文就为大家分别介绍Wifi无线网络激活以及iPhone6连接电脑激活这两种有效的方法，希望本文能够帮助到大家...2022-09-14- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下制作雨中野外孤独行走的一头牛海报的教程，各位想知道具体制作方法的使用者们，大家就快来看一看小编给...2016-09-14
- 今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制帅气卡通魔法王子漫画的具体教程，各位想知道绘制步骤的使用者，那么下面就快来跟着小编一起看一看教程...2016-09-14
- 今天小编在这里就来给各位Illustrator的这一款软件的使用者们来说说鼠绘堆雪人的孩童矢量插画的教程，各位想知道具体绘制方法的使用者们，那么各位就快来跟着小编来看看...2016-09-14
- 今天小编在这里就来给美图秀秀的这一款软件的使用者们来说下究竟该怎么给照片天空加蓝天白云的教程，各位想知道具体制作步骤的，那么下面就来跟着小编一起看看吧。 ...2016-09-14
- 支付宝支付在国内算是大家了，我们到处都可以使用支付宝了，下文整理介绍的是在安卓app应用中使用支付宝进行支付的开发例子。 之前讲了一篇博客关与支付宝集成获取...2016-09-20
- 今天小编在这里就来给llustrator的这一款软件的使用者们来说一说绘制扁平化风格卡通警察护士空姐肖像的教程，各位想知道具体绘制步骤的使用者们，那么下面就快来跟着小编...2016-09-14
- 今天小编在这里就来给Illustrator的这一款软件的使用者们来说一下绘制一个方形的录音机图标的教程，各位想知道具体绘制方法的使用者们，那么下面就来看一下小编给大家分...2016-09-14
- 今天小编在这里就为各位photoshop的这一款软件的使用者们带来了想象力无边界超现实合成图，各位想知道这些超现实的合成图都是些什么呢?那么下面各位就来跟着小编一起看...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说一说简单制作一个搞笑的换脸表情包的教程，各位想知道具体制作方法的使用者们，那么大家就快来看一看教程吧。...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说合成爱丽丝漫游仙境的小人国场景制作教程，各位想知道具体的合成制作方法的使用者们，那么各位就快来...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程，各位想知道具体制作步骤的使用者们，那么各位就快来看看...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说说给手绘画调色变换场景的后期教程，各位想知道具体后期处理步骤的使用者们，那么大家就快来跟着小编来看...2016-10-02
- 今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说把古装美女图片转为细腻的工笔画效果的制作教程，各位想知道方法的使用者们，那么下面就快来跟着小编一...2016-09-14
- 今天小编在这里就来给美图秀秀的这一款软件的使用者们来说一下让你胸丰满起来的处理教程，各位想知道具体处理步骤的，那么下面就快来跟着小编一起看一下教程吧。 给...2016-09-14
- 今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制雷神传插画的教程，各位想知道具体绘制步骤的使用者，那么下面就快来跟着小编一起看看绘制方法吧。 ...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说说利用各种素材合成闪电侠效果的制作教程，各位想知道具体制作步骤的使用者们，那么下面就快来跟着小编一起看...2016-09-14
- 今天小编在这里就来给Photoshop的这一款软件的使用者们来说下火龙变冰龙的制作教程，各位想知道具体的制作步骤的使用者们，那么下面就快来跟着小编一起看看制作教程吧。...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说制作延时摄影城市照片效果的教程，各位想知道具体制作方法的使用者们，那么就快来看看教程吧。 给...2016-09-14