任务8　综合运用

•综合运用前面任务所学知识；

•掌握元件Alpha属性的用法；

•尝试使用动画描述完整的古诗情境。

通过本任务的学习，读者可以进一步巩固前面任务所学知识，并根据实际需要，综合运用变形和透明度设置，最终以动画的方式来叙述唐代诗人李白«黄鹤楼送孟浩然之广陵»的情境。

（1）新建文件，调整舞台大小（600像素×338像素）。

（2）制作古诗的片头。

（3）制作主场景。

（4）采用引导层来制作小舟动画。

（5）运用遮罩动画来展示古诗。

（6）保存文件为“黄鹤楼送孟浩然之广陵.fla”。

步骤1：新建Flash文件，选择“修改”→“文档”选项，调整舞台大小为600像素×338像素，帧数为8，如图7－119所示。

图7－119　调整舞台大小

步骤2：首先制作一个片头，然后导入素材。选择“文件”→“导入”→“导入到舞台”命令，选择文件名为“画框”的图片单击打开，并将其（X，Y）坐标设置为0，如图7－120所示。

图7－120　导入素材后的舞台

步骤3：将动画的名字放上去。新建一个图层并命名为“文本”，同时，将原图层1重命名为“画框”。选择“文本”图层的第1帧，单击工具栏中的“文本工具”按钮（快捷键T），在舞台中间输入“黄鹤楼送孟浩然之广陵（换行）【唐】李白”，设置文字属性为：字体为华文行楷，大小为35，颜色为＃000000，其中“【唐】李白”字体大小为25，如图7－121所示。

图7－121　字体属性设置

步骤4：同时选中以上所有文本，将其转化为诗词题目的图片元件。接下来在时间轴上第25帧的位置分别为两个图层建立帧，然后在“文本”图层的第15帧建立一个关键帧，如图7－122所示。

图7－122　时间轴

步骤5：选中“文本”图层的第1帧，单击工具栏中的“任意变形工具”按钮并配合Shift键，将文本内容等比例缩小，如图7－123所示。在“文本”图层上创建传统补间动画，如图7－124所示。此时，按Enter键可以看到简单的开篇动画。

图7－123　缩小文本后的舞台

图7－124　创建传统补间动画

步骤6：制作完片头后，开始制作动画的主场景。新建一个空白图层，将其命名为“山川河流”，在其时间轴上第25帧位置添加一个关键帧并将其放入舞台，然后调整好位置，如图7－125所示。接着选中刚导入的图片，将其转化为山川河流的图片元件，再在“山川河流”图层的第40帧添加一个关键帧，然后选择第25帧，打开图片的“属性”面板，如图7－126所示。在“属性”面板中将“样式”下拉列表中的Alpha属性设置为0，如图7－127所示，接着就可以在“山川河流”图层上创建传统补间动画了，如图7－128所示。

图7－125　导入山川河流图片

图7－126　山川河流图片的“属性”面板

(https://www.daowen.com)

图7－127　A lpha属性设置

图7－128　创建传统补间动画

步骤7：如步骤6所示，在“山川河流”图层上创建一个名为“小舟”的图层并重复步骤6，如图7－129所示（注意调整好小舟的位置）。

图7－129　添加小舟动画

步骤8：模拟李白与孟浩然告别和孟浩然坐船远去的场景。这是动画的中心部分，所以需要添加多一些帧进行叙述。在“山川河流”图层时间轴的第130帧插入帧，在“小舟”图层时间轴的第130帧插入关键帧。小舟的离去采用引导层完成。在“小舟”图层上为其添加一个传统引导层并绘制曲线作为小舟航行路径，如图7－130所示。

图7－130　小舟航行路径

步骤9：选择第40帧（关键帧）将小舟的中心点放置在路径开始的那一段（注：由于读者画的路径有所不同，所以需要根据实际情况调整，并不要求放在绝对顶点），调整好小舟与岸的关系，不要过度重合，如图7－131所示。接下来需要将“小舟”图层的第40帧通过鼠标右键进行复制，然后在第25帧进行粘贴，目的是替换掉原来的第25帧，这样可以防止引导改变小舟初始位置造成动画偏移。动画中，通过小舟越来越小，越来越透明，最终消失在远方来表达友人远去。为了达到这个效果，选中“小舟”图层的第130帧，将小舟中心点移到路径最后部分，使用任意变形工具将小舟缩小，同时，将小舟的Alpha属性设置为0。远去的小舟如图7－132所示。最后，给“小舟”图层创建传统补间动画，就可以看见一条小舟缓缓远去（注：具体可以参照上一任务）。

图7－131　岸边的小舟

图7－132　远去的小舟

步骤10：最后，要把这首古诗放在舞台上，新建一个名为“古诗”的图层，在其时间轴的第140帧位置添加关键帧，将古诗图片导入舞台，如图7－133所示。在“古诗”图层时间轴的第180帧位置插入帧，再在“山川河流”图层的180帧位置也插入帧。回到“古诗”图层的第140帧（关键帧），调整古诗图片在舞台中的位置与大小，如图7－134所示。

图7－133　导入古诗图片

图7－134　创建帧并调整古诗图片的位置

步骤11：为了使古诗的呈现具有诗情画意，此处采用遮罩动画的方法。在“古诗”图层上新建一个“遮罩”图层，在其时间轴的140帧位置插入关键帧，使用“矩形工具”在舞台上绘制一个矩形，大小刚好能够遮住古诗并将其转化为图片元件，如图7－135所示。在遮罩图层的时间轴第170帧位置插入关键帧，回到第140帧（关键帧）位置，将用于遮罩的矩形平移，如图7－136所示。在“遮罩”图层上创建传统补间动画并将图层转化为真正的遮罩层，如图7－137所示（注：具体步骤可以参考上一任务）。