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:感觉挺有趣的,就翻译过来了