添加,移动,复制,删除影格
在影格面板中您可以添加,移动,复制,删除影格.
在当前影格下添加新影格:点击影格面板下方的 New/Duplicate Frame(新建/复制影格) 按钮.
在指定位置添加新影格:
1 |
在影格面板右上角小箭头的弹出菜单中选择 Add Frames(添加影格). |
2 |
在弹出窗口中输入添加新影格的数目. |
3 |
选择插入方式: before the current frame(在当前影格上开始插入), after...(在当前影格下开始插入), at the beginning(在影格列表顶部),at the end(在影格列表底部),点击 OK 完成. |
 |
| 复制影格: 将希望复制的影格拖动到 New/Duplicate Frame(新建/复制影格) 按钮上复制出新影格.
复制影格到指定位置:
1 |
在影格面板右上角小箭头的弹出菜单中选择 Duplicate Frame(复制影格). |
2 |
输入复制的数目,选择插入的位置(同添加新影格),点击 OK 完成. |
 |
| 复制影格使得几个影格中出现相同的对象,可以对这些对象进行控制形成动画.
移动影格: 在影格列表中拖动影格.
删除影格:
 |
选中影格,点击 Delete Frame(删除影格按钮)panel.
|
 |
拖动希望上出的影格到 Delete Frame(删除影格按钮). |
 |
在影格面板右上角小箭头的弹出菜单中选择 Delete Frame(删除影格). | 在影格间移动对象
使用影格面板您可以在影格间移动对象.
在影格件移动对象: 选中对象,在影格面板上拖动影格列表后的蓝色小片到其他影格.
层共享
在Fireworks中,动画文件由影格组成,而每一个影格又由层组成.所以您可以对每一个影格中的对象进行单独的控制. 有时候有些对象希望出现在所有影格,例如背景图案,此时您可以使用层共享命令(share the layer across frames),使该影格该层的对象,被其他影格的该层共享. 对于共享的层,您可以在任何影格中对层中的对象进行编辑.
层共享:
1 |
在层面板双击希望共享的层. |
2 |
在弹出对话框中选择Share Across Frames(层共享). |
 |
| 注: 共享层中的对象将出现在所有影格对应的层中.例如,将某一影格的层5共享,则其他影格中的层5都被该层替换.(所以,某些时候为 避免共享的层破坏其他影格中的层,您可以单独新建一个层出来,放置共享对象,作为共享层) 取消共享:
1 |
在层面板双击共享层. |
2 |
在弹出对话框中取消Share Across Frames(层共享). |
3 |
选择取消共享方式: |
 |
仅将原来共享层中的对象放置在当前影格,然后取消共享. |
 |
将原来共享层中的对象复制到每一个影格,然后取消共享. |
 |
|
使用洋葱皮
使用洋葱皮
洋葱皮主要帮助您观察前后几个影格的图像,使您可以比较和衡量图像间的差别,更好的完成动画."洋葱皮"这一名词来源于传统的动画制作工艺.传统的动画常常将画面绘制在透明的胶片上,然后将胶片重叠观察动画的效果. 当洋葱皮功能打开时,如下图所示,您可以看见几个影格中的图像.当前影格为正常显示,前后的影格则依次变灰.
上图中间的小鸟即是当前影格中的图像 默认的,在不离开当前影格的情况下,您也可以对前后影格的对象进行编辑.也就是在一个画面中,控制几个影格的编辑.
调整洋葱皮的显示:
1 |
在影格面板(Frames),点击 Onion Skinning(洋葱皮) 按钮.
|
2 |
在菜单中选择: |
|
No Onion Skinning(无洋葱皮) 关闭洋葱皮功能,仅显示当前影格. |
|
Show Next Frame(下一个影格) 显示当前影格下面的一个影格. |
|
Before and After(前后影格) 显示当前影格前后的影格. |
|
Show All Frames(显示所有影格) 显示所有影格. |
|
Custom(自定义) 自定义洋葱皮的显示. |
|
Multi-Frame Editing(多影格编辑) 使您可以在一个影格中对洋葱皮显示的其他影格的对象可以进行编辑. |
|
Deselect this option(取消多影格编辑) 取消多影格编辑,您仅可以编辑当前影格的对象. |
 |
| 中间帧
中间帧"也是一个传统动画工艺中的名词.传统动画创作中,常常由设计师绘制动画片断的前后关键帧,由画师根据关键帧绘制中间帧. 在Fireworks中,对同一个符号的两个或多个实例应用中间帧(tween)功能,软件自动根据实例绘制出中间帧. 中间帧常常用于创建比较复杂的动画. 例如,创建下面的大雁飞上天空的动画.
绘制实例中间帧:
1 |
选择同一个符号的两个或多个实例. |
2 |
选择菜单 Modify -> Symbols -> Tween Instances(修改 -> 符号 -> 绘制实例中间帧). |
3 |
在弹出对话框输入画面的数目. |
4 |
选择 Distribute to Frames(分散到影格) 选项,Fireworks将自动创建影格放置各个帧.否则,Fireworks将图像创建在一个影格中.点击 OK 完成. |
|
如果您不选择该选项,您也可以以后通过影格面板的 Distribute to Frames(分散到影格) 按钮实现同样的功能.
|
 |
| 预览动画
在动画创作过程中您可以随时在画布上查看动画的效果.或者在预览窗口查看动画出后的效果.
在画布预览动画: 使用画布底部的影格浏览器预览动画.
影格浏览器 预览时请注意下列事项:
 |
动画的速度由影格面板中的影格延迟时间决定. |
 |
