当前位置:七道奇 → 文章资讯 → 设计学堂 → Photoshop设计
日期:2009-04-03 22:51:00 来源:本站整理
<b>Photoshop制作水晶按钮网页导航</b>[Photoshop设计]
本文“<b>Photoshop制作水晶按钮网页导航</b>[Photoshop设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
水晶效果按钮在很多网站应用得越来越多,在下面教程中,我们就随着作者的思绪,学习若何用photoshop简单制作网页水晶效果导航条,你可以举一反三,调颜色,变形状,这些都可以按照页面的整体效果做调整~
我们先看看效果图:
效果图
我们开始学习教程:
新建一个文件,在工具箱中挑选圆角矩形工具,以下图所示设置
图1
新建一个图层后,在画布上拉出一个长方形,就得到这样的后果.(为了更好的给大家讲授,这个图放大了400%显示)
图2
假如大家得到这样的后果
图3
就需求将“对齐像素”的选项给勾上
图4
为这个图层增添图层款式
图5
图6
图7
得到后果如图所示,趁便在款式调板中存储着这个款式
图8
利用矩形选框工具,绘制出一个矩形的选区
图9
新建图层后,填充黑色到白色的径向突变
图10
并将该图层的混合情势改成:柔光,不透明度:60%
图11
新建图层,再绘制出一个矩形选区
图12
填充成白色
图13
并将该图层的混合情势改成:线性减淡,不透明度:30%
图14
利用文字工具写上要的文字,注意在这里要将字体的边沿设置为:无
图15
之前我们成立过一个款式,还记得吗,给文字利用这个款式便可以了.
图16
背面的工作就是换换颜色,改改文字便可以了.
以上是“<b>Photoshop制作水晶按钮网页导航</b>[Photoshop设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |
评论内容只代表网友观点,与本站立场无关!
评论摘要(共 0 条,得分 0 分,平均 0 分)
查看完整评论