photoshop绘制闪光的导航条 - 中华游戏网(手机版)

进入此贴详细完整版>> photoshop绘制闪光的导航条中华游戏网 > 制图教程

主题：photoshop绘制闪光的导航条
作者：mingjun030
时间：2011-10-17 22:20

[attachment=82348]
1.首先让新建一个大小为700像素×300像素文件。

2.将背景色改为#19191b 。（相当于填充）

3.接下来，让我们使用圆角矩形工具，设置半径为10px ，画一个圆角矩形，比背景小些。

4.设置这个图层的混合选项：颜色叠加 #19191b；描边：大小1px;内部；不透明度3%；填充类型渐变；有白到黑反向；线性；
[attachment=82349]
5.
  [attachment=82350]
6.画小导航用圆角矩形工具，设置半径为10px ，画一个圆角矩形；如下所示：
[attachment=82351]
7.设置这个图层的混合选项：渐变叠加
[attachment=82352]
  [attachment=82353]
8.下一步，我们要添加一个渐变给它。我用圆角矩形工具，半径为10px，画一个圆角矩形；如下所示。
[attachment=82354]
9.设置透明度到22 ％，并设置图层样式为柔光。
10.现在可以添加一些文字链接,当前链接使用#01c6fd 。所有其他的链接，请使用此文字颜色#8e959d 。（参照效果图）
11.文字层加入投影，输入下面的混合选项：
[attachment=82355]
12 .接下来我们要做的就是添加一些链接分割线，使用选框工具创建一个2px宽矩形；填充黑色：
13.给分割线输入下面的混合选项：
[attachment=82356]
14.降低不透明度至50 ％;
15.接下来复制分割线，并将其放置在每一个链接之间
16.用多边形套索工具并创建一个选择区如下所示。箭头表明当前链接：
[attachment=82357]

17.创建一个新层和填补#ffffff ，然后给这层输入下面的混合选项，
[attachment=82358]
[attachment=82359]
18.您的结果将如下所示：
[attachment=82360]
19.为当前链接做闪光效果，我们需要使用椭圆选框工具并且羽化15px，并填充颜色#01c6fd ：
[attachment=82361]
20.现在，我们要删除导航框以外的闪光。找到导航框层，用CTRL +鼠标左键点击来选择它。回到闪光效果层然后->选择>反向，然后->编辑>清除
21.现在降低透明度31 ％左右，就完成了
  [attachment=82363]

1楼:atx4869(2011-10-17 23:12)

PHOTOSHOP，学习了。。。

2楼:曾经俺很瘦(2011-10-17 23:51)

看看学习下

进入此贴详细完整版>> photoshop绘制闪光的导航条返回顶部