怎样制作网页常用水晶按钮

怎样制作网页常用水晶按钮?最终效果图:

步骤/方法

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

2、新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)
如果大家得到这样的结果。
就需要将“对齐像素”的选项给勾上。

3、为这个图层添加图层样式。 得到结果如图所示,顺便在样式调板中存储着这个样式。

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

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

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

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

8、填充成白色。

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

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

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

标签:网页, 按钮, 水晶
分类:电脑软件
时间:2011-01-07

怎样制作网页常用水晶按钮的相关文章

使用Dreamweaver制作网页常用尺寸有哪些

网页常用尺寸这里只是常用尺寸,有些尺寸还是要按实际而定的,他不像印刷尺寸是死的,这里的每一个尺寸都是活的.W3C并没有制定标准的网页设计尺寸,所以下面的尺寸只供参考.

PS怎样制作简单的水晶按钮及图标

本教程介绍利用图层样式来制作水晶风格图标及按钮。制作的过程非常简单,先制作出自己喜爱的图形,然后应用图层样式即可。非常简单实用。 最终效果:

简单的制作水晶按钮的方法

本文介绍用软件制作简单的水晶按钮。CrystalButton是一个不错的很简单的方法。比在ps上做方便很多,水晶按钮放到网页中可以让你的页面设计增色不少。

PS怎样制作水晶按钮?

自己制作梦幻的水晶按钮.今天为大家介绍通过调节图层样式来制作水晶按钮,给大家带来不同的视觉感受......

photoshop软件制作水晶按钮

利用ps软件制作好看的水晶按钮。

PS做网页常用搜索框,清新蓝色搜索框快速制作

矩形工具加上适当的图层样式做网页搜索框的外部样式,内部搜索框的放大镜应用形状工具即可完成,采用清新蓝色调,轻松快速制作网页常用搜索框。小伙伴们,看看效果图先:

PS怎样制作常用橘色水晶按钮

PS怎样制作常用橘色水晶按钮?最终效果:

Photoshop怎样制作非常精致的蓝色水晶按钮

水晶按钮是非常常用的,制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可。最终效果:

用photoshop制作水晶按钮

但我们在流量网页的时候经常看到一些漂亮的水晶按钮。这些按钮是如何制作的呢?接下来我通过混合模式、浮雕效果来制作一个水晶按钮。