Photoshop教程:创建一个拱形导航栏
导航条是一个网页的窗口,承载网站的主要链接。创建与众不同的形状,再配合各种样式以吸引读者的眼球。下面是一个关于如何创建导航条的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
向上移动图层,如下图
Step 6
图层-图层样式-描边,将描边颜色设置为白色,像素为3
Step 7
输入导航栏的页面分类,如下图
Step 8
同样在图层-图层样式,增加更多的效果,比如渐变,阴影……尝试使用不同的效果,直至你满意为止。
这个教程是在国外博客animhut.com上看到的,操作起来感觉蛮简单,特地翻译过来与大家一起分享。MK也是PS的初学者,希望以后在这方面比较专业的玩家多多指点。未知翻译是否有错,如有疑问请参看原文,或者留言给我。
发表评论
评论已关闭。
评论列表(12)
关门放狗
2010.7.25 10:07
不错哎
学习了
刘志猛
2010.7.19 15:07
高手哦!呵呵,学习
Mr·K
2010.7.19 16:07
To 刘志猛:只是翻译别人的东西
To WordPress啦:我也是PS初学者
To 厦门seo:多尝试其他的效果,颜色和效果要配合得好
ucgm8
2010.7.19 15:07
你总结的好详细啊,回头我试试
WordPress啦
2010.7.19 14:07
这个不错哦,不懂ps的学习了
厦门seo
2010.7.19 11:07
我试验了 发现做出来的效果 没有样品好
抱鱼睡的猫
2010.7.19 09:07
原来这么简单~
先看看
2010.7.18 17:07
现在就去学学看
ikeeptrying
2010.7.18 12:07
相当的nice啊~~~
囧啊囧
2010.7.18 09:07
弄出来了,不过好像你那个蓝色的还用了其他效果的啊!
囧啊囧
2010.7.18 08:07
参考线怎么确定像素位置?
Mr·K
2010.7.18 12:07
To 囧啊囧:尝试更换颜色,做渐变,描边,阴影等效果,不一定要与示例图一致.
To ikeeptrying:感觉挺有趣的,就翻译过来了