WEB开发网
开发学院图形图像Fireworks 使用 Fireworks 制作水晶按钮 阅读

使用 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所示。

1 2 3  下一页

Tags:使用 Fireworks 制作

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接