正在阅读:Photoshop制作时尚web2.0风格导航面板Photoshop制作时尚web2.0风格导航面板

2009-09-16 09:35 出处:PConline 作者:UCD博客 小鱼 责任编辑:lizhiyan

  本Photoshop教程主要介绍利用图层样式的设置等,来制作黑色时尚的web2.0风格的导航面板,希望大家喜欢!

  我们先来看看效果图:

Photoshop制作黑色时尚风格的导航面板
最终效果

  制作过程:

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

Photoshop制作黑色时尚风格的导航面板
图1

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

Photoshop制作黑色时尚风格的导航面板
图2

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

Photoshop制作黑色时尚风格的导航面板
图3

Photoshop制作黑色时尚风格的导航面板
图4

Photoshop制作黑色时尚风格的导航面板
图5

Photoshop制作黑色时尚风格的导航面板
图6

Photoshop制作黑色时尚风格的导航面板
图7

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品