PS设计教程网欢迎你!

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

文章来源于 UCD博客,感谢作者 小鱼 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-09-16
本Photoshop教程主要介绍利用图层样式的设置等,来制作黑色时尚的web2.0风格的导航面板,希望大家喜欢!

  我们先来看看效果图:

Photoshop制作时尚web2.0风格导航面板
最终效果

  制作过程:

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

Photoshop制作时尚web2.0风格导航面板
图1

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

Photoshop制作时尚web2.0风格导航面板
图2

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

Photoshop制作时尚web2.0风格导航面板
图3

Photoshop制作时尚web2.0风格导航面板
图4

Photoshop制作时尚web2.0风格导航面板
图5

Photoshop制作时尚web2.0风格导航面板
图6

Photoshop制作时尚web2.0风格导航面板
图7

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa