首页 > 工具 > Fireworks > 正文

用Fireworks制作动画

2020-09-19 13:47:17
字体:
来源:转载
供稿:网友

    制作网页动画可用许多种方法来实现,如:用java或dhtml或等,也可用.而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…”按钮,就导出动画作品。

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

    

|||

    制作网页动画可用许多种方法来实现,如:用java或dhtml或等,也可用.而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…”按钮,就导出动画作品。

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

    

|||

    

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表