使用 Fireworks 制作水晶按钮
2006-12-21 08:45:42 来源:WEB开发网核心提示:案例欣赏对于水晶按钮的效果,大家应该见得很多了,使用 Fireworks 制作水晶按钮,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,2、在弹出的【新建文档】对话框中设置画布的宽度和高度为300像素,背景颜色为白色,都有一个共同的特点,为了能够实现按钮的立体效果
案例欣赏
对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现。效果如图1.1所示。
图 1.1卡通表情图标效果
思路分析我们首先来看看按钮的构成图,如图1.2所示:
图 1.2按钮构成图
1、任何光滑的东西都会产生镜面反射,水晶按钮当然不会例外。
2、要让按钮浮出画布,阴影是少不了的。有了正确的阴影,人们感觉才会更逼真。
3、这个水晶按钮是有颜色的,但不是平板、呆板的颜色,而是一个从一个颜色过度到浅色的渐变色,为什么会这样?因为它是透明的,光线从上到下投射下来的时候,由于下部的角度问题,产生的反射越来越多(这部分可参考物理学知识),所以下面的颜色会较浅。(注:我们假设光源在正上方)
4、按钮是扁圆的,到了边缘,这个曲度发生较大的变化(大家可以想象一下这里的横截面),因此边缘会变暗,于是会有这一点点的阴影。如图1.3所示
图 1.3按钮横截面光线图
实现步骤
1、新建一个Fireworks文件。
2、在弹出的【新建文档】对话框中设置画布的宽度和高度为300像素,背景颜色为白色。如图1.4所示。
更多精彩
赞助商链接