平面动画设计实习范本.doc

动画设计与制作综合实训设计题目 专业班级 学生姓名 任 务 书设计内容1、前期策划、案例预览2、分镜头设计3、背景设计4、角色设计5、动作设计6、整合动画 7、动画的审核与修改8、添加Loadinge及播放与重播按钮9、Flash动画优化测试10、发布Flash作品（必需）设计的基本要求1、结合该课程中所学的理论知识，按要求独立设计方案，培养独立分析与解决问题的能力；2、学会查阅相关手册和资料，通过查阅手册和资料，进一步熟悉常用方法的用途和技巧，并掌握这些方法的具体含义和如何使用这些方法解决实际问题；3、掌握综合性影片制作基本过程4、掌握动画设计与制作方法和过程主要参考文献 Flash电子贺卡圣诞礼物81 案例预览82创意分析83 分镜头 设计84 角色设计91、 绘制小兔的侧面102、绘制小兔的正面153、绘制小兔的正面165、背景设计211 绘制草图222 绘制房子223 装饰物及挂满礼物的圣诞树234 完成背景296 动作设计301 围巾飘动302 风铃摇晃313下雪动画327 整合动画341添加背景音乐342制作取景框343制作分镜1354 制作分镜2365制作分镜3386制作转场效果398 添加 Loading399 添加播放与重播按钮4310 Flash 动一的优化与测试44Flash电子贺卡圣诞礼物 在网络盛行的今天，Flash贺卡早已成为电子贺卡的主要表现形式。使用Flash制作贺卡既方便又具有个性，更能充分表达自己的真挚感情。 许多初学者也都选择通过制作一张贺卡来熟悉Flash的制作流程，因为一张好的贺卡相当于一个小的动画短片，其结构完整，涉及到的技巧也比较多。通过精美圣诞贺卡的制作，详细介绍了Flash网络电子贺卡制作的全过程。通过本章的学习，读者不仅可以掌握Flash电子贺卡的整体策划，脚本与分镜头的制作，还应该掌握具体制作方法和步骤，动画的无缝整合等技巧。1 案例预览2创意分析 Flash贺卡最重要的是创意而不是技术，由于贺卡的特殊性，情节非常简单，播放的时间一般在30s左右，但从创意到制作完成却会用几个小时甚至几天的工作时间。如何在有限的时间内表达出贺卡的主题，烘托气氛，并且给人留下深刻的印象，这都是制作者在制作前要好好考虑的问题。在制作时，可以先把大体思路整理出来，比如贺卡需要几组镜头，都应该提前考虑好，然后根据构思设定角色与场景，并进行相关元件的制作，最后合成整个动画。本贺卡的主题是“圣诞快乐”，由于圣诞节源自西方，因此在贺卡中设计了一些可爱的西方元素，如可爱房子、高鼻子的圣诞老人、小兔子、圣诞树和铃铛等，这些元素构成了一个充满快乐又可爱的圣诞节。3 分镜头 设计 根据整体创意的思路，围绕着贺卡的主题选择相应的元素。画面分镜头设计如表表1 画面分镜头设计（一）镜号1 秒数：19.9镜号2 秒数：16.7动作：一个圣诞礼物从镜头左上方落入烟囱里，一个长鼻子背着礼物的圣诞老人从天空飞过动作：一只可爱的小兔进入画面，它看到前面挂着很多铃铛和小圣诞树，停了下来文字：没有星星的夜空中，圣诞老人在慈爱派送(渐显)文字：自聆听风铃奏鸣的寂寞在这场雪花梦中，终于沉醉了(渐显)背景：湛蓝的天空下，近处有童话般的房子，房顶有可爱的烟囱，圣诞树上挂满可爱的铃铛和圣诞礼物：远远的山坡上有篱笆和圣诞树背景：洁白的大地，远处有可爱的房子和树的剪影表2 画面分镜头设计（一）镜号31 秒数：9.2动作：小兔站在一棵挂满礼物的大圣诞树下，圣诞老人从右侧入镜文字：我拜托圣诞老人，送来了爱的礼物。祝远方的你，圣诞快乐!背景：红色的背景，远外足森林4 角色设计 有了题材和脚本后就可以确定贺卡中的卡通形象了，该贺卡的角色主要是小兔和圣诞老人，如图所示。 图 角色设计 在开始绘制之前，先来认识一下Flash的线条工具。使用线条工具，配合选择工具，可以将直线调整为任意形状的曲线或图形，如图所示。图 线条调整方法1、绘制小兔的侧面 第2个镜头中出现的是兔子的侧面。下面根据分镜草图，在Flash中灵活应用各种工具，分层画出小兔侧面的各个部分。l 绘制小兔头部。新建一个FLsh文件，按下【Ctrl+F8】组合键，新建一个图形元件，命名为“小兔侧面”。在该元件的编辑界面中，把默认图层1命名为“头部”，如图所示。2 选择椭圆工具，设置填充色为无，绘制出头部的大体轮廓，并在椭圆上稍做调整，否则看起来太死板。接着画出鼻子和嘴巴，然后加上眼睛，绘制过程如图所示。 注：小兔的整个头部造型基本上是圆形，画起来非常简单，但要小心仔细地画好眼睛的眼球和高光，这样的小兔子才有灵气。 3 绘制小兔耳朵。新建两个图层，分别命名为“耳朵前”和“耳朵后”。然后在对应的图层上分别画出小兔的两只长长的耳朵，如图所示。 这里夸张了小兔的耳朵，让其比实际生活中的更长一些。另外，线条要保持流畅，两只耳朵应该统一并且有变化。 4 绘制小兔身体上的衣服。新建图层，命名为“身体”。在该层上用线条工具画出身体的大概轮廓，并删除多余线条。然后用选择工具调整线条弧度到满意效果。最后加上简单的花纹，增加衣服的效果，绘画过程如图所示。画完后将其转换为图形元件，命名为“衣服”。 5 绘制小兔围巾。新建图层，命名为“围巾”。首先在图层上绘制围巾的中间部分，如图所示。 绘制完成后按F8键，将其转换为图形元件，命名为“围巾”，并进入该元件的编辑界面。新建两个图层，分别绘制围巾的另外两段，如图所示。这里要表现出围巾柔软的感觉，线条要流畅平滑。注：因为围巾最后需要制作飘动动作，所以围巾的各部分需要在元件。围巾。中分层绘制。 6 绘制小兔的手。返回元件“兔子”的编辑界面，新建两个图层，分别命名为“手前”，和“手后“。在“手前”图层上绘制出小兔前面的手，画完后将其转为图形元件，命名为“小兔手“。按【Ctrl+C】组合键进行复制，然后选择图层“手后”，按【Ctrl+Shift+V】组合键粘贴，并按Q键对位置做一定的调整，使两只手有一前一后的效果，如图所示。注：兔手的上面比下面要细，线条要保持圆滑流畅。7 绘制小兔的脚。新建两个图层，分别命名为“脚前”和“脚后”，采用与 5 相同的方法，画出一只脚，并转为元件，复制并粘贴后，调整好位置，效果如图所示。在绘制的过程中，要注意保存文件，以免因死机或重届而丢失文件。8 绘制小兔的红脸蛋。给小兔加上红脸蛋，它会更可爱。绘制过程非常简单，在最上层新建一个图层，命名为“红脸蛋”。在小兔的脸上绘制一个圆，并移到适合位置，如图所示。绘制完后转为图形元件，命名为“红脸蛋”。 9 根据小兔的前后遮挡关系，调整正确的图层顺序，图层结构如图所示。 l0 分别给小兔的各部分填充颜色，注意手、脚和红脸蛋的填充类型为“放射状”。填充完成后，删除红脸蛋和围巾的线条。至此，小兔侧面的绘制就全部完成，颜色指定如图所示。 11 返回场景1，按【Ctrl+L】组合键打开“库”面板，将元件“小兔侧面”拖入舞台，创建该元件的实例，并保存文件。2、绘制小兔的正面 小兔的侧面完成后，下面来绘制正面。 由于F1ash元件的通用性，正面的小兔除了头部和耳朵需要重新绘制外，其他部位可以使用前面绘制好的元件，只需做一些相应的调整即可。l 打开“小兔侧面.fla”文件，在实例“小兔侧面”上单击鼠标右键，从弹出的菜单中选择“直接复制元件”命令，在弹出的对话框中将元件命名为“小兔正面”，如图所示。单 击“确定”按钮，完成复制。 2 这时舞台上的元件实例已经变成了“小兔正面”，对它进行任何编辑操作，都不会影响元件“小兔侧面”。双击舞台上的实例进入该元件的编辑界面。3 删除图层“头”、“耳朵前”、“耳朵后”和“红脸蛋”。新建图层，命名为“头部”，开始绘制小兔正面的头部。这里绘制一个闭上眼睛等待圣诞老人出现的害羞小兔。要细心地加上眉毛、眼睛、鼻子和嘴巴，绘制过程如图所示。3、绘制小兔的正面绘制圣诞老人分为五部分来画，思路就比较清晰！1 帽子 这个就是完整了“我“ 5 背景设计 背景的构图设计，首先要有“场景“的意思，因此背景的功能之一是清楚地交待故事发生的特定地点、环境和道具等，并为情节与角色表演营造出恰当的气氛。因为观众最终看到的是角色加背景的整体的画面效果，因此背景的构图要给角色留有表演空间。有了分镜头后，所有的角色动作，背景画面就已经定形，这样就能根据草稿的构架来进行场景画面制作。下面就以分镜头1的背景为例，介绍背景的设计与制作。1 绘制草图根据分镜头1，在Flash 中绘制背景的线稿草图。因为后面要做镜头的运动，所以背景画香大一些。既然是草图，当然不用很细，将大的东西定下来就可以，细节部分可以留在下一步绘制。当然如果你心中有把握，也可以忽略这一步，直接绘制背景。图 是绘制好的背景草图，绿线框内的画面为最终的显示区域。2 绘制房子房子绘制好之后绘制屋檐下的装饰物3 装饰物及挂满礼物的圣诞树按住 Alt键拖移可进行复制4 完成背景场景景sc1 组装6 动作设计一般来说，Flash贺卡中的动作不需要设计得太复杂。下面就以围巾飘动为例，来介绍动作的制作。围巾飘动采用形状补间动画，制作小兔子的围巾飘动。1 围巾飘动 （采用形状补间动画，制作小兔子的围巾飘动） l 打开“小兔侧面fla”文件，按【Ctfl+L】组合键打开“库”面板，找到元件“围巾”， 双击进入编辑界面。在各图层的第10帧和第20帧处按F6键，分别插入关键帧，如图所示。 2 选择图层“围巾l”，锁定下面的两个层，以轮廓模式显示图形。接着单击时间轴下方的绘图纸外观按钮，启用洋葱皮功能。然后选择第20帧，参照舞台上的围巾l进行调整，如图3所示(绿色线条部分)。 3 锁定“围巾1”层，并解锁图层“围巾2”。参照2的方法，将围巾2的第20帧调整至如图所示的状态(蓝色线条部分)。 4 同样，对“围巾”层的第20帧的形状做细微地调整，让其有一点起伏的感觉，如图所示(黄色线条部分)。5 关闭洋葱皮功能，选择“围巾l”层的第1帧，按【Ctrl+F3】组合键打开“属性”面板，在“补间”下拉列表中选择“形状”，如图所示。采用同样的方法，在各图层的每两个关键帧之间创建形状补间动画，时间轴如图所示。6 按Enter键，观察动作，发现围巾飘动太平行，显得比较死板。这时，可以通过调整时间轴上关键帧的位置，让整个动作更自然。7 选择图层“围巾1”的第20帧，按住鼠标不放，将其向前拖至第7帧处。再按Enter键测试动作，这时发现效果不错。至此，围巾的飘动就做好了，按【ctrl+S】组合键保存文件。2 风铃摇晃 首先制作一串风铃的摇晃动作。 l 按【Ctrl+F8】组合键，新建一个图形元件，命名为“一串风铃”，如图9所示。单击“确定”按钮，进入该元件编辑界面。2 在舞台上用线条工具绘制一条垂直的直线，颜色设置为“并FEBCBC”。然后新建一个图层，使其位于顶层，从“库”面板中拖入元件“铃铛”和“小小树”，复制几个，调整到适合大小，移动到直线的上面，让它们看起来像挂在线上。这样，一串风铃就绘制完成了，如图所示。 3 新建图形元件，命名为“风铃摇晃”。在该元件编辑界面中，从“库”面板中将元件“一串风铃”拖入舞台。按Q键，元件中心会出现一个圆点，即中心点，用鼠标指针将中心点拖至元件顶部，以后元件的旋转和缩放等将围绕此中心点做运动。然后将元件向左作小角度旋转，如图所示。 4 在时间轴的第12帧和第24帧分另U插入关键帧。选择第12帧，将舞台上的风铃向右作小角度旋转，然后在时间轴上每两个关键帧之间创建补间动画。这样，一串风铃摇晃的动画就完成了。按下洋葱皮按钮，可以看到风铃的运动轨迹，如图所示。3下雪动画 在下雪动画制作中，通常分三层来表现。前层的雪花比较大，移动稍快：中层雪花较小，移动较慢：最远一层画一些小点的雪花缓慢下降即可。 l 新建“雪花”元件。按【C仃l+F8】组合键，创建图形元件，命名为“雪花”。用椭圆工具，按住ShiR键，画一个正圆，填充为渐变色，颜色设置如图所示，左边色标Alpha设置为80，右边Alpha设置为0。然后用填充变形工具调整到边缘透明的效果，如图所示完成后删除线条雪花就制作好了。 2 制作雪花落下的动画。新建图形元件，命名为“雪花前”，从“库”中将元件“雪花”拖入舞台，并在第50帧处按F6键插入关键帧。然后单击图层窗口左下角的添加运动引导层按钮，为雪花添加引导层。接着在舞台上用铅笔工具绘制一条流畅且有变化的线条，如图所示，这时时间轴如图所示。注： 引导线一定要绘制在引导层上，否则将失去其引导的功能。为了避免引导线受到破坏，画好以后，可以锁定引导层。 3 使用选择工具，在工具栏的底部单击磁铁图标鼎，开启“贴紧至对象”功能。然后选择第1帧处的雪花，将其移到线条的上顶端，使雪花的中心点与线条顶点重合。选择第50帧处雪花，将雪花移至引导线的下顶端，如图所示。 4 在图层1的两个关键帧之间单击，在“属性”面板的补间下拉列表中选择“动画”，旋转设置为“顺时针”“1次”，勾选“调整到路径”，如图所示。 5 采用同样的方法，分别制作出“雪花中”和“雪花后”的下雪动画元件。由于制作方法相同，这里就不介绍了。但要注意的是，根据动画原理，越在前面的雪花下落越快，越在后面的雪花下落就越慢。因此这里将元件“雪花中”总时间设置为75帧，元件“雪花后”的总时间设置为80帧。同时，为了不重复，引导线做了一些变化。 6 组合下雪动画效果。新建图形元件，命名为“下雪”。分别新建7个图层，两层用来放后面的雪，两层用来放中间的雪，三层用于放最前面的雪，并将总帧数延长到120帧。 首先布置后面的雪，在最底层拖入元件“雪花后”，复制若干，将它们任意自然地分布在舞台上。然后在其上一层，第40帧插入关键帧，同样布置一些雪花。接着在第78帧插入关键帧，将雪花做一些变化，这样后面的雪花就制作好了，如图所示。接着制作中层雪和前层雪。根据上述方法，完成下雪效果，时间轴如图所示。但要注意，前层雪最大，数量最少，中层雪比后层要大些。要让整个下雪效果层次分明，雪花飘动衔接自然。制作过程中需要不断按Enter-键测试和观察，直到达到满意的效果。角色、背景和动作制作完成后，就可以按照之前的构思和画面分镜头整合动画了。7 整合动画1添加背景音乐 首先导入贺卡背景音乐，要根据音乐的长短来确定动画的时间。 l 打开“圣诞礼物舷”文件，在场景1中新建一个图层，命名为“音乐”，按【Ctrl+R】组合键导入事先准备好的本章音乐文件“圣诞音乐mp3”。2 在该层的第2帧按F7键，插入一个关键帧。然后选中第1帧，按F9键，打开“动作”面板，输入命令“stopAllSounds()；”，该命令的功能是“停止所有声音”。3 选择该层的第2帧，在“属性”面板的“声音”下拉列表中选择“圣诞音乐”，同步为“事件”，“重复1”，并在该层的第550帧按F5键延长帧，让声音的波形图全部显示出来，如图所示。这样，就完成了音乐的导入和设置，按【Ctrl+S】组合键保存文件。2制作取景框 在制作动画的过程中，很多元件在移动和穿插过程中都会有显示在舞台外的部分，在播放器 中播放时，是看不到舞台外的部分的。但如果全屏播放或者将播放窗口进行放大时，则舞台外的部分就会被看到了，这样势必会影响到显示效果，也不美观。 为了让欣赏者看不到舞台外的部分，一般情况下都会在舞台周围绘制一个大大的外框，让它 覆盖所有外面的部分，操作方法如下。 在主场景新建一个图层，命名为“取景框”，使其位于所有图层的上方。选择矩形工具，设 置填充色为无，线条颜色随意，任意绘制一个矩形。全选矩形，在“属性”面板中设置宽为500， 高为400，坐标位置为(0，0)。 保持矩形为选中状态，复制一个，然后按【Ctrl+T】组合键，打开“变形”面板，勾选“约束”， 输入“300”。接着单击下方的“复制并应用变形”按钮型，得到一个大外框，将其填充为黑色， 然后删除线条，锁定该层。这样，取景框就制作完成了，如图所示。 3制作分镜1下面将根据画面分镜头，在元件“sc1”中制作镜头1中的所有动画。1 双击主场景里的 ”，进入其编辑界面。新建图层，命名为“圣诞老人”，从“库”中将元件“圣诞老人”拖入舞台外部，并适当调整圣诞老人的大小与方向。然后新建图层，命名为“礼物”，将其移到两个烟囱图层之间，同样将元件“盒子”拖入舞台外部，位置如图所示。 设计思路是：首先制作一个镜头运动的效果，然后制作礼物落入烟囱，最后让圣诞老人飞过天空。下面制作镜头运动效果。2 在所有图层的第90帧处插入关键帧，然后选择第1帧，将圣诞树往舞台左下方移动少许多。同样，将房子、烟囱和屋檐下的小礼物往舞台右下方移动少许。这时需要画面在开始时停顿一秒左右，所以在有动作的图层第15帧处，分别插入关键帧，然后在有动作的图层的15帧后，创建补间动画，如图所示。 3 制作礼物落入烟囱。将所有图层的帧数延长至125帧，在“礼物”层的第125帧上插入关键帧，将礼物移到烟囱里，让其被“烟囱前”层完全遮住。然后在第90125帧之间创建补问动画，在“属性”面板中设置“旋转”为“顺时针”2次，如图所示。 3 制作圣诞老人飞过屏幕。将所有图层的帧数延长到240帧。选择“圣诞老入”图层，分别在第125帧和240帧插入关键帧，将225帧上的“圣诞老人”移到屏幕右下方，注意要移出屏幕外。然后在第125帧和240帧之间创建补间动画，如图所示。 下面来制作文字的渐现和渐隐的动画。镜头1文字内容是“在没有星星的夜空，圣诞老人在慈爱派送”，当然也可以换成您想表达的话。 5 在所有图层的上方新建图层，命名为“文字”，在第15帧插入关键帧。然后使用文本工具，设置漂亮的字体，输入文字“在没有星星的夜空”，并将其转换为图形元件。 6 在“文字”层的第50帧处创建关键帧，调整位置。然后在第1550帧之间创建补间动画，并将第1帧处的文字Alpha设置为10，如图所示。同样，在第115140帧之间创建文字慢慢消失的动画。 7 采用同样的方法，制作另一句文字“圣诞老人在慈爱派送”的渐现渐隐的动画效果，制作过程略。这样制作的目的是使文字在圣诞老人出现之前就慢慢消失。 8 至此，镜头l的全部动画就制作完成了。回到场景1，将图层“scl”的帧数延长至240帧，并保存文件。4 制作分镜2 下面将在元件“sc2”中制作分镜2的全部动画。 l 在主场景中新建图层，命名为“sc2”。在第24l帧按F7键，创建一个空白关键帧， 从“库”中将元件“sc2背景”(分镜2背景的绘制非常简单，请参考原文件)拖入舞台，放在适 合位置上。保持元件“sc2背景”为选中状态，按F8键，将其转换为图形元件，命名为“sc2”， 双击进入其编辑界面，将图层1命名为“背景”，如图所示。 2 新建图层，命名为“风铃”，从“库”中拖入元件“风铃摇晃”。保持元件“风铃摇晃” 为选中状态，按F8键将其转换为图形元件，命名为“风铃组合”，并进入其编辑界面。复制元件“风 铃摇晃”若干，组合成一排风铃，整体看起来要自然、有变化。并延长到24帧，让风铃可以循环摇晃，效果如图所示。 3 返回元件“sc2”中，新建图层“小兔”，从“库”中将元件“小兔侧面”拖入舞台， 放在舞台左下方，并调整到适合大小，如图677所示。然后将所有层延长至35帧。 4 分别在3个图层的第36帧和第110帧处创建关键帧。选择第110帧，将小兔向前平移到舞台左下方，对应的110帧上的风铃也向右移出画面一部分。接着对背景作反相的水平移 动(向左)。然后分别在三层的这两个关键之间创建补间动画，如图所示。 5 添加下雪动画。在“兔子”层的上方新建一层，命名为“雪”。从“库”中将元件“下雪” 拖入舞台，调整到适合大小，放到镜头正上方，如图所示。然后将所有层的总帧数延长至第200帧。 6 最后添加文字的动画。文字的出现和消失同样是采用渐现渐隐的方式，在此就不 再讲解了。返回主场景，将图层“sc2”的帧数延长到440帧。这样，镜头2的制作就完成了，如图所示。 5制作分镜3 下面将根据画面分镜头，在元件“sc3”中制作分镜3的全部动画。 l 在主场景中新建一层，命名为“sc3”，在第441帧插入关键帧。因为镜头3和镜头2的远景是共用的，所以这里把元件“sc2背景”拖入到舞台，接着按F8键，将其转换为图形元件，命名为“s03”，并进入该元件的编辑界面。分别建立图层，并从“库”中将元件拖入到相应的图层中，先组合成静态的镜头3，如图所示。 2 制作圣诞老人入画。选择圣诞老人，转换为图形元件，命名为“动态圣诞老人”。在该元件的编辑界面中，分别在第15帧和35帧上插入关键帧，接着选择15帧上的圣诞老人，向左上方移动一些，做一个身体起伏的效果。然后在每两个关键帧之间创建补间动画，如图所示。 3 返回元件“sc3”中，将时间轴延长至150帧。选择“圣诞老人”图层，将元件“圣诞老人移到画面以外。接着分别在第25帧和85帧处插入关键帧，并将第85帧处的圣诞老人平移到小兔跟前，然后在第25帧处和85帧之间创建补间动画。 4 新建图层，命名为文字，使其位于最上方，制作文字动画，过程略。但要注意的是，这里的文字最后不需要淡出。这样镜头3的制作就完成了。、5 回到主场景，将图层“sc3”的帧数延长到550帧，如图所示。6制作转场效果 l 在主场景中的“sc3”图层的上方新建图层，命名为“转场”。在第225帧按F7键插入关键帧，用矩形工具绘制一个矩形，填充为白色，并调整大小，使其能遮住整个舞台。选择矩形，按F8键，将其转换为图形元件，命名为“闪白”，如图6-86所示。 2 接着在图层“转场”的第240帧和255帧处插入关键帧。选中第225帧上的元件“闪白”，在“属性”面板中设置Alpha为0；255帧上的元件“闪白”的Alpha也设置为0。然后在第225帧与第240帧之间、第240帧与第255帧之间创建补间动画。这样，就完成了镜头l至镜头2之间的转场，如图687所示。3 采用同样的方法，制作场景2至场景3之间的转场效果。至此，整个贺卡的基本制作就完成了。接下来还要做一些收尾工作，比如添加loading、重播按钮和发布影片等，8 添加 Loading 1 打开源文件圣诞礼物endfla”文件，如图所示。 2 执行菜单“窗口”一“其他面板”一“场景”命令，打开“场景”面板，单击添加场景按钮，添加场景2。然后将场景1改名为“main”，场景2改名为“load”，并将“load”场景移至“main”场景的前面，如图所示。注：不管动画有多少个场景，“load”场景始终应是第一个场景，这样Loading预载动画才起作用。 下面将在load场景中制作预载动画。 3 选择矩形工具，设置笔触色为黑色，高度为2像素，填充色为橙色，在舞台上绘制一个400像素20像素的矩形条，在“对齐”面板中将其对齐到舞台的中心，如图所示。 4 选择矩形条，按F8键将其转换为影片剪辑，命名为“loading”。在舞台上双击该元件的实例，进入该元件的编辑界面，如图所示。 5 选择时问轴的第100帧，按F5键延长帧。接着在舞台上选中矩形条内的色块，按【Ctrl+X】组合键剪切掉；新建图层2，按【Ctrl+Shift十V】组合键，将剪切掉的填充色块粘帖至图层2的相同位置上。然后选择图层2的第100帧，按F6键插入一个关键帧，如图所示。 6 锁定图层1，然后选择图层2的第1帧，删除舞台上填充色块后面的部分，只留下前面一小截，如图所示。 7 选择图层2的第1帧，在“属性”面板的“补间”下拉列表中选择“形状”，在第l帧和第100帧之间创建形状补间动画，如图所示。 8 按Enter键，在舞台上测试动画，效果如图1112所示。该动画用于显示下载的进度情况。提示：在制作动画的过程中，经常需要在舞台上测试动画，看有没有达到预期的效果，从而做到那心中有数。9 返回“load”场景，选择舞台上的矩形条，在“属性”面板中将实例命名为“load mc”，如图所示。l0 按【Ctrl+L】组合键打开“库”面板，从中将元件“小兔侧面”拖入舞台，放在矩形条的上方，并调整好大小与位置。保持实例为选中状态，在“属性”面板中将实例的类型设置为“影片剪辑”，如图所示。 提示：在场景中，影片剪辑只需1帧就可以循环播放，而图形元件则不行，因此这里要将实例的类型设置为影片剪辑。 11 使用文本工具，在矩形条的下方输入百分号“”。再次使用文本工具，在“属性”面板中将文本类型设置为“动态文本”，颜色设置为黄色，在百分号“”的前面创建一个动态文本框，如图所示。虚线框为创建的动态文本框，创建文本框时要注意对齐。l2 选中动态文本框，在“属性”面板的“变量”文本框中输入变量名“percent”，如图所示。l3 单击图层l的第2帧，按F5键延长帧。新建一层命名为“动作”，在该层的第2帧插入一个关键帧，如图所示。l4 选择“动作”层的第1帧，按F9键打开“动作”面板，选择AS版本为“ActionScript1.0&20”，取消脚本助手模式，手动输入如下动作脚本。注意带符号“”的为注释语句，可