Photoshop制作精致大气的绿色网页按钮教程

2016-03-18 05:49 10 1 收藏

每个人都希望每天都是开心的，不要因为一些琐事扰乱了心情，闲暇的时间怎么打发，关注图老师可以让你学习更多的好东西，下面为大家推荐Photoshop制作精致大气的绿色网页按钮教程，赶紧看过来吧！

【 tulaoshi.com - PS 】

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

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

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

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）
3、给当前图层添加图层样式，选择投影，效果如下图。

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

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

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

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

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

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160318/1873807.html

上一篇： Photoshop设计玻璃透明雪花按钮
下一篇： Photoshop设计高光水晶橘色RSS按钮教程

看过《Photoshop制作精致大气的绿色网页按钮教程》的人还看了以下文章更多>>

Photoshop制作精美的网页按钮教程

标签： PS PS基础

先看效果图。 1、新建文档，尺寸自定，背景白色，建新层，画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。效果如下图所示。 3、创建一个新图层，使用圆角矩形工具制作一个小一点的白色矩形，你可以使用自由变换调整它的大小和位置，如图所示。 4、为白色的圆角矩形添加投影、内阴影、渐变叠加和描边这几...

Photoshop制作立体大气的水晶按钮

标签： PS PS基础

本教程主要使用Photoshop绘制绿色风格的网页下载按钮，整体的立体效果表现的非常的漂亮，光泽方面也非常的漂亮，喜欢的朋友让我们一起来学习吧。先看看效果图最终效果图

Photoshop制作精致的透明玻璃按钮

标签： PS PS基础 PS效果

作者寄语：本教程教大家制作一款简单又美观的玻璃按钮，不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。最终效果新建一个400 * 250像素的文档，背景填充蓝色：#106D98。 1、新建一个图层，命名为“玻璃边框”，选择矩形工具，半径设置为25，然后拉出下图所示的选区并填充白色。填色后...

Photoshop设计网页按钮_非常精致蓝色水晶按钮

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：PConline 作者：李华仁水晶按钮是非常常用的，制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状，然后添加图层样式和高光即可。最终效果 1、打开Adobe Photoshop，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出新建对话框，设置名称：按钮，宽度：570像...

Photoshop制作简洁的网页按钮

标签： PS PS基础

先看效果图。新建文档500x300像素，背景黑色，新建图层，画一半径200的白色圆角矩形。添加图层样式。效果如下。新建图层，再画一个小的白色圆角矩形，图层不透明度50%。下面制作倒影，复制大的圆角矩形图层，新建图层1，然后合并2个图层得到图层1，ctrl+T垂直翻转挪到底部。添加蒙版黑白直线渐变，图层不透...

查看更多精彩>>