用Fireworks也可以制作精美的动画

[复制链接]
查看: 238|回复: 0
gggds 发表于 2009-12-27 03:19:00 | 显示全部楼层 |阅读模式

  G: y  C9 H' ^1 C
制作网页动画可用许多种方法来实现,如:用Java或DHTML或Flash等,也可用Fireworks。而Fireworks提供了三种制作动画的手段:手工绘制、使用符号(Symbol)、图像法。
0 Q4 w, t; B, L5 n* _' h$ d, E下面我们以手工绘制和图像法来制作简易的“月出场景”动画。
* g3 M; N  e/ s9 a( v制作过程
) T, J; ]3 I5 R- `1、新建一空白文档窗口:运行Fireworks 4,选择菜单“File→New”命令后,出现“New Document”窗口,设置一些参数后,按“OK”,在Fireworks的程序窗口中,出现新建空白文档窗口(Untitled-1)。
$ A1 N6 E+ i; @8 \( C2、导入图像:选择菜单“File→Inport…”命令后,出现导入窗口(Import),选择某个图像文件后,按“打开”,鼠标移到空白文档窗口时,指针变为折线形状,在空白文档窗口的左上角单击,则所选图像导入到空白文档窗口,调整图像的位置或编辑画布大小等。本例导入一幅“没有月亮的夜景”(如图1)。! A4 R4 C6 r! B2 U& h

3 V; M- H) x: h0 U2 F* Q9 v  ^/ Y4 J. [1 g! t0 {5 H+ n
图1
5 v: F' t3 Y* A% n  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帧时,在文档窗口中显示已导入的图像。
- v1 r7 x$ c6 O5 N) t. z  4、共享图层:用鼠标单击选择第1帧,再按F2键,出现图层面板(Layers),用鼠标选择“Layer1”,再单击图层面板右上角的三角形图标,出现图层面板菜单,选择“Share This Layer”命令,确定后,就把第1帧的第一层(Layer1)转换为其他4个帧都共享的图层,可选择其他4个帧预览。# p0 _3 r8 k6 n* m

5 b3 ]  M! y2 ]
4 d1 ^( j% g: s图2/ ?( O! w$ V* f% n2 R
  5、绘制动画:选择第1帧的图层面板,鼠标单击图层面板右下角的打开图标,创建第1帧第二个图层(Layer2)。在Layer 2图层中,用工具箱中的画圆工具,绘制一个月亮,再复制出4个月亮,把这5个月亮沿着升起的方向排放,并编辑太阳形状颜色等属性(如图2)。用鼠标同时选择(按Shift键)这5个月亮,再选择帧面板,把这5个月亮分发到5个帧去。
& Y7 ]' q+ X0 L! l' J$ ~6 ?9 |  6、调整各帧延迟时间:在帧面板中,用鼠标双击每一帧右边的数字,出现一个窗口,输入帧播放延迟时间。从Frame 1至Frame5顺序选择帧,浏览月亮升起的方向,如有误,可用鼠标拖拽帧来调整帧的顺序。; P$ n1 T4 x* f6 H5 ?% Z5 t5 p
  7、浏览效果:在Fireworks 4程序窗口的左下角有一排动画播放控制按钮,使用该控制按钮,浏览动画效果。若不满意,可编辑修改各参数,直到满意。
! {- V  y# t, o% g  作品输出' C% T/ L3 U# _/ D- P/ b2 O
  选择菜单“File→Export Preview…”命令,出现导出预览对话框(Export Preview),进行动画优化和设置后,按“Export…”按钮,就导出动画作品。0 @9 g; l8 f3 j, Z6 I
  请各位自己试一试,在构建动画的过程中,添加你的创意,你一定会发现许多奇妙的视觉效果。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )