使用 Fireworks 制作水晶按钮

http://tech.ddvip.com   2006年12月21日    社区交流

本文详细介绍使用 Fireworks 制作水晶按钮

  案例欣赏

  对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现。效果如图1.1所示。

  

  图 1.1卡通表情图标效果

思路分析

  我们首先来看看按钮的构成图,如图1.2所示:

  

  图 1.2按钮构成图

  1、任何光滑的东西都会产生镜面反射,水晶按钮当然不会例外。

  2、要让按钮浮出画布,阴影是少不了的。有了正确的阴影,人们感觉才会更逼真。

  3、这个水晶按钮是有颜色的,但不是平板、呆板的颜色,而是一个从一个颜色过度到浅色的渐变色,为什么会这样?因为它是透明的,光线从上到下投射下来的时候,由于下部的角度问题,产生的反射越来越多(这部分可参考物理学知识),所以下面的颜色会较浅。(注:我们假设光源在正上方)

  4、按钮是扁圆的,到了边缘,这个曲度发生较大的变化(大家可以想象一下这里的横截面),因此边缘会变暗,于是会有这一点点的阴影。如图1.3所示

  

  图 1.3按钮横截面光线图

  实现步骤

  1、新建一个Fireworks文件。

  2、在弹出的【新建文档】对话框中设置画布的宽度和高度为300像素,背景颜色为白色。如图1.4所示。

来源:蓝色理想    作者:froglt    责编:豆豆技术应用

正在加载评论...