In: Adobe By:MK
17 七 2010
导航条是一个网页的窗口,承载网站的主要链接。创建与众不同的形状,再配合各种样式以吸引读者的眼球。下面是一个关于如何创建导航条的Photoshop教程。
Step 1
快捷键Ctrl+N新建一个 900 px X 300 px,分辨率为72的文档;
Step 2
拉两条竖参考线至50px和850px,两条横参考线至50px和250px;(如何显示标尺?Ctrl+R或者视图-标尺(√)。如何改变标尺单位?Ctrl+K调出首选项,在单位与标尺选项下的单位栏设置)
Step 3
将前景色设置为0090bf,在使用圆角矩形工具在内长方形拉出一个圆角长方形;
Step 4
Ctrl+T进行自由变换,右键选择变形,形状选择为凸起,弯曲设置为-10%;
Step 5
向上移动图层,如下图
图层-图层样式-描边,将描边颜色设置为白色,像素为3
输入导航栏的页面分类,如下图
同样在图层-图层样式,增加更多的效果,比如渐变,阴影……尝试使用不同的效果,直至你满意为止。
这个教程是在国外博客animhut.com上看到的,操作起来感觉蛮简单,特地翻译过来与大家一起分享。MK也是PS的初学者,希望以后在这方面比较专业的玩家多多指点。未知翻译是否有错,如有疑问请参看原文,或者留言给我。
交流群:133763678
腾讯微博:mrkwong
E-Mail:mrkwong2010@gmail.com
12 人拍砖
囧啊囧
七月 18th, 2010 at 8:56 上午
参考线怎么确定像素位置?
囧啊囧
七月 18th, 2010 at 9:02 上午
弄出来了,不过好像你那个蓝色的还用了其他效果的啊!
ikeeptrying
七月 18th, 2010 at 12:26 下午
相当的nice啊~~~
Mr·K
七月 18th, 2010 at 12:32 下午
To 囧啊囧:尝试更换颜色,做渐变,描边,阴影等效果,不一定要与示例图一致.
To ikeeptrying:感觉挺有趣的,就翻译过来了
先看看
七月 18th, 2010 at 5:37 下午
现在就去学学看
抱鱼睡的猫
七月 19th, 2010 at 9:52 上午
原来这么简单~
厦门seo
七月 19th, 2010 at 11:25 上午
我试验了 发现做出来的效果 没有样品好
WordPress啦
七月 19th, 2010 at 2:58 下午
这个不错哦,不懂ps的学习了
ucgm8
七月 19th, 2010 at 3:42 下午
你总结的好详细啊,回头我试试
刘志猛
七月 19th, 2010 at 3:56 下午
高手哦!呵呵,学习
Mr·K
七月 19th, 2010 at 4:52 下午
To 刘志猛:只是翻译别人的东西
To WordPress啦:我也是PS初学者
To 厦门seo:多尝试其他的效果,颜色和效果要配合得好
关门放狗
七月 25th, 2010 at 10:56 上午
不错哎
学习了