网页常用水晶按钮的制作

申米饭

申米饭

2016-03-18 06:02

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


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

专业教程网站


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


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


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

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

世纪教程

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)得到结果如图所示,顺便在样式调板中存储着这个样式。

专业教程网站


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


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


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

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

shijijiaocheng.com
8、填充成白色。


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

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


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

展开更多 50%)
分享

猜你喜欢

网页常用水晶按钮的制作

PS PS基础 ps平面设计教程 ps去水印教程
网页常用水晶按钮的制作

PS制作常用水晶按钮

PS PS基础 ps平面设计教程 ps去水印教程
PS制作常用水晶按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作两款常用水晶按钮

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作两款常用水晶按钮

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

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

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页常用按钮制作教程之一

PS PS基础 ps平面设计教程 ps去水印教程
网页常用按钮制作教程之一

网页常用按钮制作教程之二

PS PS基础 ps平面设计教程 ps去水印教程
网页常用按钮制作教程之二

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

制作人像网页按钮

制作人像网页按钮

播放器按钮的制作

播放器按钮的制作
下拉加载更多内容 ↓