简单绘制专业的网页按钮

查查 · 发表于 2007-5-7 18:00:13

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

x

在这个教程里我们教大家如何利用Photoshop简单制作一个流行的、专业的、具有光泽的网页中经常用到的按钮，最终效果如下：
<IMG alt=Photoshop简单绘制专业的网页按钮 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145333912.jpg">
　　1.新建立文档，创建一个新的图层，使用椭圆工具绘制选区，然后执行“选择”“修改”“平滑”，设置数值12。
　　2.然后使用渐变工具从蓝色到浅蓝色进行线性填充：
<IMG alt=Photoshop简单绘制专业的网页按钮 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145334567.jpg">
　　3.新建立图层，使用“编辑”“描边”数值为 4 px.
　　4.然后对选定区域执行高斯模糊，半径为 1,5：
<IMG alt=Photoshop简单绘制专业的网页按钮 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145335722.jpg">
　　5.下面开始制作反射效果，新建立图层，选定一定区域，然后执行“选择”“修改”“收缩”，数值为 8 px.：
<IMG alt=Photoshop简单绘制专业的网页按钮 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145335687.jpg">
　　6.在第一个下面的图层的上部执行渐变填充，然后执行高斯模糊滤镜： 
 
<IMG alt=Photoshop简单绘制专业的网页按钮 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145335681.jpg">
　　7.执行“编辑”“变换”“斜切”：
<IMG alt=Photoshop简单绘制专业的网页按钮 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145335523.jpg">
　　8.复制图层设置不透明度为80。
　　9.最后添加一种阴影效果：
<IMG alt=Photoshop简单绘制专业的网页按钮 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145336496.jpg"> <script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script>

账号		自动登录	找回密码
密码			注册

[网页图片] 简单绘制专业的网页按钮

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。