Fireworks MX 2004 动画实例-下雨效果(转)

Fireworks MX 2004 动画实例-下雨效果(转)[@more@]

  本教程为使用Fireworks MX 2004制作下雨的效果,制作过程分以下几个步骤:

  一.新建文档

  首先启动Fireworks MX 2004软件,在欢迎界面的“新建”列表中选择【Fireworks文档】选项,弹出【新建文档】对话框。在【新建文件】对话框中设置画布宽度为400像素,高度为300像素,其它按默认设置,如图1。

  1161969648_ddvip_1857.jpg

  图1 【新建文档】对话框

  二.导入背景图片

  选择【文件】|【导入】命令,弹出【导入】对话框,在对话框中选择要作为背景的图片,单击【打开】按钮,关闭对话框。这时鼠标指针成1161969656_ddvip_8301.jpg形状,将鼠标指针移到画布的左上角位置单击,如图2所示,背景图片导入到画布中,。

  1161969658_ddvip_3262.jpg

  图2 导入图片时单击鼠标的位置

  三.设置图层信息

  选择【窗口】|【层】命令或按【F2】键,调出【层】面板。在“层1”文字处双击,出现层设置面板。将【层名称】改为“背景”,并在下面的“并享交叠帧”前打勾,如图3所示。

  1161969673_ddvip_9478.jpg

  图3 层设置面板

  选择【层】面板下面的【新建/重制层】按钮1161969681_ddvip_208.jpg,新建一个层名称为“层1”。

  四.制作下雨效果

  将【层1】设置为当前层,选择“矢量”工具栏中的【矩形】工具,将笔触颜色设为“无”,填充颜色设为“黑色”,在画布上绘制一个矩形。打开【属性】面板设置矩形属性:宽为405像素,高为305像素,X为0,Y为-5。

  1.设置【杂点】效果

  点击【属性】面板右侧“效果”边的加号按钮,选择【杂点】|【新增杂点…】命令,如图4所示。

  1161969684_ddvip_2841.jpg

  图4 【新增杂点】效果菜单

  在弹出来的【新增杂点】对话框中设置数量为375,单击【确定】按钮,关闭对话框,如图5所示。

  1161969690_ddvip_3337.jpg

  图5 【新增杂点】对话框

  2.设置【运动模糊】效果

  再次单击效果边的加号按钮,选择【模糊】|【运动模糊】命令,如图6所示。

  1161969704_ddvip_6695.jpg

  图6 【运动模糊】效果菜单

  在弹出的【运动模糊】对话框中设置角度为240,距离为15,单击【确定】按钮,关闭对话框,如图7所示。

  1161969710_ddvip_2576.jpg

  图7 【运动模糊】对话框

  3.设置层的不透明度

  在【属性】面板或【层】面板上拖动设置不透明值的滑块至30的位置上,如图8所示。

  1161969717_ddvip_3559.jpg

  图8 设置不透明度滑块位置

  此时图片的已经有了下雨的效果,如图9所示。

  1161969722_ddvip_5484.jpg

  图9 图片效果

  五.制作动画效果

  选择【窗口】|【帧】命令或按Shift+F2键,调出【帧】面板。单击下面的【新建/重制帧】按钮1161969732_ddvip_4715.jpg,增加第二帧名称为“帧2”,如图10所示。

  1161969738_ddvip_7997.jpg

  图10 【帧】面板

  接下来在【帧】面板选择“帧1”,复制“层1”中的矩形。然后选择【帧】面板中的“帧2”,在【层】面板选择“层1”,再将矩形粘贴到“层1”上。设置矩形坐标【属性】X为-5,Y为0。

  到此,动画已经制作完成,再将文档导出为GIF动画格式就可以了。

  教程素材:

  1161969744_ddvip_741.jpg

  动画效果:

  1161969752_ddvip_3700.gif

  1161805175_ddvip_239.gif查看全套"Fireworks MX 2004 入门"教程>>>>>

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/10752019/viewspace-949901/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/10752019/viewspace-949901/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值