当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop制作时尚web2.0风格导航面板

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

  • 共4页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 下一页
  • 上一篇:Photoshop制作简单绚丽的导航效果
    下一篇:Photoshop制作仿真塑料导航

    图集推荐

    • 灵感
    • 美图