乌苏在线 立足乌苏 服务乌苏

photoshop教你做精美导航
作者:佚名 www.ws10000.com 时间: 2007年11月14日
边框: 点此在新窗口浏览<a href=图片" 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
点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.1)

于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2
点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.2)

然后我们用部分固定选定工具点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>选取长方形的上边两点如图2.1.3点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.3)

按住shift键,按两下向右键。如图2.1.4点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.4)

画一个绿色的长方形,我们通过部分选定工具得到一个如图2.1.5点此在新窗口浏览<a href=图片" 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)

通过点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>我们得到如图2.1.7点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.7)

图形发光,白色属性如图2.1.8点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>然后再发光颜色为 #7B869A 得到如图2.1.9点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.9)

复制粘贴图形,去掉描边,向右移动两个像素,如图2.1.10点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.10)

画一个长方形黄色渐变。放置图形下层,如图2.1.11点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.11)

画一个长方形如图2.1.12点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.12)

设置如图2.1.13点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.13)

把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。

如图2.1.14点此在新窗口浏览<a href=图片" 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点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>(图2.1.15)

OK,到这里我们这个图形基本上就完毕咯。点此在新窗口浏览<a href=图片" onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/> []

人支持
【当前文章】URL:/Html/JSXX/TT/3906075628.html
发表评论】【告诉好友】【打印此文】【收藏此文】【关闭窗口

热门信息

推荐信息

版权所有:飞扬科技 未经授权不得转抄本站原创资源或建立镜像
国家信息产业部备案号: 新ICP备07000481号
Copyright ◎ 2005-2008 www.ws10000.com Online Services. All Rights Reserved