一只人的异想世界:关注生活,关注网络

web2.0渐变方法研究 网页导航按钮设计2010-05-05

分类:学习之路 4,287次浏览 18条评论

web2.0渐变

具体步骤:

1.用矩形工具画一个长方形按钮。

2.添加样式 -->渐变叠加-->改变左边滑块的颜色值(这个颜色你自己选,注意如果你选的颜色的H S B中的B的值大于84,则用于右边滑块

3.改变右边滑块的颜色值(同样输入左边的那个颜色)-->别动,关键就在这步。将这个颜色的值的H S B属性中的B的值加上16!

4.添加样式-->描边 色彩依然是渐变色的值。然后改变这个值的H S B 中的B的值减去8

5.最后一步:添加样式 -->内阴影-->白色-->混合模式为正常-->百分之七十五的透明度,90度,1像素距离,0像素大小。这样就OK了。

B值的位置

注:这样做出来的效果为上图的【内阴影角度:90】图片,其它的一些效果是我又调整一下样式得出来的效果,虽说差别很小,但是给人的感觉还是不同的。个人觉得不管搞什么都需要注意细节!呵呵,还是那句话,高手飘过

转自:http://bbs.redocn.com/thread-272056-1-1.html

更多
转载文章请保留博客名称及本文链接,谢谢合作!转载已注明非原创文章请注明原文地址及本博客相关信息。

相关日志 »

18条评论 »

  1. 老七 说道:

    又是一个ps的博客。。果断收藏。。

  2. 卢松松 说道:

    这个图做起来麻烦啊 最好还是下源文件比较快

  3. 制砂机 说道:

    这种效果用photo 应该很容易的

  4. 私服 说道:

    不错 一会就去研究下~

  5. vivi 说道:

    WordPress在于折腾

  6. pizn 说道:

    哈哈,不错吖~多多积累,渐变很难用好的,我觉得。

  7. 老郭 说道:

    很是专业啊!

  8. 吾淘网 说道:

    学习了。用photoshop做的。~等下研究下

  9. 百毒博客 说道:

    很用心玩你的博客啊?呵呵!

  10. youngjune 说道:

    欢迎回访!!!BOLG 不错!

  11. 郑州seo 说道:

    还以为是css写出来的

  12. QQ心情网 说道:

    学习了 对这些真不太了解呢

  13. 刘晓林 说道:

    我是盲童,看来还是很盲,但是可以多学习!

发表评论 »