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

具体步骤:
1.用矩形工具画一个长方形按钮。
2.添加样式 -->渐变叠加-->改变左边滑块的颜色值(这个颜色你自己选,注意如果你选的颜色的H S B中的B的值大于84,则用于右边滑块)
3.改变右边滑块的颜色值(同样输入左边的那个颜色)-->别动,关键就在这步。将这个颜色的值的H S B属性中的B的值加上16!
4.添加样式-->描边 色彩依然是渐变色的值。然后改变这个值的H S B 中的B的值减去8!
5.最后一步:添加样式 -->内阴影-->白色-->混合模式为正常-->百分之七十五的透明度,90度,1像素距离,0像素大小。这样就OK了。

注:这样做出来的效果为上图的【内阴影角度:90】图片,其它的一些效果是我又调整一下样式得出来的效果,虽说差别很小,但是给人的感觉还是不同的。个人觉得不管搞什么都需要注意细节!呵呵,还是那句话,高手飘过!
转载文章请保留博客名称及本文链接,谢谢合作!转载已注明非原创文章请注明原文地址及本博客相关信息。
相关日志 »
-
顶一个
-
又是一个ps的博客。。果断收藏。。
-
这个图做起来麻烦啊 最好还是下源文件比较快
-
这种效果用photo 应该很容易的
-
嗯,因为渐变不太容易拉,这只是一种小技巧!对于新手来,那是大大的有用噢,呵呵
-
-
不错 一会就去研究下~
-
WordPress在于折腾
-
哈哈,不错吖~多多积累,渐变很难用好的,我觉得。
-
很是专业啊!
-
学习了。用photoshop做的。~等下研究下
-
很用心玩你的博客啊?呵呵!
-
欢迎回访!!!BOLG 不错!
-
还以为是css写出来的
-
我也以为是css写出来的~吓了一跳~
-
-
学习了 对这些真不太了解呢
-
我是盲童,看来还是很盲,但是可以多学习!

18条评论 »