Photoshop制作两款常用水晶按钮

2016-03-18 05:57 6 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop制作两款常用水晶按钮,一起来学习了解下吧!

【 tulaoshi.com - PS 】

编缉:图老师 来源:站酷 作者:木可可
最终效果1

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
效果1制作过程:
1、新建一个500 * 300的文件,背景填充颜色:#242424深灰色。
2、新建一个图层,选择圆角矩形工具,画一个矩形,然后把前景颜色设置为:#007dee,背景颜色设置为:#023f78,选择渐变工具,从左至右拉渐变。
3、双击图层1,调出图层样式,选择描边,在这里描边大小为5像素,颜色比背景稍微深一些即可。


4、选择魔棒工具,按Shift键连续选择蓝色区域,点击:选择 修改 收缩,数位2。

5、新建图层2,填充白色。
6、选择椭圆选框工具画一个椭圆,按Delete删除。
7、设置图层2的图层混合模式为“柔光”,图层不透明度为:30%。


8、最后打上喜爱的文字,完成最终效果。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
效果2制作过程:
1、新建一个300 * 150像素的画布,背景填充颜色:#242424深灰色。
2、新建一个图层,选择圆角矩形工具,设固定大小,宽5厘米,高为2厘米,半径200像素,画一个椭圆。


3、选择矩形选框工具在椭圆的右上角画一个框,填充白色。
4、分别设置图层样式,参数设置如下图。


5、写上文字,完成最终效果。

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

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

延伸阅读
标签: PS PS基础 PS效果
本教程的按钮制作比较简单。大致的过程:先画好想要的按钮形状,可以使任意图形。然后设置一些图层样式,后面加上高光和文字即可。 最终效果 1、把底图层填充成灰色,再创建一个新图层,在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7)。在这里顺便把选区储存起来 因为后面要用到。 最后给一个5p...
本教程介绍非常简单的水晶按钮的制作方法。制作的时候只要用圆角矩形拉出按钮的大www.tulaoshi.com小,然后加上图层样式和高光即可。教程只是个参考,其他形状的按钮制作方法类似。 最终效果 1、新建一个大小自定的文件,选择圆角矩形工具,半径设置为15像素,前景颜色设置为蓝色,拉出一个圆角矩形,然后双击图层调出图层样式,参数设置如下...
标签: PS PS基础
本教程主要使用Photoshop绘制绿色风格的网页下载按钮,整体的立体效果表现的非常的漂亮,光泽方面也非常的漂亮,喜欢的朋友让我们一起来学习吧。 先看看效果图 最终效果图
标签: PS PS基础 PS效果
PS调出照片的灿烂色彩 本教程主要是介绍水晶按钮的制作方法,制作方法比较简单不过需要表现出整个按钮的光感,其中也用到了滤镜来制作高光,更好的表现出光的多样性。 最终效果 1.新建一个450* 450像素的文件背景填充为灰色,然后拉出水平和垂直的两条参照线,新建一个图层以参照线交点为圆心,用椭圆选框工具绘制一个正圆然后填充...
标签: PS PS教程
[next]

经验教程

355

收藏

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