设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 图形图像 >> Photoshop >> Photoshop制作水晶按钮网页导航
精品推荐
Photoshop点击TOP10
·PHOTOSHOP超强磨皮大法 将斑点选出来
·巧用Photoshop渐变效果制作漂亮照片
·Photoshop制作浪漫爱情心形花效果
·用Photoshop制作水晶特殊效果字
·清晰还原!Photoshop处理人物模糊照片
·Photoshop给MM打造复古婚纱照特效
·扣图:Photoshop抠出复杂背景下的乱发
·Photoshop打造“非主流”颓废照片特效
·Photoshop简单为照片绘制可爱个性心形图案
·Photoshop轻松制作非主流水粉画效果
图形图像点击TOP10
·中文字体设计欣赏合集
·PHOTOSHOP超强磨皮大法 将斑点选出来
·Flash实例教程:用Flash简单制作相册
·Fireworks制作草生草长之草样年华gif动画
·Adobe flash cs3 ActionScript 3.0入门
·Photoshop制作浪漫爱情心形花效果
·巧用Photoshop渐变效果制作漂亮照片
·用Photoshop制作水晶特殊效果字
·清晰还原!Photoshop处理人物模糊照片
·Flash AS实例教程:用纯AS制作火焰特效
精选专题

Photoshop制作水晶按钮网页导航

作者: 来源:http://www.xgdown.com/ 时间:2007-9-11 11:18:41

Photoshop制作水晶按钮网页导航(1)

  水晶效果按钮在很多网站运用得越来越多,在下面教程中,我们就跟着作者的思路,学习如何用Photoshop简单制作网页水晶效果导航条,你可以举一反三,调颜色,变形状,这些都可以根据页面的整体效果做调整~

  我们先看看效果图


效果图

  我们开始学习教程:

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


图1

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


图2

  如果大家得到这样的结果


图3

  就需要将“对齐像素”的选项给勾上


图4

  为这个图层添加图层样式


图5


图6


图7

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


图8

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


图9

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


图10

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


图11

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


图12

  填充成白色


共2页 9 7 [1] [28 :>

Photoshop制作水晶按钮网页导航 相关文章:
Photoshop制作水晶按钮网页导航 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com