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

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

  X: `) I' ~9 [4 Q/ t. D  T
制作网页动画可用许多种方法来实现,如:用Java或DHTML或Flash等,也可用Fireworks。而Fireworks提供了三种制作动画的手段:手工绘制、使用符号(Symbol)、图像法。" n$ n( v8 k3 T: U% H/ q
下面我们以手工绘制和图像法来制作简易的“月出场景”动画。
0 t) `* h0 f: W制作过程$ T0 M2 [% T" D" I  X
1、新建一空白文档窗口:运行Fireworks 4,选择菜单“File→New”命令后,出现“New Document”窗口,设置一些参数后,按“OK”,在Fireworks的程序窗口中,出现新建空白文档窗口(Untitled-1)。
9 }0 p& {( G$ F0 Y2、导入图像:选择菜单“File→Inport…”命令后,出现导入窗口(Import),选择某个图像文件后,按“打开”,鼠标移到空白文档窗口时,指针变为折线形状,在空白文档窗口的左上角单击,则所选图像导入到空白文档窗口,调整图像的位置或编辑画布大小等。本例导入一幅“没有月亮的夜景”(如图1)。
0 e+ C% \( m1 r7 b8 \
7 Y6 q$ _0 }! m& y  |6 ~* E) U, m- Z0 ?* p
图1
( g1 x: _, S3 c; G/ ]7 w" N" H& O  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帧时,在文档窗口中显示已导入的图像。
( O1 a$ \8 |0 W  4、共享图层:用鼠标单击选择第1帧,再按F2键,出现图层面板(Layers),用鼠标选择“Layer1”,再单击图层面板右上角的三角形图标,出现图层面板菜单,选择“Share This Layer”命令,确定后,就把第1帧的第一层(Layer1)转换为其他4个帧都共享的图层,可选择其他4个帧预览。
; a% h; N& G8 n; q$ l& o; w& T: C+ o8 C% J7 e  p9 v

/ l0 z7 [2 m3 `  S8 m( C0 n图2
' B5 C! {% Z2 C8 A2 E; b( h5 E: I  5、绘制动画:选择第1帧的图层面板,鼠标单击图层面板右下角的打开图标,创建第1帧第二个图层(Layer2)。在Layer 2图层中,用工具箱中的画圆工具,绘制一个月亮,再复制出4个月亮,把这5个月亮沿着升起的方向排放,并编辑太阳形状颜色等属性(如图2)。用鼠标同时选择(按Shift键)这5个月亮,再选择帧面板,把这5个月亮分发到5个帧去。: E* Y4 F# |2 u3 ?8 b- {
  6、调整各帧延迟时间:在帧面板中,用鼠标双击每一帧右边的数字,出现一个窗口,输入帧播放延迟时间。从Frame 1至Frame5顺序选择帧,浏览月亮升起的方向,如有误,可用鼠标拖拽帧来调整帧的顺序。/ j) @7 s) p$ P; H& a" e6 U
  7、浏览效果:在Fireworks 4程序窗口的左下角有一排动画播放控制按钮,使用该控制按钮,浏览动画效果。若不满意,可编辑修改各参数,直到满意。& v$ x$ n  E# v
  作品输出! y; n; L) }# n# h' I( Q0 A( O
  选择菜单“File→Export Preview…”命令,出现导出预览对话框(Export Preview),进行动画优化和设置后,按“Export…”按钮,就导出动画作品。
, u8 k. |6 z/ v1 o6 }7 Q  请各位自己试一试,在构建动画的过程中,添加你的创意,你一定会发现许多奇妙的视觉效果。

本版积分规则

精彩图文

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