用Fireworks制作动画 (1)
<p></p> <P> 制作网页动画可用许多种方法来实现，如：用Java或DHTML或等，也可用.而Fireworks提供了三种制作动画的手段：手工绘制、使用符号（Symbol）、图像法。</P><P> 下面我们以手工绘制和图像法来制作简易的“月出场景”动画。</P><P> 1、新建一空白文档窗口：</P><P> 运行Fireworks 4，选择菜单“File→New”命令后，出现“New Document”窗口，设置一些参数后，按“OK”，在Fireworks的程序窗口中，出现新建空白文档窗口（Untitled-1）。</P><P> 2、导入图像：</P><P> 选择菜单“File→Inport…”命令后，出现导入窗口（Import），选择某个图像文件后，按“打开”，鼠标移到空白文档窗口时，指针变为折线形状，在空白文档窗口的左上角单击，则所选图像导入到空白文档窗口，调整图像的位置或编辑画布大小等。本例导入一幅“没有月亮的夜景”（如图1）。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169553150077801.jpg"><BR>图1</P><P> 3、创建动画帧数：</P><P> 如Fireworks 4程序窗口没有出现帧面板（Frames），可同时按Shift F2键，则出现帧面板。在帧面板中有一个Frame1 ，表示已存在一个帧，第2步导入的图像就在这个帧中。鼠标单击帧面板右上角的三角形图标，出现帧面板菜单，选择“Add Frames…”命令，出现添加帧窗口（Add Frames），在添加窗口的“Number”输入项中输入动画的帧数，本例输入帧数4，并选择“After Current Frame”选项，按“OK”，则在帧面板出现5个帧（Frame 1～Frame5）。如用鼠标单击选择第2～5帧，在文档窗口中无显示图像，鼠标选择第1帧时，在文档窗口中显示已导入的图像。</P><P> 4、共享图层：</P><P> 用鼠标单击选择第1帧，再按F2键，出现图层面板（Layers），用鼠标选择“Layer1”，再单击图层面板右上角的三角形图标，出现图层面板菜单，选择“Share This Layer”命令，确定后，就把第1帧的第一层（Layer1）转换为4个帧都共享的图层，可选择其他4个帧预览。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169553154677802.jpg"><BR>图2</P><P> 5、绘制动画：</P><P> 选择第1帧的图层面板，鼠标单击图层面板右下角的打开图标，创建第1帧第二个图层（Layer2）。在Layer 2图层中，用工具箱中的画圆工具，绘制一个月亮，再复制出4个月亮，把这5个月亮沿着升起的方向排放，并编辑太阳形状颜色等属性（如图2）。用鼠标同时选择（按Shift键）这5个月亮，再选择帧面板，把这5个月亮分发到5个帧去。</P><P> 6、调整各帧延迟时间：</P><P> 在帧面板中，用鼠标双击每一帧右边的数字，出现一个窗口，输入帧播放延迟时间。从Frame 1至Frame5顺序选择帧，浏览月亮升起的方向，如有误，可用鼠标拖拽帧来调整帧的顺序。</P><P> 7、浏览效果：</P><P> 在Fireworks 4程序窗口的左下角有一排动画播放控制按钮，使用该控制按钮，浏览动画效果。若不满意，可编辑修改各参数，直到满意。</P><P> 8、作品输出</P><P> 选择菜单“File→Export Preview…”命令，出现导出预览对话框（Export Preview），进行动画优化和设置后，按“Export…”按钮，就导出动画作品。</P><P> 请各位自己试一试，在构建动画的过程中，添加你的创意，你一定会发现许多奇妙的视觉效果。</P></p><p align='center'><b><font color='red'></font> <a href='/news/news001/Fireworks/200510/20051016120822_2.html'></a> <a href='/news/news001/Fireworks/200510/20051016120822_2.html'></a></b></p><p></p> <P> 制作网页动画可用许多种方法来实现，如：用Java或DHTML或等，也可用.而Fireworks提供了三种制作动画的手段：手工绘制、使用符号（Symbol）、图像法。</P><P> 下面我们以手工绘制和图像法来制作简易的“月出场景”动画。</P><P> 1、新建一空白文档窗口：</P><P> 运行Fireworks 4，选择菜单“File→New”命令后，出现“New Document”窗口，设置一些参数后，按“OK”，在Fireworks的程序窗口中，出现新建空白文档窗口（Untitled-1）。</P><P> 2、导入图像：</P><P> 选择菜单“File→Inport…”命令后，出现导入窗口（Import），选择某个图像文件后，按“打开”，鼠标移到空白文档窗口时，指针变为折线形状，在空白文档窗口的左上角单击，则所选图像导入到空白文档窗口，调整图像的位置或编辑画布大小等。本例导入一幅“没有月亮的夜景”（如图1）。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169553150077801.jpg"><BR>图1</P><P> 3、创建动画帧数：</P><P> 如Fireworks 4程序窗口没有出现帧面板（Frames），可同时按Shift F2键，则出现帧面板。在帧面板中有一个Frame1 ，表示已存在一个帧，第2步导入的图像就在这个帧中。鼠标单击帧面板右上角的三角形图标，出现帧面板菜单，选择“Add Frames…”命令，出现添加帧窗口（Add Frames），在添加窗口的“Number”输入项中输入动画的帧数，本例输入帧数4，并选择“After Current Frame”选项，按“OK”，则在帧面板出现5个帧（Frame 1～Frame5）。如用鼠标单击选择第2～5帧，在文档窗口中无显示图像，鼠标选择第1帧时，在文档窗口中显示已导入的图像。</P><P> 4、共享图层：</P><P> 用鼠标单击选择第1帧，再按F2键，出现图层面板（Layers），用鼠标选择“Layer1”，再单击图层面板右上角的三角形图标，出现图层面板菜单，选择“Share This Layer”命令，确定后，就把第1帧的第一层（Layer1）转换为4个帧都共享的图层，可选择其他4个帧预览。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169553154677802.jpg"><BR>图2</P><P> 5、绘制动画：</P><P> 选择第1帧的图层面板，鼠标单击图层面板右下角的打开图标，创建第1帧第二个图层（Layer2）。在Layer 2图层中，用工具箱中的画圆工具，绘制一个月亮，再复制出4个月亮，把这5个月亮沿着升起的方向排放，并编辑太阳形状颜色等属性（如图2）。用鼠标同时选择（按Shift键）这5个月亮，再选择帧面板，把这5个月亮分发到5个帧去。</P><P> 6、调整各帧延迟时间：</P><P> 在帧面板中，用鼠标双击每一帧右边的数字，出现一个窗口，输入帧播放延迟时间。从Frame 1至Frame5顺序选择帧，浏览月亮升起的方向，如有误，可用鼠标拖拽帧来调整帧的顺序。</P><P> 7、浏览效果：</P><P> 在Fireworks 4程序窗口的左下角有一排动画播放控制按钮，使用该控制按钮，浏览动画效果。若不满意，可编辑修改各参数，直到满意。</P><P> 8、作品输出</P><P> 选择菜单“File→Export Preview…”命令，出现导出预览对话框（Export Preview），进行动画优化和设置后，按“Export…”按钮，就导出动画作品。</P><P> 请各位自己试一试，在构建动画的过程中，添加你的创意，你一定会发现许多奇妙的视觉效果。</P></p><p align='center'><b><font color='red'></font> <a href='/news/news001/Fireworks/200510/20051016120822_2.html'></a> <a href='/news/news001/Fireworks/200510/20051016120822_2.html'></a></b></p>
<p></p></p><p align='center'><b><a href='/news/news001/Fireworks/200510/20051016120822.html'></a><a href='/news/news001/Fireworks/200510/20051016120822.html'></a> <font color='red'></font> </b></p>
页:
[1]