photoshop教你做精美导航

作者：佚名 www.ws10000.com 时间: 2007年11月14日

边框： 图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1)，下边我将教大家如何制作以上两个按钮。 图1.1教程： 先新建一个500*400大小的画布，画一个400*40的长方形，调成渐变，如图2.1.1 图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.1） 于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2 图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.2） 然后我们用部分固定选定工具图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>选取长方形的上边两点如图2.1.3图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.3） 按住shift键，按两下向右键。如图2.1.4图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.4） 画一个绿色的长方形，我们通过部分选定工具得到一个如图2.1.5图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.5） 通过复制粘贴我们得到如图2.1.6[img]/up/20070817/20070817024126436.gif width=428 height=98 />（图2.1.6） 通过图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>我们得到如图2.1.7图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.7） 图形发光，白色属性如图2.1.8图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>然后再发光颜色为 #7B869A 得到如图2.1.9图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.9） 复制粘贴图形，去掉描边，向右移动两个像素，如图2.1.10图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.10） 画一个长方形黄色渐变。放置图形下层，如图2.1.11图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.11） 画一个长方形如图2.1.12图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.12) 设置如图2.1.13图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.13） 把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。 如图2.1.14图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.14） 画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>（图2.1.15） OK，到这里我们这个图形基本上就完毕咯。图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/> [] 人支持 顶一下 查看 详论 回首页 【当前文章】URL：/Html/JSXX/TT/3906075628.html 【发表评论】【告诉好友】【打印此文】【收藏此文】【关闭窗口】 上一篇：欧美风格图片处理效果 美化相片 下一篇：用Photoshop为人体艺术照做特效处理