WEB开发网
开发学院图形图像Fireworks 用Fireworks制作动画 阅读

用Fireworks制作动画

 2007-04-16 08:56:07 来源:WEB开发网   
核心提示:制作网页动画可用许多种方法来实现,如:用Java或DHTML或Flash等,用Fireworks制作动画,也可用Fireworks,而Fireworks提供了三种制作动画的手段:手工绘制、使用符号(Symbol)、图像法,在构建动画的过程中,添加你的创意,下面我们以手工绘制和图像法来制作简易的“月出场景&r

制作网页动画可用许多种方法来实现,如:用Java或DHTML或Flash等,也可用Fireworks。而Fireworks提供了三种制作动画的手段:手工绘制、使用符号(Symbol)、图像法。

下面我们以手工绘制和图像法来制作简易的“月出场景”动画。

1、新建一空白文档窗口:

运行Fireworks 4,选择菜单“File→New”命令后,出现“New Document”窗口,设置一些参数后,按“OK”,在Fireworks的程序窗口中,出现新建空白文档窗口(Untitled-1)。

2、导入图像:

选择菜单“File→Inport…”命令后,出现导入窗口(Import),选择某个图像文件后,按“打开”,鼠标移到空白文档窗口时,指针变为折线形状,在空白文档窗口的左上角单击,则所选图像导入到空白文档窗口,调整图像的位置或编辑画布大小等。本例导入一幅“没有月亮的夜景”(如图1)。

图1

3、创建动画帧数:

如Fireworks 4程序窗口没有出现帧面板(Frames),可同时按Shift+F2键,则出现帧面板。在帧面板中有一个Frame1 ,表示已存在一个帧,第2步导入的图像就在这个帧中。鼠标单击帧面板右上角的三角形图标,出现帧面板菜单,选择“Add Frames…”命令,出现添加帧窗口(Add Frames),在添加窗口的“Number”输入项中输入动画的帧数,本例输入帧数4,并选择“After Current Frame”选项,按“OK”,则在帧面板出现5个帧(Frame 1~Frame5)。如用鼠标单击选择第2~5帧,在文档窗口中无显示图像,鼠标选择第1帧时,在文档窗口中显示已导入的图像。

4、共享图层:

用鼠标单击选择第1帧,再按F2键,出现图层面板(Layers),用鼠标选择“Layer1”,再单击图层面板右上角的三角形图标,出现图层面板菜单,选择“Share This Layer”命令,确定后,就把第1帧的第一层(Layer1)转换为其他4个帧都共享的图层,可选择其他4个帧预览。

图2

5、绘制动画:

选择第1帧的图层面板,鼠标单击图层面板右下角的打开图标,创建第1帧第二个图层(Layer2)。在Layer 2图层中,用工具箱中的画圆工具,绘制一个月亮,再复制出4个月亮,把这5个月亮沿着升起的方向排放,并编辑太阳形状颜色等属性(如图2)。用鼠标同时选择(按Shift键)这5个月亮,再选择帧面板,把这5个月亮分发到5个帧去。

6、调整各帧延迟时间:

在帧面板中,用鼠标双击每一帧右边的数字,出现一个窗口,输入帧播放延迟时间。从Frame 1至Frame5顺序选择帧,浏览月亮升起的方向,如有误,可用鼠标拖拽帧来调整帧的顺序。

7、浏览效果:

在Fireworks 4程序窗口的左下角有一排动画播放控制按钮,使用该控制按钮,浏览动画效果。若不满意,可编辑修改各参数,直到满意。

8、作品输出

选择菜单“File→Export Preview…”命令,出现导出预览对话框(Export Preview),进行动画优化和设置后,按“Export…”按钮,就导出动画作品。

请各位自己试一试,在构建动画的过程中,添加你的创意,你一定会发现许多奇妙的视觉效果。

Tags:Fireworks 制作 动画

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