网页常用水晶按钮的制作

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

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

【 tulaoshi.com - PS 】

最终效果图


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

专业教程网站


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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
如果大家得到这样的结果。
  就需要将“对齐像素”的选项给勾上。 世纪教程


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


世纪教程

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

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

专业教程网站


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


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


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

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

shijijiaocheng.com
8、填充成白色。


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

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


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

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

延伸阅读
最终效果图 1、首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式Tulaoshi.com做出来的。看到了吗?都用了那几种样式? 2、有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比...
标签: PS PS教程
本文由中国合作伙伴印象特别供稿,转载必须取得 授权 1.新建文件,宽、高都为5,单位cm,分辨率200,模式为RGB,白色背景。   800)this.width=800;" border=0>NO.1 2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选“通过拷贝的图层”项(图层1)。   800)this.width=800;" border=0>NO.2 3.新建图层(图层2),使用...
完成效果如下: 制作方法: 1.画一个圆形或圆角矩形(根据需要而定,本例为圆形),笔触设置为无色,用深颜色填充; 2.在圆形上画个小一些的椭圆,笔触为无填充比深颜色更亮的颜色,用对齐面板调整如下: 3.接下来做大圆和小圆间的过度,此时你可能想到用混合,但这里不是,我是在小圆用高斯模糊或羽化,两...
最终效果图 www.Tulaoshi.com 最终效果图
标签: 水晶
案例欣赏 对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现。效果如图1.1所示。 图 1.1卡通表情图标效果 思路分析   ...

经验教程

513

收藏

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