用ps制作常用的网页水晶按钮

2016-04-05 15:07 16 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的用ps制作常用的网页水晶按钮,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - ps鼠绘 】

用ps制作常用的网页水晶按钮

  最终效果图 教程

用ps制作常用的网页水晶按钮 图老师教程

  1、新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置:

  2、新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)

  如果大家得到这样的结果。

  就需要将对齐像素的选项给勾上。

  3、为这个图层添加图层样式。

相关教程:

PS绘制蓝色高光方形水晶按钮教程

PhotoShop绘制玻璃质感水晶按钮教程

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

photoshop绘制透明玻璃www.Tulaoshi.com质感长圆形按钮

photoshop绘制圆形水晶按钮

用ps制作常用的网页水晶按钮(2)

(图老师整理)

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

  得到结果如图所示,顺便在样式调板中存储着这个样式。

  4、使用矩形选框工具,绘制出一个矩形的选区。

用ps制作常用的网页水晶按钮(3)

  5、新建图层后,填充黑色到白色的径向渐变。

  6、并将该图层的混合模式改为:柔光,不透明度:60%。

  7、新建图层,再绘制出一个矩形选区。

  8、填充成白色。

  9、并将该图层的混合模式改为:线性减淡,不tuLaoShi.com透明度:30%。

  10、使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无。

  11、之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。

  后面的工作就是换换颜色,改改文字就可以了。

相关教程:

PS绘制蓝色高光方形水晶按钮教程

PhotoShop绘制玻璃质感水晶按钮教程

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

photoshop绘制透明玻璃质感长圆形按钮

photoshop绘制圆形水晶按钮

来源:http://www.tulaoshi.com/n/20160405/2124516.html

延伸阅读
PS制作黄色质感水晶按钮教程TuLaoShi.com 教程介绍如何用photoshop的自定义形状工具和图层样式制作一个小巧的黄色按钮,先看效果图。 新建文档280x160像素,背景填充浅蓝色,建新层,画一白色圆角矩形 添加图层样式。 TuLaoShi.comPS制作黄色质感水晶按钮教程(2) 效果如下。 建新层,做如下选区...
最终效果 素材 1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1,半径数值为“4”如图2,绘制如图3所示的圆角矩形。 图1 图2 图3 2.锁定图层,选择渐变工具,颜色设置如下图4,由上至下绘制渐变效果如图5 图4 ...
最终效果 1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底",选择“圆角矩形工具”如图1,半径数值为“25”如图2,绘制如图3所示的圆角矩形。 图1 图2 图3 2.如下图所示锁定透明象素 图4 3.选择渐变工具,颜色设置如下图5,由上至下绘制渐变...
来源:腾龙视觉 作者:不详 本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。 最终效果 1、新建一个大小适当的文档,背景填充灰色。 2、新建图层,选择“椭圆”工具进行绘制。 3、为“形状 1”添加图层tulaoShi...
标签: PS PS基础 PS效果
最终效果 1、新建一个300 * 300像素的文件,把背景填充颜色:#102633 。 按Ctrl + R调出标尺,然后分别在水平和垂直中心位置拉一条参考线,效果如下图。 2、选择自定义形状椭圆工具,按住Shift键,从参考线中心向外拉出一个正圆。 选择下图中的选项,按Shift从参考线向外拉,将圆中间消减去一部分。 再选择添加区域选项,按...

经验教程

825

收藏

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