失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > PS网页设计:新手入门制作流行漂亮导航

PS网页设计:新手入门制作流行漂亮导航

时间:2020-03-01 09:31:00

相关推荐

PS网页设计:新手入门制作流行漂亮导航

下面是个PS网页设计:新手入门制作流行漂亮导航教程,撑握了其技术要点,学起来就简单多了。赶紧跟着小编一起来看看吧!

PS网页设计:新手入门制作流行漂亮导航,本教程很简单,适合练习用. 有问题联系

最终效果如下

制作过程:

1、新建文件,选择径向渐变,设置前景颜色为#,背景颜色为#。效果如图:

2、创建圆角矩形(半径为10px)大小为220x50px,颜色#212121,如图:

3、选择图层样式渐变描边,效果如图。

4、新建层,选择选区工具(快捷键M)大小为15x100px,填充白色,效果如图:

5、复制白色线条层2次(快捷键ctrl+J),移动20px,合并3个白线层,效果如图:

6、选择变换(快捷键ctrl+T)。

7、载入圆角矩形选区(按ctrl+鼠标点击圆角矩形层),选择白线层,反选(快捷键shift+ctrl+i),删除多余白线。

8、设置还层不透明为5%。

9、添加自喜欢的文字和图标:

10、选择圆角矩形,半径为10 px,颜色为#2f2f2f,如图:

11、调整图层的顺序。

12、选择图层样式外发光(柔光)内发光描边,设置如下图:

13、选择文本工具(快捷键T)输入文字,如图:

图20

14、新建层,选择画笔(快捷键B)创建200x1px细线,颜色为#292929,如图:

图21

15、新建层,选择选区工具(快捷键M),大小为8x3px,填充白色,效果如图:

16、选择图层样式外发光,设置如下图:

17、复制图层(快捷键ctrl+J),效果如图:

完成!

完成

如果觉得《PS网页设计:新手入门制作流行漂亮导航》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。