返回首页

Fireworks MX(二十七)制作动画

时间:2009-07-28 18:52来源: 作者: 点击:
本文介绍使用fireworks制作动画。 在fireworks中,主要使用帧面板和层面板制作动画。 下面分别以一个简单的多帧动画和一个淡入淡出动画来说明制作动画的过程和相关技术。 制作简单的
  
  本文介绍使用fireworks制作动画。

  在fireworks中,主要使用帧面板和层面板制作动画。

  下面分别以一个简单的多帧动画和一个淡入淡出动画来说明制作动画的过程和相关技术。

  制作简单的多帧动画:制作一个背景相同,文字变化的动画。如果是需要背景相同,就需要在层面板中,设置共享交叠层。

  常见网页的banner动画尺寸为468×60(完整banner),88×31(Logo),393×72(带纵向导航条的完整banner)。

  1. 在fireworks中,打开一幅图像,调整它的大小为468×60。这也是标准的banner大小。

  
请添加描述


  2. 点击菜单命令“窗口”>“层”打开层面板,在背景层上双击,选中“共享交叠层”。

  
请添加描述


  3.点击菜单命令“窗口”>“帧”打开帧面板,并且点击“新建/复制帧”,产生帧2。

  
请添加描述


  4.在层面板中,点击“新建/复制层”图标,新建一个层“层1”。点选帧2,再点选层1,在画布上输入文字。

  
请添加描述


  5. 点选帧2,再点选层1,在画布上输入文字,或者再插入一幅图像。在这个时候,一个两帧的动画已经做好了。

  
请添加描述


  6.重复第3步到第5步,新建帧3和层2,并且点选帧3和层2,在画布上输入文字。

  
请添加描述


  7.点击播放动画。是不是感觉很快?下面就把帧延时调高,使用“帧”面板中的“帧延时”控件设置动画动作的速度。双击帧1,在帧延时对话框中输入100,重复前面的过程,继续给帧2和帧3输入100。单击面板底部的“gif 动画循环”按钮,选择“永久”不停地重复播放动画。

  
请添加描述


  8.这个GIF动画做好了,现在需要输出,在输出之前,需要先把格式改为“GIF动画”。打开优化面板,选择“GIF动画”。如果需要输出背景透明的GIF动画,可以选择“索引色透明”或“alpha 透明”。

  
请添加描述


  9.使用“文件”>“导出”命令,导出动画。

  
请添加描述


  创建了动画元件,才能设置动画中的帧数和动作类型(如缩放或旋转)。
  制作淡入 / 淡出动画:创建一个动画元件,设置元件的不透明度属性。

  1.打开fireworks,新建一个文档,选择“编辑”>“插入”>“新建元件”。

  
请添加描述


  2.在“元件属性”对话框中,输入新元件的名称。选择“动画”并单击“确定”。

  
请添加描述


  3.在“元件编辑器”中,创建一个新对象,实例中插入一幅图片。

  
请添加描述

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
发布者资料
dlong 查看详细资料 发送留言 加为好友 用户等级:高级会员 注册时间:2009-07-28 11:07 最后登录:2009-07-29 19:07
推荐内容