全屏显示专题章节

制作一个形状补间动画，显示矩形变成五角星的过程。利用遮罩层和动作补间制作动态文本。

1．制作一个形状补间动画，显示矩形变成五角星的过程

（1）启动Flash MX 2004应用程序，选择“文件”→“新建”命令，弹出如图13．1所示的“新建文档”窗口。单击“常规”选项卡，选择“Flash文档”，然后单击“确定”按钮，进入Flash的工作界面（如图13．2所示）。

说明：Flash MX的主界面由舞台、时间轴与图层、工具栏、属性面板等部分组成，用户在舞台上进行动画的制作。

制作动画时，为了便于管理动画对象，可以把不同的对象放置在不同的图层上，图层之间是相互独立的，编辑其中一层的时候不会影响到其他图层。图层类型除了普通图层和图层文件夹之外，还有引导层、被引导层、遮罩层和被遮罩层。引导层的特点是该图层中的任何对象不会出现在发布的．swf文件中；遮罩层的特点是该图层中的任何填充区域都是完全透明的，而任何非填充区域都是不透明的。一般利用引导层、遮罩层与补间动画相结合制作复杂的动画。

（2）单击图层1的第1帧，然后选择工具栏中的矩形工具

，在舞台上按下鼠标左键的同时进行拖动，绘制出一个矩形。

说明：帧分为普通帧、关键帧和空白关键帧三种（如图13．3所示）。

①普通帧：在时间轴上以浅灰色显示，并且在连续普通帧中，最后一帧的形状是一个小矩形标志，按下F5键可以插入普通帧。

②关键帧：在时间轴中是以一个个黑色的实心点表示，按下F6键可以插入关键帧。

③空白关键帧：一种特殊的关键帧，即该关键帧的内容是空白的，它在时间轴中以空白的小圆圈表示，按下F7键可以插入空白关键帧。

（3）双击矩形对象的边框，按照图13．4在“属性”面板中设置笔触的属性，此时矩形的边框发生了变化。

（4）点击“窗口”→“设计面板”→“混色器”命令，在浮动面板处显示“混色器”面板。

（5）按照图13．5所示，在“填充样式”的下拉列表中选择“位图”，弹出如图13．6所示的“导入到库”对话框，选择合适的图片导入。

（6）单击工具栏中的颜料桶工具

，然后单击矩形内部区域，将该矩形框内部填充为选定图片。

（7）单击图层1的第30帧，按下F7键插入了一个空白关键帧，单击工具栏中的

，然后按住鼠标左键一会，在下拉工具栏中选择“多角星形工具”（如图13．7所示）。在多角星形工具的“属性”面板中单击“选项”按钮，按照图13．8进行设置。

（8）图13．9为第1帧上的对象，图13．10为第30帧上的对象。单击第1帧，在帧的属性面板中按照图13．11在“补间”下拉列表中选择“形状”，此时第1帧与第30帧之间创建了一个形状补间动画，图13．12为设置了动画后的时间轴。

（9）按下回车键，观看动画效果，此时显示了一个矩形逐渐转换成五角星的过程，但中间的转换过程并不是很规则。

说明：除了第1帧与第30帧为关键帧之外，中间的形状补间部分（即矩形变成五角星的转换过程）完全由Flash自动计算生成，用户不能干预，此时用户可以通过添加形状提示，对中间的补间帧进行控制。

（10）单击第1帧，选择“修改”→“形状”→“添加形状提示”，出现标有字母“a”的红色点，拖动该点到合适的位置。按照这种方法不断添加形状提示“b”、“c”和“d”，按照图13．13进行放置。

（11）单击第30帧，此时五角星对象上也出现了4个形状提示，按照图13．14放置提示点。当提示点定位后，第1帧上的提示点由红色变成黄色，而第30帧上的提示点由红色变成绿色。

（12）按下回车键，观看动画效果，此时可以清晰地显示矩形转换成五角星的过程。

（13）单击“文件”→“另存为”命令，输入文件名“形状补间动画”，默认文件类型为．fla。

2．利用遮罩层和动作补间制作动态文本

（1）启动Flash MX 2004应用程序，选择“文件”→“新建”命令，新建一个Flash文档。

