点击这里给我发消息 点击这里给我发消息

Photoshop制作简洁美观的网站导航

添加时间:2010-1-5
    相关阅读: 框架 网站 制作
本文介绍了如何制作一个基础的导航条按钮效果,步骤虽然比较简单,但是效果却不错,适合新手进行学习,感兴趣的朋友可以跟着试试。

  首先,打开PS,新建一个1000*600px大小的文件。随后将背景色从上往下拉出渐变效果,颜色从#333333到#000000。

  接着,用圆形笔刷,颜色为白色,设置画笔大小为700px,流量为50%,在背景上点击产生白色光晕效果。

  Photoshop制作简洁美观的网站导航(图一)

  使用矩形选区画出导航条的框架,填充为黑色。

  Photoshop制作简洁美观的网站导航(图二)

  为其添加样式:

  Photoshop制作简洁美观的网站导航(图三)

  得到如下图的效果。

  Photoshop制作简洁美观的网站导航(图四)

    点选黑色导航条图层,使其选中状态,随后用矩形选区按住alt建对选区进行裁剪。

      Photoshop制作简洁美观的网站导航(图五)

      Photoshop制作简洁美观的网站导航(图六)

      保持上面的选区选中状态,随后新建图层,填充白色,将新图层不透明度设置为30%

      Photoshop制作简洁美观的网站导航(图七)

      加入导航条的按钮文字:

      Photoshop制作简洁美观的网站导航(图八)

      为导航添加鼠标滑过变化效果,制作绿色的按钮背景块,将其放在黑色大背景条图层之上

      Photoshop制作简洁美观的网站导航(图九)

      Photoshop制作简洁美观的网站导航(图十)

      最后,只需再加入一些矢量图点缀下背景,就完成了整个导航条的制作。

      Photoshop制作简洁美观的网站导航(图十一)

    本文作者:未知
    咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
    广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
    广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
    = 深圳商务地址:深圳市宝源路华丰宝源大厦606
    研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册