网页导航栏制作:[1]怎么用PS制作炫酷导航栏
1、打开PS,新建一文件,大小设置为“200*800”,背景色设为“透明”。
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce24c0681bbef781423bfb9b675.jpg)
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/430174fec314f1c5d10ff4753c27ac5307889d75.jpg)
3、切换至“路径”面板,点击“将路径作为选区载入”按钮。
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/dccb47de45078801659160f5b18ca608a40f8275.jpg)
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/256eb672941fbee44e3b45eac1237971ff1de775.jpg)
5、接着双击该图层,为其添加“浮雕 图层样式”,参数如图:
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/2f2909e951e10ef8cbb760892324d8e9cdd2cc75.jpg)
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/7efc527c34b33c41825b66f5887de137c8762e7a.jpg)
7、双击“图层2”,为其添加“图层样式”,参数及效果如图所示:
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/def3c219ce2c5b1bcf3f41682b39131fcfec0e7a.jpg)
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/e9a4f2eeadbcbe2fa091f3ac54dae43b3a86787a.jpg)
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/f9617afb960b3121f180b117dee983aee9d76d7a.jpg)
10、至此,基本的导航栏结构已经做好啦。下面我们来创建切片。点击“工具栏”中的“切片”工具,然后对整个图像区域进行划分,其中的一种分割方式如图:
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/e996472ae3efe078e8d06a02b96c576698cf657a.jpg)
11、最后点击“文件”→“存储为Web所有格式”项,选择文件类型为“JPEG”格式,接着点击“存储”按钮,在打开的“另存为”窗口中将“存储类型”设置为“网敌颉缪莽页和图像”,最后点击“保存”按钮。到此,利用PS制作导航栏的过程完成。在下一讲中,小编将教大家将导航栏图片放入网页中的夜方法。
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/e3d059e833e0397234e10e5eb58630486043567a.jpg)
![网页导航栏制作:[1]怎么用PS制作炫酷导航栏](https://exp-picture.cdn.bcebos.com/27725684cde34b2c480ccecb0d0e7c75e4f4437a.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:50
阅读量:78
阅读量:56
阅读量:40
阅读量:60