（2）针对图层1进行以下操作：

①单击工具栏中的文本工具

，在文本的“属性”面板中按照图13．15进行设置，然后在舞台上输入文本“FLASH”（如图13．16所示）。

②利用Ctrl＋B键将文本分离成单个字符，再次应用Ctrl＋B键将文本打散成矢量图形。

③单击第20帧，然后按下F5键插入普通帧。

④右键单击第1帧，然后在弹出的快捷菜单中选择“复制帧”命令。

（3）单击图层面板下方的“插入图层”按钮

，此时在图层1的上方新建了图层2。右键单击图层2的第1帧，在弹出的快捷菜单中选择“粘贴帧。

（4）针对图层2进行以下操作：

①单击工具栏中的墨水瓶工具

，然后在“属性”面板中按照图13．17进行设置，此时舞台上的鼠标指针变成了

形状。

②把鼠标移至文本的边框处进行单击，为文本进行描边。

③单击工具栏中的选择工具

，选择文本的填充部分，按Delete键将其删除，得到如图13．18所示的效果。

④单击第20帧，然后按下F5键插入普通帧。

（5）新建图形元件

用户在制作动画时，如果需要多次应用某一个动画对象，那么可以把该对象转化为元件。用户创建的元件会存放到“库”面板中。元件的行为可以分为影片剪辑、按钮和图形。影片剪辑的时间轴独立于场景的时间轴，而图形的时间轴与场景的时间轴保持一致。

①单击“插入”→“新建元件”命令，按照图13．19输入元件的名称，在“行为”中选择“图形”，单击“确定”按钮就创建了一个图形元件。

②在元件的编辑窗口中，选择“文件”→“导入”→“导入到库”，出现和图13．6相同的对话框，选择一组图片后单击“确定”按钮。

说明：此时利用Ctrl＋L键打开“库”面板，可以发现“库”面板中存放了导入的位图文件和元件（如图13．20所示）。

③在“图片”元件的编辑窗口中，单击图层1的第1帧，从“库”面板中依次把图片拖入到舞台中并水平放置。

（6）回到主场景中，新建图层3，置于图层1下方，针对图层3进行以下操作：

①单击第1帧，从“库”面板中把“图片”元件拖入到舞台中，按照图13．21适当调整实例的位置。

②鼠标右键单击第20帧，在弹出的快捷菜单中选择“插入关键帧”，然后调整实例的位置，如图13．22所示。

③单击第1帧，在“属性”面板中的“补间”下拉列表中选择“动作”，此时第1帧到第20帧之间创建了一个动作补间动画。

逐帧动画就是需要一帧一帧地绘制舞台上的对象，这样每一帧都有很多动画元素，因此这种动画的文件体积很大。逐帧动画适合实现细微、不规则的动画效果。

补间动画是指只定义动画的起始关键帧和结束关键帧，中间的帧则由Flash自动计算生成，因此文件体积相对较小。补间动画适合制作一些有规律、相对简单的动画，如改变动画元素的形状、颜色、位置等。补间动画包含形状补间动画和动作补间动画。形状补间动画的对象是矢量图，Flash可以补间图形的形状、颜色、位置等属性。动作补间动画的对象必须是元件的实例、组或文本，不能是矢量图，Flash可以补间对象的位置、大小、旋转等属性。

（7）鼠标右键单击图层1，在弹出的快捷菜单中选择“遮罩层”，此时图层1变为遮罩层，而图层3自动转换成被遮罩层，同时这两个图层被锁定，如图13．23所示。

（8）单击“控制”→“测试影片”命令，测试动画的运行效果。文本的边框不会发生变化，而文本的填充部分是不断运动的图片，例如图13．24显示的是第1帧的动画，图13．25显示的是第15帧的动画。

（9）单击“文件”→“另存为”命令，输入文件名“遮罩动画”，文件类型为．fla。

（10）单击“文件”→“发布设置”命令，打开“发布设置”对话框，在“类型”列表中选择“Flash”和“HTML”复选框，如图13．26所示。单击“发布”按钮将动画发布为．swf和．html两种格式的文件。