网页常用水晶按钮的制作

2016-03-18 06:02 1 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐网页常用水晶按钮的制作,无聊中的都看过来。

【 tulaoshi.com - PS 】

最终效果图


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

专业教程网站


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


如果大家得到这样的结果。
  就需要将“对齐像素”的选项给勾上。 世纪教程


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


世纪教程

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

专业教程网站


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


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


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

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

shijijiaocheng.com
8、填充成白色。


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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/) shijijiaocheng.com
10、使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无。
www.Tulaoshi.com


11、之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。
后面的工作就是换换颜色,改改文字就可以了。

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

来源:https://www.tulaoshi.com/n/20160318/1874026.html

延伸阅读
photoshop水晶按钮制作教程 最终效果 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩(图老师整理)形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 photoshop水晶按钮制作教程(2) ...
ps水晶按钮制作教程 photoshop教程最终效果 1.新建一个300tuLaoShi.com * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 ps水晶按钮制作教程(2) 4.这是是具体的简便颜色设置 ...
最终效果图 1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1,半径数值为“10”如图2,绘制如图3所示的圆角矩形。 图1 图2 图3 2.把圆角矩形局部放大用钢笔工具勾出如图4所示的图形,按“Ctrl+Entr" 调出选区,再按"Delete"键删除选区...
标签: PS PS基础
先看效果图。 新建文档500x300像素,背景黑色,新建图层,画一半径200的白色圆角矩形。 添加图层样式。 效果如下。 新建图层,再画一个小的白色圆角矩形,图层不透明度50%。 下面制作倒影,复制大的圆角矩形图层,新建图层1,然后合并2个图层得到图层1,ctrl+T垂直翻转挪到底部。 添加蒙版黑白直线渐变,图层不透...
来源:PConline 作者:李华仁 水晶按钮是非常常用的,制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可。 最终效果 1、打开Adobe Photoshop,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像...

经验教程

188

收藏

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