最常用的网页导航条制作步骤.docxVIP

在网页设计中，导航条的制作方法多种务样，像本文的这类导航条是殷常用而且很容 易制作的。虽然做法不难，但很多网页都能使用，所以实用性很强，如果稍微改变?下就能 做出相似的导航条，比方渐变上变化下，色彩变化下等，大家可以自己试验下，保i正可以获 得不样的视觉感受。 websbook. com 议：本文中的导航条颜色比拟灰暗，原因是渐变色比拟接近，如果喜 欢获得比皎成丽的风格，W以加上白色渐变或色彩较大渐变色，这样视觉上就会差异很大了 燃终效果 1、创立?个新文件600 * blOpx.现在选择圆角矩形工具制作一个冽角矩形如下列图。 2,应用层样式：内发光，混合模式：浊色，方法：柔和。 Inner Glow Structure 8knd Mod?: Screen Opacity: Noise: Elementc Technique： Softe Fo~ *EZ a Fo~ * EZ a Choke: J SlK! J Quality □AnMagdContow:Rang □AnMagd Contow: Rang 3、渐变叠加:颜色设置为：#5e80a3.甘839db8,甘b8c7d6。 4、描边：#5c80a3o Strike Structure Size： Positon： Blend bk)de： Opacity： 1 PM 5、这就是它应该呈现的样子。 6、现在打上菜单文字,字体Segoe,大小：14 pt,颜色白色#ffffff. 7,给字体链接应用层效果：描边#53769』 创立一个新层。选择矩形选框工具,绘制Ipx宽度的线条并使用# ffffffs 充。 r Downloads : / 9、夏制这个层接假设在每个链接之间添加每个线条.现在选择矩形选框工具选取线条底部的X域覆盖到所有的线 条，然后使用选择〉修改 ＞羽化和应用5px T-径。按下Del然后采取相同的方法处理上方的线条。 HomeDomi toads I Aboot usTwn Home Domi toads I Aboot us Twn 10、将线条图以的混合模式改为矢光, Home Downleads Atxx/t us 1 Te^m 11、使用矩形选框工具选取你链接的内部区域（在两个线条之间）然后填充任何你想要的颜色。 12、现在给这个层应用混合模式渐变在加使用颜色：#567595, #728%。#b3c3d3. Stops Opacity： | > (% Locattn： | ■ Detete Color: | ? Locatton: * % I Detetr ] 13、这就是它应该呈现的样了。 Heme 眼A/nbxh About in Team 14、现在使用在形选框工具2px的半径绘制 个小矩形使用填充。 Home DownlQMb About us 1 Tcum 应用如卜?的层效果到形状图层：内发光（混合模式：花加）。 H<xnc Downloads About us rT?jm 16、渐变叠加:#e6e6e6 和 ttffffff。 GrMent Overlay 描边:#5e80a3o Stroke 18、这就是它应该呈现的样r% Ho<ne' Downloads About us Te^m S?ch19、在形状内输入asearchw使用Segoe字体,大小为12pt颜色#7b7b7b. S?ch r Horne Downloads About us rTwm 最终效果: