|
/ I) X. {; j# m9 J# e2 l( T | 制作网页动画可用许多种方法来实现,如:用Java或DHTML或Flash等,也可用Fireworks。而Fireworks提供了三种制作动画的手段:手工绘制、使用符号(Symbol)、图像法。: U/ F/ q' p( {8 B- f$ Z
下面我们以手工绘制和图像法来制作简易的“月出场景”动画。: f1 t2 i/ q- h ^
制作过程2 y [3 i b' i3 M1 h& P+ j
1、新建一空白文档窗口:运行Fireworks 4,选择菜单“File→New”命令后,出现“New Document”窗口,设置一些参数后,按“OK”,在Fireworks的程序窗口中,出现新建空白文档窗口(Untitled-1)。
4 c% e+ F3 ]7 g! r7 L5 d2、导入图像:选择菜单“File→Inport…”命令后,出现导入窗口(Import),选择某个图像文件后,按“打开”,鼠标移到空白文档窗口时,指针变为折线形状,在空白文档窗口的左上角单击,则所选图像导入到空白文档窗口,调整图像的位置或编辑画布大小等。本例导入一幅“没有月亮的夜景”(如图1)。
% n+ S, j8 o! Q, E4 e- k4 w9 Y) E! W" q
" H8 c9 G3 B. g
图1
5 i6 L& f& ?6 f& Q! R; s6 V 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帧时,在文档窗口中显示已导入的图像。- j2 b, E6 v% ?' @- s
4、共享图层:用鼠标单击选择第1帧,再按F2键,出现图层面板(Layers),用鼠标选择“Layer1”,再单击图层面板右上角的三角形图标,出现图层面板菜单,选择“Share This Layer”命令,确定后,就把第1帧的第一层(Layer1)转换为其他4个帧都共享的图层,可选择其他4个帧预览。
. M9 w; ^: W) R9 N8 L- d6 l) } B$ p1 t
- Z) |; v7 t' X/ |, K图2
) a# G' ~+ ]' ^ 5、绘制动画:选择第1帧的图层面板,鼠标单击图层面板右下角的打开图标,创建第1帧第二个图层(Layer2)。在Layer 2图层中,用工具箱中的画圆工具,绘制一个月亮,再复制出4个月亮,把这5个月亮沿着升起的方向排放,并编辑太阳形状颜色等属性(如图2)。用鼠标同时选择(按Shift键)这5个月亮,再选择帧面板,把这5个月亮分发到5个帧去。
3 C" `4 O9 C2 A3 @/ q3 A 6、调整各帧延迟时间:在帧面板中,用鼠标双击每一帧右边的数字,出现一个窗口,输入帧播放延迟时间。从Frame 1至Frame5顺序选择帧,浏览月亮升起的方向,如有误,可用鼠标拖拽帧来调整帧的顺序。- q1 W4 L: C- G! m6 k! d3 f
7、浏览效果:在Fireworks 4程序窗口的左下角有一排动画播放控制按钮,使用该控制按钮,浏览动画效果。若不满意,可编辑修改各参数,直到满意。6 E, `3 `/ x" E5 A! N8 d! c
作品输出7 C. I5 D& y, o6 B- i6 X
选择菜单“File→Export Preview…”命令,出现导出预览对话框(Export Preview),进行动画优化和设置后,按“Export…”按钮,就导出动画作品。, T3 g. Z9 d& R3 u
请各位自己试一试,在构建动画的过程中,添加你的创意,你一定会发现许多奇妙的视觉效果。 |
|