网页特效代码┊JsCode.CN
网页特效代码 您的位置:首页 > 网页制作教程 > FireWorks教程
RSS订阅

Fireworks 8 寻梦之旅(8):制作逼真的水珠

[ 发布者:佚名┊来源:网络整理┊时间:2006-03-25┊浏览: 人次 ]

  上一节:新增图层混合模式详解

  实例:添加逼真水珠

  本例主要通过使用叠加混合模式的操作,来给素材图片上的荷叶添加两滴逼真的水珠,按照惯例,教程开始前,先来看看效果图。

  素材文件下载(150KB, Winzip压缩)

  源文件下载(299KB, Winzip压缩)

  1、打开本例提供的素材文件。

  2、在荷叶上绘制一个圆形对象,描边色设为无,填充类型选择渐变里面的放射状填充,颜色设为“#FFFFFF-#666666-#FFFFFF”,具体设置请参看下图所示。

  3、在400%视图下,调整圆形对象的填充手柄,本例调节后填充手柄显示如下图所示。

  4、选中圆形对象,将其混合模式设为“叠加”,并将不透明度设为40%,经过调整后的圆形对象在编辑区上显示如下,水珠的效果已经基本上出现了。

  5、不过,此刻“水珠”看起来和荷叶结合的过分紧密了些,这还需要对其稍微作一些调整,使其立体感强烈些。选中圆形对象,在属性检查器上给其添加“投影”滤镜,具体的设置请参看下图所示。

  6、经过阴影的添加后,编辑区的“水珠”已经显露无遗了,请看下图。

  7、继续添加一个更大的水珠,直接克隆这个已经设置完毕的水珠对象即可将其所有的属性全部复制过来了,同时也包括了其应用的图曾混合模式。使用缩放工具将其放大一些,然后对填充手柄稍微做一些调整即可。

  8、水珠的变大,使得其立体感又有了一些欠缺,所以对其可以再做一些进一步的调整,以臻完美。选中圆形对象,在属性检查器上选择滤镜菜单中的“阴影和光晕|内侧阴影”命令,具体的参数设置请参看下图,就不做细讲了。

  9、为了使得大的水珠表现一种表层的光反射效果,接下来我又对其进行了纹理的添加。没有找到特别合适的纹理,此处是选择了“羊皮纸”的纹理,并将纹理量设为了“30”大小,最终效果如下图所示。

  [注意]:对于水珠的透明度如果认为不够满意的话,可以进行反复的调整比较,直到达到最满意为止。

  [小结]:本例通过对“叠加”混合模式的使用,制作出比较逼真的水珠效果,主要是充分利用到了叠加这种混合模式的特点。我们还可以给图像添加上文本对象,然后对文本对象使用叠加混合模式,这样就可以轻松的生成水印效果了。

本类相关信息
FireworksMX教程:制作虚线
操作步骤:   1.启动Fireworks MX,新建一个文件,文件宽和高都设为200象...
FWMX利用噪点滤镜制作金属纹理(1)
我们先看下这个效果图。 制作方法其实很简单, 新建画布,画个矩形。 当然你...
Fireworks制作公告板上方挂绳效果
经常会看到有些页面中公告板上方有类似挂绳的效果,做了一个。其实很简单,...
Fireworks MX 2004系统反锯齿和自定义...
  这个功能是为了解决在Fireworks中字体边缘不光滑的问题,如图10-1,这...
CopyRight © 2005-2008 JsCode.CN All Rights Reserved
网页特效代码┊JsCode v3.0 Designed By 在远方
说明:本站提供最新精选的免费网页特效代码,包括网页背景特效,网页文字特效,网页图片特效,导航菜单特效代码等20多种常用网页特效代码下载,以及Flash特效,网页模版,字体大全,字体下载等网页制作特效素材资源。网页特效代码欢迎您的光临!