论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

学习用Fireworks CS3制作动画的方法

文章类别:Fireworks | 发表日期:2009-8-14 9:21:14

学习用Fireworks CS3制作动画的方法

1.1首先制作好平面图,把需要做动画的图层复制一份备用。如下图,

1.2“南粤大学生”与“nanyue daxuesheng”组合并复制一份。然后新建一个层2,置于层1上方,把以上组合拖动到层2中。双击层1,在对话框内把“共享交换帧”打上勾。

1.3锁定层1所有对象,以免以后修改层2的时候不小心移动了层1的元素。

2.1在层2用矩形工具划个长方形,羽化10像素,旋转并调整好角度

2.2同时选择矩形和组合对象,文字在上矩形在下组合成蒙版(具体操作:修改--蒙版--组合为蒙版)

2.3点选矩形(注意绿色框住的)在属性项里选择路径轮廓

2.4小提示:
在蒙版内有两个元素,可以分别改变其位置达到你要的效果。如:我点选左边元素(注意蓝色框),那么可以对蒙版内的矩形进行左右移动,这也是本文下面制作动画部分的主要步骤。

准备工作到此为止。层1是不需要动的,锁上,主要是改变层2蒙版内矩形的位置,通过帧来实现动画效果。

3.开始制作动画了。我们切换到帧面板。发现里面只有一帧。同时在层面板(如上图)的右下角也有帧提示。
第一帧就是刚才我们做好的(注意,在添加帧之前要确定所有元件的位置,大小是正确的,是你所希望的效果的。动画做好后要改那是相当麻烦)
3.1首先,把第一帧里的层2复制下来(貌似直接复制层是无效的),注意要选中蓝色和绿色的框才行。

在帧面板 新建/重制帧 新建帧2,切换回层面板你会发现只有层1的元素,层2的不见了。在层2Ctrl+V,把刚才复制的蒙版层粘贴到层2中。帧2跟帧1是一样的。没有变化。
3.2重复步骤2.4,在帧2的层面板上点选蒙版左边元素,移动工作区内的矩形(注意蓝色选框)到合适的位置。帧2完成。重复3.1,复制帧2的层2蒙版。

3.3在帧面板新建帧3,粘贴帧2复制的层2蒙版,然后重复3.2步骤。
3.4新建帧4,粘贴帧3复制的层2蒙版。重复
……
大概10帧左右就可以完成了。最后把最后一帧的时间调高点,有个缓冲,相对不会引起视觉疲劳

视频教程列表
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058