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

2016-03-19 02:06 20 1 收藏

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

【 tulaoshi.com - PS 】

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

最终效果如下

Photoshop制作时尚web2.0风格导航

制作过程:

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

Photoshop制作时尚web2.0风格导航

Photoshop制作时尚web2.0风格导航

Photoshop制作时尚web2.0风格导航

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

11、调整图层的顺序。

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

Photoshop制作时尚web2.0风格导航

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作时尚web2.0风格导航

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航
图20

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

Photoshop制作时尚web2.0风格导航
图21

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

Photoshop制作时尚web2.0风格导航

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

Photoshop制作时尚web2.0风格导航

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作时尚web2.0风格导航

完成!

Photoshop制作时尚web2.0风格导航

完成

Photoshop制作时尚web2.0风格导航

来源:https://www.tulaoshi.com/n/20160319/1901117.html

延伸阅读
标签: 皇室战争
关于紫卡 骷髅海: 召唤20个骷髅(他们的名字都非常有趣),适合在对手用完所有费用之后进行一波防守或者反扑,4费不算多,可以克制一切地面重型非AOE单位。配合巨人、皮卡等攻城单位进行一波偷袭也常有奇效。缺点是非常害怕箭雨,亡灵,宝宝龙。 王子: 新手使用非常猛的一个兵种,5费,建议趁对手防守空虚,放在一路。对手置之不理...
新手入门:了解多重曝光   你是否常常看到一些如梦如幻的多重曝光照片而惊叹不已?你是否也想尝试拍出这样美丽的多重曝光照片却往往效果并不如意?你是否想知道这种多重曝光照片背后的拍摄技巧?那么让我们一起走近多重曝光,胶片的味道带你了解怎样用胶片机拍出精彩的多重曝光照片! 多重曝光 摄影作品 一、什么是多重曝光 ...
标签: 网络游戏
《梦回》大唐新手入门攻略 攻略名称:梦唐新手攻略 游戏时长:封测期间 所在专区:一区 测试账号:dj0104 进入大唐OL,在输入完账号密码后,就会出现以下这个画面        大家不要急,时间很长,需要耐心等待。这不是卡住,而是游戏在加载/更新进度。 加载完毕后,顺利进入创建角色画面。游戏角色模型分...
《行会2》新手入门心得 1.建好人物进游戏读条到一半音乐变换的时候按一下空格键,等进游戏时可以挑到最好的地段   2.造建筑物的时候按住CTRL可以转动建筑物的方向   3.医院,工匠这类建筑物托管的时候最好选择手动选择产品,这样AI就不会去做那些很低档的商品   4.流氓一类的职业有一个停止吸烟的选项,其实是伪装(汉化错...
下面的是学C++时要注重的。 1.把C++当成一门新的语言学习(和C没啥关系!真的。); 2.看《Thinking In C++》,不要看《C++变成死相》; 3.看《The C++ Programming Language》和《Inside The C++ Object Model》,不要因为他们很难而我们自己是初学者所以就不看;4.不要被VC、BCB、BC、MC、TC等词汇所...

经验教程

434

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部