步骤6 添加文字和间隔效果
导航基本效果做好后我们得添加文字效果,如下图:
(注意图中红色部分的设置,很多人都不知道这个细节的,将文字的平滑去掉,就显示成跟网页上的文字一样的效果。)

制作文字间的间隔效果
这里我也给出一个非常简单的制作方法,就是新建一个图层(||)使用铅笔画两条线,一条黑的一条白。效果如下。

然后修改图层模式为”柔光“,透明度为:70%,就可以了

步骤7 制作标签效果
标签效果就是表现当前所处的页面是那个页面。这部分是这个教程里难度最大的。但也是挺简单的,不过要仔细。
新建一图层(btn),使用圆角矩形工具,在导航上绘制白色的标签,圆角度为3px,背景白色,然后添加描边效果,边框色跟导航的边框一样。
注意:有些人会发现话矩形的时候不能对齐到像素,画出来的矩形有的时候变框会发糊,那是因为没有勾选上下图中的”对齐像素“选项。
飞鱼:下图中红色部分可以对照一下

这个时候标签的上半部分 做好了,接下来做下半部分。
如下图,先点击(1)图层的形状部分,然后点击(2),再选择(3)切换为矩形,再(4)标签的下半部分添加矩形。注意:两个形状都是在同一层上。
这一部分需要非常注意,对形状工具不熟练的这一步很容易操作失误。

接下来同样的步骤 在同一个形状图层上,切去两个圆角形状,如下图:

哟?不错哎 订阅飞鱼的RSS Feeds 回去慢慢看^_^
飞鱼 ^_^ 浆抱罗斯‘s blog



该文章已经被摸了1,067次。 共有 10 条评论
学习
回复
学习了,嘿嘿 =v= 最近忙的好充实啊
回复
图片直接服务器上了???我的相册最近不知道发什么疯,很多图片看不见了
回复
飞鱼 Reply:
November 26th, 2009 at 11:25
yupoo 快挂掉了 = = 太少人付钱给yupoo了,还有就是 yupoo经常挂掉····
囧死了。
回复
看完了。。消化下。。
回复
飞鱼 Reply:
December 7th, 2009 at 15:39
hoho~· 这个教程也做得我泪流满面
回复
小豪 Reply:
December 11th, 2009 at 9:29
不过挺好的
回复
大叔,你那个文章内的分页是什么插件呀?
回复
飞鱼 Reply:
December 12th, 2009 at 11:12
不是 插件的說·~~ 添加文章的時候 點more 然後 吧more改成 nextpage 就可以了
回复
弃儿 Reply:
December 12th, 2009 at 18:39
噢~这么YD
回复
发表评论