推荐!Photoshop制作水晶按钮网页导航
来源:不详 作者:佚名
发表于 2007-9-15 18:58 推荐!Photoshop制作水晶按钮网页导航作者:bones 来源:bonesblog.net PS教程论坛:http://bbs.16xx8.com
水晶效果按钮在很多网站运用得越来越多,在下面教程中,我们就跟着作者的思路,学习如何用photoshop简单制作网页水晶效果导航条,你可以举一反三,调颜色,变形状,这些都可以根据页面的整体效果做调整~ 我们先看看效果图:
我们开始学习教程:
新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置
新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)
如果大家得到这样的结果
就需要将“对齐像素”的选项给勾上
为这个图层添加图层样式
使用矩形选框工具,绘制出一个矩形的选区
新建图层后,填充黑色到白色的径向渐变
并将该图层的混合模式改为:柔光,不透明度:60%
新建图层,再绘制出一个矩形选区
填充成白色
使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无
之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。
后面的工作就是换换颜色,改改文字就可以了。
水晶效果按钮在很多网站运用得越来越多,在下面教程中,我们就跟着作者的思路,学习如何用photoshop简单制作网页水晶效果导航条,你可以举一反三,调颜色,变形状,这些都可以根据页面的整体效果做调整~ 我们先看看效果图:
我们开始学习教程:
新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置
新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)
如果大家得到这样的结果
就需要将“对齐像素”的选项给勾上
为这个图层添加图层样式
使用矩形选框工具,绘制出一个矩形的选区
新建图层后,填充黑色到白色的径向渐变
并将该图层的混合模式改为:柔光,不透明度:60%
新建图层,再绘制出一个矩形选区
填充成白色
使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无
之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。
后面的工作就是换换颜色,改改文字就可以了。
搜索更多相关主题的帖子:水晶 网页 Photoshop photoshop 按钮
全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。
新一篇: 网页常用按钮制作教程之二
推荐教程
-
图标制作,在PS中制作开关按钮
SoulEC -
图标制作,用PS制作个性的的网页图标
爱知趣教育 -
图标设计,用PS制作一款简单的按钮图标
PS设计师西瓜 -
图标制作,用PS打造轻拟物相机图标
阿门教你PS -
图标制作,用PS绘制一枚清新淡雅的音乐图标
谭学健 -
四分环,如何用PS设计曲线四分环视频教程详解
www.16xx8.com -
下载图标,制作简单的加载条图标
鱼菲菲 -
ps快速设计短信图标教程
XU小欧 -
图标制作,制作一个微信朋友圈图标
职场殿堂 -
风扇图标,在PS中制作一个清凉小风扇
公众号 -
玉石效果,制作逼真玉石效果图标
广东理工鼎湖设计协 -
图标制作,用PS打造轻拟物相机图标
阿门教你PS -
图标制作,制作立体质感玻璃图标
阿门教你PS