第七章  动画大师——Flash 5
第二节 走进摄影棚——Flash 5 动画的设置[9-2]

学习任务：
1.掌握设置影片尺寸的方法。
2.掌握网格的用法。
3.掌握插入帧、关键帧、空白关键帧的方法。
4.了解逐帧动画。

目标一  设置影片尺寸
第一步：单击“修改（M）”→  “影片（M）...”，弹出“影片属性”对话框。



第二步：把“尺寸”栏的“宽度”设置为“320px”，“高度”设置为“260px”。
第三步：单击“确定”按钮。

您也可以这样做：
1.在“影片属性”中，改变影片的“背景颜色”。
2.单击鼠标右键，利用快捷键“设置影片尺寸”。 

技巧：
1.双击时间轴上的“帧频”栏，是一个更简便的打开“影片属性”对话框的方法。



2.当影片尺寸修改后，通过双击“手形工具”，可以在工作区中正好显示整个舞台。

目标二  为舞台加网格
第一步：单击“查看（V）”→ “网格（G）”→  “编辑网格（E）”，弹出“网格”对话框。

  

第二步：在“显示网格”和“对齐网格”前面的方格中都打上“√”。
第三步：把网格尺寸的宽度和高度两栏中的数值都改为“20px”。
第四步：单击“确定”按钮。

知识收藏夹：
1.贴近网格：选中“对齐网格”，以后绘制新图形或者进行移动、缩放时，如果鼠标指针接近但还未到达网格时，会出现一个稍大的圆圈进行提示，并且新图形会自动定位到网格上。
2.显示出来的网格只起辅助线的作用，在播放动画文件时是看不到网格的。

目标三  分割正方形
第一步：设置影片尺寸为320×260像素，网格尺寸为20×20像素，显示、贴近网格。
第二步：单击“矩形工具”，选择“填充颜色”为红色（#FF0000）。
第三步：在舞台左下角，画一个边长为3格的正方形。

       

第四步：单击“直线工具”，在红色正方形内靠近网格画一条水平分割线。
第五步：再画一条水平分割线和两条竖直分割线。



第六步：单击“矩形工具”，选择“填充颜色”为绿色（#00FF00）。
第七步：在红色正方形右边，画一个边长4格的正方形。



第八步：单击“直线工具”，在绿色正方形内靠近网格画三条水平分割线和三条竖直分割线。
第九步：用同样的方法，在右边再画一个边长为5格的粉色（#FF00FF）正方形，并画出分割线。
第十步：保存文件为“勾股图”。

目标四  设计动画
这个作品目前只有一个画面，计划让它显示1.5秒。接着计划：
第二个画面：在前面的基础上，让左边的红色正方形向上移动，并和中间的绿色正方形拼在一起形成对顶角，此画面显示1秒。
第三个画面：在前面的基础上，让右边的粉色正方形向上移动，此画面显示0.5秒。
第四个画面：在前面的基础上，让右边的粉色正方形旋转并移动，和另外的两个正方形拼在一起形成勾股图，此画面是最终的结束画面。
这个思路可以在Flash 5 的时间轴上体现出来。

知识收藏夹
1. 帧：时间轴中每一个小方格都是一帧，表示动画中某个时刻的画面内容。
2.关键帧：画面内容可以发生变化的帧，在时间轴上，用内有实心圆圈的灰色方格表示。
3.普通帧：在关键帧的后面，延续前一个关键帧的内容，用于延长动画的播放时间。
4.空白关键帧：没有内容的关键帧，在时间轴上，用白色方格表示。
5.帧频：每秒钟播放的帧数，可以在“影片属性”对话框中设置。

第十一步：设置帧频为2（相当于每帧播放0.5秒）。


第十二步：单击时间轴第4帧，再单击“插入（I）” → “关键帧（K）”（前面第1帧的内容自动复制到了第4帧，并且成为关键帧，第2、3帧自动成为普通帧）。
第十三步：使用“箭头工具”，在红色正方形外面拖出一个矩形框，放开鼠标后，被选中的红色正方形显示为虚点状，其他图形未被选择，正常显示。



第十四步：鼠标指向正方形的右下角，当指针带有“十字星箭头”标记时，按下鼠标左键，然后向上移动，到达绿色正方形左上角时，放开左键。
                
第十五步：在第6帧插入关键帧，并把右边的粉色正方形向上移动4格。
第十六步：在第7帧插入关键帧，并选择右边粉色正方形。



第十七步：按下绘图工具栏下方“选项”中的“旋转按钮”（如果没有找到，请先按下“箭头工具”），此时在粉色正方形四周出现八个圆形控制柄。
第十八步：按下一个角的控制柄，旋转正方形。


第十九步：单击“旋转按钮”，取消旋转方式，再把粉色正方形向左移动4格，和另外两个正方形拼成勾股图。



第二十步：保存文件，发布作品。

知识收藏夹
在这个作品中，有4个不同的画面，它们都是人工画出来的。因为后面的画面都是在前面的基础上修改而成，因此播放时能够形成动画的感觉。这样形成的动画叫“逐帧动画”，关键帧之间没有计算机生成的自动变化过程。

技能检查站
1.使用快捷键可以提高工作效率，请用快捷键插入帧、关键帧。
2.您会删除多余的帧或关键帧吗？

技巧展示台
1.在时间轴上的某一帧单击鼠标左键，可以弹出右键菜单，其中大部分是针对“帧”的各种操作。
2.在旋转图形时，有意地使“旋转图形”指针远离图形，可以降低图形旋转的速度，减小图形旋转的幅度，从而提高图形旋转的精度。

水平测试所
（请您在本页面下端的“相关下载”里，点击“7-2的水平测试题”，下载后打开它自己做一做。）

能力挑战场
“勾股图”使用的是逐帧动画，由于关键帧太少（只有4个），所以播放时给人的感觉是动作太大，不够流畅。您能不能在中间多加几个关键帧，让动作再细腻些？
提示：
在中间的普通帧的位置插入关键帧，然后在前面画面的基础上，把相应的一个正方形向上移动适当的距离。每个普通帧都这样做一次即可。
如果把帧频改大一些，中间再插入一些“普通帧”，重复上面的操作，效果会更好。

信息大观园

《关于Flash 5 的汉化》
Flash 5安装后是英文版的，可再安装补丁进行汉化。Flash 5的汉化补丁有许多种版本，翻译的结果也不尽相同。其中以“上奇科技”的版本最具权威性，被称为“官方汉化补丁”。它的翻译结果与FlashMX 等后继中文版的相关词条最为接近，下表列出和本章内容有关的部分词条的汉化对照。

英文版词条	上奇科技汉化结果	其他补丁汉化结果	Flash MX中文版对应词条
Paste In Place	粘贴到当前位置	粘贴到新位置 粘贴在相同位置	粘贴到当前位置
Blank Keyframe	白色关键帧	空白关键帧	空白关键帧
Symbol	元件	符号 元素 组件	元件
Tweening	补间	动画 渐变 过渡	变化补间
Motion	移动（补间）	动作 运动	动作
Shspe	形状（补间）	图形 外形	形状
Revert	恢复	回复	还原
Mask	遮蔽（图层）	遮罩 遮色 蒙板	遮罩
Guide	引导（图层）	轨迹 导向	引导
Up	一般（按钮）	向上 正常	弹起
Down	按下（按钮）	向下	按下
Hit	反应区（按钮）	执行 提示	点击

 勾股图1

勾股图2