乱翻乱教 – 时尚导航设计 – 傻瓜版教程

步骤4 制作导航背景

接下来进入正题,开始设计导航,新建一图层(nav),同步骤2一样,制作一个矩形,背景色#188de1,边框色#096dcd。
时尚网站头部设计_004_1
接下来制作导航的渐变效果。在图层(nav)上点右键,复制图层(ctrl+J),命名为(nav-color)然后清楚图层样式(右键),再点击创建剪贴蒙版(这一步不懂的请点这里)
时尚网站头部设计_004_2
然后在图层(nav-color)上右键,图层选项上设置渐变色,如下:
时尚网站头部设计_004_3

步骤5 制作高光效果

这个时候已经有导航的感觉了,为了让导航有质感,需要给导航加上高光效果。
新建一个图层(light),在图层上绘制如下图的白色矩形(用选区工具,或者矩形工具都可以),
注意:位置可以是盖住导航1/2到1/3左右。
时尚网站头部设计_005_1
先把白色放到导航里面去,就是创建剪贴蒙版(飞鱼:这个功能我超级喜欢)。
下面就告诉你制作高光效果的精髓所在。
其实挺简单的,就是把图层的透明度降低到6%左右。^_^
时尚网站头部设计_005_2
很神奇吧? ^_^
我们继续再做一条高光,透明度为28%,这个时候质感效果就很强了。
时尚网站头部设计_005_3

Pages: 1 2 3 4 5 6
哟?不错哎 订阅飞鱼的RSS Feeds 回去慢慢看^_^

您可能还对这些日志感兴趣

该文章已经被摸了738次。 共有 10 条评论

  1. 1. Anonymous 2009年11月6日 at 15:25

    学习

    回复

  2. 2. seri 2009年11月10日 at 20:40

    学习了,嘿嘿 =v= 最近忙的好充实啊

    回复

  3. 3. 葉子 2009年11月25日 at 19:22

    图片直接服务器上了???我的相册最近不知道发什么疯,很多图片看不见了

    回复

    飞鱼 Reply:

    yupoo 快挂掉了 = = 太少人付钱给yupoo了,还有就是 yupoo经常挂掉····
    囧死了。

    回复

  4. 4. 小豪 2009年12月7日 at 14:44

    看完了。。消化下。。

    回复

    飞鱼 Reply:

    hoho~· 这个教程也做得我泪流满面

    回复

    小豪 Reply:

    不过挺好的

    回复

  5. 5. 弃儿 2009年12月12日 at 7:59

    大叔,你那个文章内的分页是什么插件呀?

    回复

    飞鱼 Reply:

    不是 插件的說·~~ 添加文章的時候 點more 然後 吧more改成 nextpage 就可以了

    回复

    弃儿 Reply:

    噢~这么YD

    回复

发表评论

评论仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签

Who am I ?

飞鱼,男,浙江人士。
非专业前端设计师兼程序员。
目前在 淘宝-淘日本 工作

最新在啃

actionscript javascript

新鲜的肉

最新评论

  • 小米: 您在我那留言“吓一跳”,哪里吓到了哦?呵呵
  • 小鑫: notpad++ …… 少了”e”
  • Bee君: 这些真的太深奥…..
  • 任鸟飞: 新浪微博 短网址 有白名单之多,令我很郁闷,打算弃用新浪微博。
  • 葉子: 我是更土的人,告诉我吧

订阅-rss-永久链接

MT
备案号:浙ICP备09020026号