被取消影格输出的影格(影格列表中带红色 X 的影格)将不被显示. |
 |
在画布上预览的是动画的源文件,而动画最后输出的是优化后的动态GIF,所以,画布山谷蓝的图像品质要好于最后的输出动画.
|
 |
必须在优化面板中(Optimize)选择 Animated GIF(动态GIF)格式. | 在预览窗口预览动画:
1 |
点击文件窗口中的预览标签(Preview). |
2 |
使用影格控制器. |
 |
| 注: 不推荐在 2-Up(二窗口) 或 4-Up(四窗口) 预览动画.
在浏览器中预览动画: 选择菜单 File -> Preview in Browser(文件 -> 在浏览器预览),并在子菜单中选择浏览器类型.
动画输出
动画输出
当您完成动画的创作,您可以对动画进行输出设置.输出设置主要包括动画播放的控制,文件的优化等等.完成设置,您可以输出动画. 注: 如果您要制作动画,您必须在优化面板(Optimize)将文件格式设置为 Animated GIF(动态GIF).
设置动画播放属性: 您可以点击影格面板左下角的按钮设置动画的循环播放属性.动画的循环播放属性决定了最后输出的动画的播放次数.
设置循环属性:
1 |
选择菜单 Window -> Frames(窗口 -> 影格) 打开影格面板. |
2 |
点击影格面板左下角的 looping(循环) 按钮.
|
3 |
选择循环次数. |
|
选择4代表动画一共播放5次,然后停止.选择Forever动画将一直循环播放,不停止. |
 |
| 设置透明属性
您可以设置动画的透明色彩,使得动画中的某些颜色被透明掉.
设置透明色彩:
1 |
在优化面板的下方的下拉框中选择 Index Transparency(索引色透明) 或 Alpha Transparency(Alpha透明). |
2 |
使用 transparency(透明工具)选取您希望透明的色彩.
|
 |
| 优化动画
优化动画将减小您输出的文件大小,加快图像的下载.
优化动画:
1 |
在优化面板中选择输出格式 Animated GIF(动态GIF). |
|
如果优化面板没有打开,您可以使用菜单 Window -> Optimize(窗口 -> 优化) 打开面板. |
2 |
设置 Palette(调色板), Dither(抖动色),和 Transparency(透明) 属性. 关于优化的更多信息请参看 GIFs 和 PNGs文件的优化设置. |
3 |
在影格面板,设置影格的延迟时间,决定动画的播放速度. 更多信息请参看设置影格延迟时间. |
 |
| 输出为动态GIF, SWF, 或多个文件
输出动画时,您可以选择按照动态GIF,SWF,或复合文件中的一种输出.通常选择动态GIF格式用于输出网络动画图像. 当您在不同的影格多次使用相同的符号时,选择输出复合文件格式将有利于文件尺寸的减小. 如果您输出SWF格式,您可以将SWF文件导入到Macromedia Flash或其他相关软件中使用.详细请参看输出到Macromedia Flash. 注: 无论最后输出为何种格式,只要您制作动画,您必须在优化面板选择 Animated GIF (动态GIF)格式.
输出 Animated GIF(动态GIF):
1 |
在优化面板进行优化设置,详细请参看GIFs 和 PNGs文件的优化设置. |
2 |
选择菜单 File -> Export(文件 -> 输出). |
3 |
输入文件名字,保存文件. |
 |
| 输出复合文件:
1 |
选择菜单 File -> Export(文件 -> 输出). |
2 |
在文件类型中选择 Layers to Files(层到文件) 或 Frames to Files(影格到文件). |
3 |
输入文件名字,保存文件. |
 |
| 输出 Flash SWF 文件:
1 |
选择菜单 File -> Export(文件 -> 输出). |
2 |
在文件类型中选择 Flash SWF. |
3 |
点击 Options(选项) 按钮对输出的 SWF 进行设置. |
4 |
输入文件名字,保存文件. |
 |
| 使用已经存在的动画文件
您可以适应已经存在的动画文件如动态GIF.导入动态GIF分为导入到当前文件和做为新文件打开两种方式. Fireworks将导入的动态GIF文件作为一个动画符号放置在当前影格.如果导入的动画文件影格长度超过当前的动画影格长度,Fireworks将询问是否增添影格. 导入的动态GIF文件将丢失原来的影格延迟时间信息,而由当前的影格延迟时间决定.由于导入的动画作为动画符号,您可以使用动画符号的相关控制进行调整.例如改变运动路径等. 当您使用打开动态GIF命令,Fireworks将打开新文件,在影格列表显示动画各个影格.这与导入文件作为动画符号不同.打开的新文件保留了原来动画的影格延迟时间信息. 当您输出动画时,你需要在优化面板将输出格式设为动态GIF.
导入Animated GIF(动态GIF):
1 |
选择菜单 File -> Import(文件 -> 导入). |
2 |
确定文件位置,打开文件,将动画导入到当前动画. |
 |
| 打开Animated GIF(动态GIF): 选择菜单 File -> Open(文件 -> 打开),确定文件位置,打开动画.
使用多个文件创建一个动画
Fireworks支持将多个文件按照一个动画文件格式打开.如果您仅仅通过几个已经存在的图片的合成制作动画,使用该项功能将非常简便.
使用多个文件创建一个动画:
1 |
选择菜单 File -> Open(文件 -> 打开). |
2 |
通过Shift键复选多个图像文件. |
3 |
勾选 Open as Animation(打开为动画) 选项.点击 OK 完成. |
|
Fireworks将多个图像文件在一个文件窗口中打开,每一个图像放置在一个影格中. |
 |
|
|