用Fireworks做出苹果的晶亮透明

2004年05月16日 08:40 查看4895次 作者:   【
文章分类:前端交互
  苹果的东西,设计上是一流的,至少我个人是这样认为的。有了苹果,才会在网上涌现出一大批晶亮透明的东东,所以今天就苹果网站上的导航按钮来谈谈那些晶亮透明东东是怎么做的。用的软件是fireworks MX。
  苹果的导航(下图)总体的感觉是清淡的色彩配上透明的效果。其实这种效果在fireworks(看多了在PS里的长篇大论)里简简单单,远没有想象的那么复杂。用的技术也是最简单的:渐变填充,层的透明度调节,简单效果(effect)。我们就是要用最简单的技术做出最好的效果 。好的,开始做了,注意听讲。


  1.首先画一个圆角矩形,用渐变填充,效果如图:


  2.做出导航按钮的高光,这是点睛之笔,一般在这一步效果就出来了。有两种方实现:一个用效果(effect)的内阴影(Inner Shadow)参数和最终效果如图:


  另一个是做一个高光的shape,将这个shape的层透明度调成30,参数和最终效果如图:


高光的制作方法是:做一个高度为3像素,宽和按钮宽相同的矩形。然后将颜色设置为白色渐变。把下面的颜色再弄成透明色的,调整好位置后选择 滤镜→模糊→高斯模糊。
具体数值的大小自己根据实际情况定。  

大体的原理弄懂了,我们再看看其他的按钮就觉得很好做了。换换颜色,形状可以做出太多的效果,正所谓一通百通了。下面是一些例子:

责任编辑:admin

给文章打分...

平均分:0.9(23 次)

-5 -4 -3 -2 -1 0 1 2 3 4 5
0

顶一下

发表我的见解...

  • 您的大名: 留空为匿名
  • 您的主页:
  • 您的邮箱: