推荐！Photoshop制作水晶按钮网页导航
作者：bones来源：bonesblog.netPS教程论坛:http://bbs.16xx8.com水晶效果按钮在很多网站运用得越来越多，在下面教程中，我们就跟着作者的思路，学习如何用photoshop简单制作网页水晶效果导航条，你可以举一反三，调颜色，变形状，这些都可以根据页面的整体效果做调整～ 我们先看看效果图：
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182148331.png
效果图 我们开始学习教程：
新建一个文件，在工具箱中选择圆角矩形工具，如下图所示设置
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182149630.png
图1 新建一个图层后，在画布上拉出一个长方形，就得到这样的结果。（为了更好的给大家讲解，这个图放大了400%显示）
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182149907.png
图2 如果大家得到这样的结果
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182150737.png
图3 就需要将“对齐像素”的选项给勾上
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182150623.png
图4 为这个图层添加图层样式
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182151893.png
图5http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182151821.png
图6http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182152559.png
图7
得到结果如图所示，顺便在样式调板中存储着这个样式http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182152990.png
图8 使用矩形选框工具，绘制出一个矩形的选区
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182153711.png
图9 新建图层后，填充黑色到白色的径向渐变
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182153995.png
图10 并将该图层的混合模式改为：柔光，不透明度：60%
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182153897.png
图11 新建图层，再绘制出一个矩形选区
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182153551.png
图12 填充成白色
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182154243.png
图13
并将该图层的混合模式改为：线性减淡，不透明度：30%http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182154544.png
图14 使用文字工具写上要的文字，注意在这里要将字体的边缘设置为：无
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182154340.png
图15 之前我们创建过一个样式，还记得吗，给文字应用这个样式就可以了。
http://photo.16xx8.com/photo/wwwroot/article/UploadPic/2007-9/2007915182155478.png
图16 后面的工作就是换换颜色，改改文字就可以了。
页:
[1]