网页设计，PS如何设计动态导航栏5

PS设计出效果然后用css或者js实现如果你平时只是设计效果图的话是不需要你做的如果你是设计加页面切图的话这个是你需要掌握的这种你也可以直接做一个flash套在页面里面

1、我们打开ps软件，新建一个19203000的文件，分辨率选择72像素，颜色为白色。

2、在guideguide插件中，我们将左右边距都设置为360，行数为12，余边为20，单位都为像素。

3、下面我们建立首屏线，在视图中找到新建参考线，选择水平，数值为785像素。

4、然后用矩形工具绘制一个1920785的色块，换一下颜色，便于区分。

5、下面我们建立导航条，大小为192080，我们用矩形工具去创建。

6、下面用文字工具输入导航内容。

7、下面为了更加方便的为了以后的创作，我们选择窗口字符样式，创建一个字符样式，以后的文字就可以用到了。

8、继续做下面的页面就可以了。

第一步：用圆角工具画个圆角。
第二部：用吸管工具将颜色吸好
第三步：用渐变工具拉渐变，直到效果让自己满意为止
第四步：新建一个图层
第五步：在新建的图层上画个白色块
第六步：在图层面板上选中白色块的图层改填充，就ok了
具体效果根据自己的实际情况调整
如果不会，建议你先去找点教程做做
祝你好运！

---