动画设计软件应用（Animate 2023） 课后实训汇 1-12

课后实训1课后实训1实例分析C919COMAC客机正式商用，是中国航空制造业发展的重要历史节点，展示了中国大飞机参与全球竞争的信心和实力。下面制作C919飞行动画，效果如图1-1所示。下面制作C919飞行动画，效果如图1-2所示。图1-2课后实训效果操作步骤1．新建Animate文档AnimateAdobeAnimate2023“高清”选项，大小为1280×720像素，设置帧频为24fps，如图1-3所示。1-3新建文档2．保存文档Ctl.la3．导入素材Animate1-4所示，执行【文件】—【导入】—【导入到库】命令，弹出导入对话框，选择第1章素材中“课后实训”素材文件中的“背景.jp.png”导入到库中。1-4导入素材“背景”图片导入到舞台后，需要修改图片的大小覆盖舞台，具体操作如图1-5100帧右击，在弹出的快捷菜单中选择“插入帧”命令，将背景图形在时间轴上延续。图1-5 修改图片大小4．制作飞机的影片剪辑元件飞机要完成传统补间动画的创建，首先需要先创建元件。具体操作如下。1-6图1-6 新建元件5．图层操作（1）图层重命名双击图层名称，将“图层1”重命名为“背景”图层。6．制作飞机飞效果图1-7 创建传统补间动画选中第100帧右击，在弹出的快捷菜单中选择“插入关键帧”命令，或者选择第100帧，按快捷键【F6】插入关键帧。改变飞机的位置和大小。1-8结束关键帧设置7．发布动画按【Ctrl+Enter】组合键，或者执行【控制】→【测试】命令，测试影片的播放效果。课后实训课后实训2实例分析本实例的主要效果如图2-1所示。本实例主要是线条、矩形、椭圆等绘制工具和颜料桶、图2-1阳光海滩实例分析本实例中的元素对象主要包括天空、海面、白云、阳光、远山及倒影，椰子树。主要的操作步骤包括：（1）新建文档并保存，设置文档大小。（2）绘制天空。使用矩形工具绘制天空，并设置线性填充，并设置填充颜色、方向和范围。（3）绘制海面。使用矩形工具绘制海面，与天空制作方法类似。（4）绘制沙滩。使用钢笔工具绘制沙滩边缘线，并填充颜色（5）绘制白云。使用椭圆工具绘制白云。（6）绘制远山，并设置倒影。（7）绘制阳光。使用椭圆工具绘制太阳，设置径向填充颜色效果。（8）绘制阳光光照效果。使用多角星形工具绘制五边形及8角星形。（9）拖拽椰子树元件。（10）导出影片。操作步骤1、新建文档并保存。.fa80040024p。2、绘制天空（1）使用矩形工具绘制一800*400的矩形，位置x：0，y：0，覆盖舞台。（2）选择颜色面，在弹出的面板中，设置为线性填充，并设置颜色的渐变。左侧颜色设置为#1871E1，右侧颜色设置为#DCFFFE2-2图2-2背景色渐变（3）选择工具箱中【渐变变形】工具，调整渐变变形工具右上的小圆，把鼠标放在上面会变成圆表示可以选择方向选择边线处的横向箭头 可以调整渐变区域的大小。如图2-3所示，调整渐变变形的渐变方向、范围和大小。图2-3调整渐变方向3、绘制海面50%2-4图2-4绘制海面4、绘制沙滩25滩边缘线，选择工具箱中的【颜料桶，设置填充颜色为#FFE8C4。将沙滩的封闭区域填充上沙滩颜色。图2-5绘制沙滩5、绘制白云。2-6图2-6绘制白云绘制远山，并设置倒影。新建一图层，重命名为“远山”，锁定其他图层。绘制远山及倒影，效果如图2-6所示。。图2-7绘制远山绘制过程具体如下所示。说明图解使用钢笔工具或者铅笔工具绘制远山的外轮廓，设置颜色为#5B8E2C。删除边线，CTRL+G体。使用钢笔工具或者铅笔工具绘制里一个远山的外轮廓，设置颜色为合为一整体。选择绘制的2部分远山，CRTL+G，组合选择【修改】—【变形】—【垂直翻转】，将山翻转，形成倒影。以同样的方法绘制另一个远山，放置在场景中。绘制阳光。（1）绘制太阳使用椭圆工具绘制一正圆形，在颜色面板中设置为“径向填充”颜色效果，两个颜色Alpha100Alpha0%，形成从中心向2-8（CTR+。图2-8绘制太阳（2）绘制光圈使用椭圆工具绘制一正圆形，大小比上面的圆要大一些，在颜色面板中设置为“径向AlphaAlpha02-9（CTR+图2-9绘制光圈（3）绘制光线1102-10图2-10绘制放射线（4）绘制反射光工alpa值设置为20%。点击50.5变形。图2-11绘制5边形8alpha20%，填充颜色为白色，alpha80.18角星形。注意星形不适合绘制过大。如图2-12所示。图2-12绘制8角星形（9）导入椰子树元件。椰子树的元件直接导入“第三章/课堂实例1/椰子树.fla”中的元件实例。执行【文件】flashCC2-13图2-13导入外部库素材（10）导出影片，CTRL+ENTER，测试影片。同理，使用上面的类似方法，绘制下面海滩背景。如图2-14所示。图2-14海滩举一反三实例课后实训课后实训3实例分析3-1所示

图3-1彩虹风景绘制效果在制作这个实例时，大致需要以下环节。（1）新建文档，并保存。（2）绘制天空背景、草地、远处树木的渐变效果。（3）使用【椭圆工具】绘制白云。（4）使用【刷子工具】绘制小路，并进行【平滑】或【伸直】处理。（5）绘制彩虹。（6）绘制阳光。（7）绘制向日葵图形元件，并复制多个元件放置在舞台上。（8）发布影片。操作步骤1．新建文档，并保存.la1000×600像素，帧频24fps。2．绘制天空11000×600像素，X0Y0#007C#77FF和#FFFFFF，使用【渐变变形工具】将填充效果旋转为从上到下的渐变效果。3．绘制草地呈现锁状态。锁定其他图层（。先绘制草地的形状，然后填充渐变颜色。颜色左侧色标为#93C600、右侧色标为#A5D903。填充后，也需要使用【渐变变形工具】将填充效果旋转为从上到下的渐变效果。4．绘制远处树木新建图“树“树图层移动“草地图层下面将其他图层锁。选1#36701E渐变到#99CB04。将绘制好的树按【Ctrl+G】快捷键组合，复制多个，使用【任意变形工具】对树进行排列，放置在草地后面。效果如图3-2所示。图3-2 绘制远处树木5．绘制白云6．绘制小路#F7C782，3-3路形状可以根据具体绘制内容进行【伸直】或【平滑】处理。具体操作选择绘制好的小路在工具箱的选项区单【平滑【伸直】按钮进行修改。同时可使用【选择工具】调节节点位置和线段曲率。图3-3 绘制小路7．绘制彩虹3-4所示。图3-4 扩展填充（1）绘制一个正圆形。（2）1448（3）删除中心的圆，使用【颜料桶工具】将光圈的颜色依次改成：红、橙、黄、绿、青、蓝、紫。（4）最后，删除多余部分即为绘制好的彩虹。另外可以使用【将线条转换为填充】的方法来实现彩虹的绘制。操作步骤如图3-25所示。（1）选择【椭圆工具】，设置填充颜色为无，笔触颜色为红色，线条粗细为30，绘制圆形。所示，重复上面的操作。最后删除多余的部分。图3-5 绘制彩虹8．绘制阳光3-6所示。图3-6 绘制光束效果10像素左右的位置，选择“变形”面板，将旋转角度设置为-15°，单击“变形”面板右下角的【复制选区和变形按钮，进行边复制边旋转变化，形成放射性的光束效果。3-7光束旋转效果9．绘制花场景中花有多个，为了减小Animate文件的大小，可创建一个图形元件。执行【修改】→【新建元件】命令，创建一个“花”图形元件。花的绘制主要使用【复制选区和变形】命令来实现，具体操作步骤如表3-1所示。表3-1 花的绘制步骤绘制步骤说 明绘制花心（1）使用【矩形工具】绘制一个正圆形。（2为#AC5600和#7A270B（用户也可自主搭配颜色。绘制花蕊20。（2）在花心上面绘制两个同心圆。（3）框选花心和花蕊，按【Ctrl+G】组合键将其组合。绘制花瓣（1）使用【椭圆工具】绘制花瓣，花瓣的形状可使用【选择工具】稍加调整。（2FE9317和FCFF47（用户也可自主搭配颜色。绘制多个花瓣选择“变形”面板中的【复制选区和变形】选项，制作多个花瓣。（1）将花瓣的控制点放置在花心中心处。20°，（3）框选花心和花瓣，按【Ctrl+G】快捷键将其组合。绘制花径#4E8500，刷子形状为圆形，大小根据绘制花的大小选择。绘制花叶（1）花叶的形状使用【椭圆工具】和【选择工具】进行调整。填充颜色为#9DD700。（2）使用【刷子工具】刷上叶脉。（3）叶子和叶脉组合，复制，执行【修改】→【变形】→【水平翻转】命令，制作另一侧的叶子。3-8所示。图3-8 复制、缩放并排列多个花10．发布影片按【Ctrl+Enter】快捷键测试并发布影片。3-9所示。图3-9 举一反三实例效果课后实训课后实训4实例分析清明节与春节、端午节、中秋节并称为中国四大传统节日。2006520Animate软件使用工具箱中的【文本工具】对输入的文本进行属性设置。本实例为诗词页面的制作，效果如图4-1所示。图4-1 诗词页面操作步骤1．新建文档并保存.l1280×72024ps。14章\背景.jpg在舞台上并覆盖整个舞台。2．输入标题文本（1）1像素，填充颜色为无。绘制一个矩形。（2）使用【橡皮擦工具】将多余线条擦除，效果如图4-2所示，制作修饰框。（3）选择【文本工具】，在修饰框内输入文本“清明”，设置文本属性如图4-378磅。图4-2 绘制修饰边框 图4-3 设置“清明”文本属性Ctrl+B4-4所示。图4-4 设计标题样式3．输入作者文本选择【文本工具】，设置字符系列为“隶书”，大小为18磅，输入文本“（唐）4-5所示。图4-5 输入作者文本4．输入诗词184304-6所示。图4-6 设置诗词文本格式5．制作淡入动画效果4-7所示。4-7分散到图层单击图层“清明”的第1帧，右击，在弹出的快捷菜单中执行【创建传统补1001Alpha0%。然后在选0~100图4-8 复制动画5050500帧出都添加帧，将时间轴延续到第500帧。6．发布影片按【Ctrl+Enter】组合键，测试并发布影片。课后实训课后实训5实例分析本实例绘制一个自然风光背景，效果近处为花草、蝴蝶，远处为草地，山，背景为多云的天空，如图5-1所示。图5-1 自然风光背景在制作这个实例时，大致需要以下环节。新建文档，并保存。打开外部库，导入背景元件新建草的图形元件并绘制新建花的图形元件并绘制。新建蝴蝶的图形元件并绘制新建蝴蝶动的影片剪辑元件并绘制将绘制好的花和草的元件放置在场景中。将蝴蝶动的影片剪辑放到场景中，制作蝴蝶飞的动画效果测试并发布影片本实例在制作过程中使用了图形元件和影片剪辑元件，重点掌握如何创建元件，设置元件属性及元件和实例的关系。操作步骤1、新建文档，并保存。Actionscript3.0800*400。执行【文件】—【导入】—【打开外部库】命令，选择“背景.fla”文件。点击【打开】按钮，在界面上会出现【库—背景】的浮动窗口，将“背景”元件拖放到舞台上，并覆盖整个舞台。如图5-2所示。图5-2打开外部库2、新建元件“草”。（1）新建元件执行【插入】—【新建元件】命令，在弹出的【新建元件】对话框中，选择53所示。5-3新建元件（2）绘制草在草的编辑窗口进行绘制“草”的图形元件。方法一：使用【传统画笔工具】选择填充颜色为#6699005-4所图5-4绘制草#6699005-5所示。图5-5草的绘制过程3、绘制花（1）新建元件执行【插入】—【新建元件】命令，在弹出的【新建元件】对话框中，选择“图形”元件，名称为“花”。（2）绘制花进入花图形元件的绘制窗口，进行花的绘制。5-6图5-6绘制花瓣5-75个花瓣。图5-7绘制5个花瓣最后绘制花心。旋转【椭圆工具】进行绘制一个正圆形，椭圆填充颜色为“#9900#669900105-8所示。5-8绘制花心4、绘制蝴蝶图形元件绘制步骤说明绘制步骤说明09使用【对象绘制】模式。绘制一个长的椭圆形及小的圆形表示蝴蝶身体。将什么绘制的翅膀复制一个，进入绘制对象的编辑模式，使用铅笔工具进行分割形状。然后使用渐变变形工具进行填充。蝴蝶的色彩多样，读者可以自行设计。将上面的两个翅膀层叠组合在一起。利用同样的方法绘制下面翅膀的形状将上下翅膀组合，并复制一个，与蝴蝶的身体组合为一个蝴蝶。5、制作另一个蝴蝶元件2”元件的编辑窗口。操作过程如图5-9所示。5-9直接复制元件225-10所示。5-10修改蝴蝶颜色6、蝴蝶飞影片剪辑动画片段制作执行【插入】—【新建元件】命令，在弹出的【新建元件】对话框中，选择5-11所示。图5-11创建蝴蝶飞影片剪辑Ctrl+B，进行分离，这样就和原来的图形元件脱离关系。5-1215帧翅膀向下，并在第10帧处插入帧。2”飞的影片剪辑。图5-12制作蝴蝶飞7、布置舞台上进行布局，使用【任意变形工具】对草元件实例进行变形，摆放位置。如图5-13所示。图5-13多个草元件5-14所示。图5-14设置多个花的属性38、制作蝴蝶飞动画效果15-15所示。在时间轴上将所有图层的第70帧插入帧。5-15添加蝴蝶飞元件11705-16所示。图5-16创建补间动画35如图5-17所示。5-17蝴蝶曲线运动同样的方法制作另一只蝴蝶的曲线运动。9、发布影片，CTRL+ENTER，测试并发布影片。举一反三打开“绘制椰子树”实例，制作椰子树随风飘动的效果。如图5-18所示。图5-18风吹椰子树效果12125-19库面板所示。图5-19库1”放在舞台上。创建传统补间动画，制作树叶被风吹动的效果。如图5-2019045同样的方法制作“树叶动2”影片剪辑动画。5-20树叶动动画效果12Ctrl+ENTER，测试并发布影片。课后实训课后实训6实例分析本实例制作端午节赛龙舟的动画效果，效果图如6-1所示。6-1赛龙舟动画效果操作步骤1、新建文档，并保存。新建Actionscript3.0文档，并将文档保存为“端午节”。设置舞台大小为1280*7200—【导入】—【打开外部库】命令，选择“端午节素材.fla”文件。点击【打开】按钮，在界面上会出现【库】的浮动窗口，将库中6-2所示。图6-2设背景2、水面的形状补间动画25帧、50256-3所示。同理制作

6-3水波纹效果6-4制作水波纹3、打鼓逐帧动画6-5打开素材文件将图形组合ctrl+B分离，然后进行分层。如图6-6所示。6-6分层显示然后在第10帧插入帧，在第6帧插入关键，使用任意变形工具对鼓手的6-76-71同理制作其他两队的大鼓手打鼓的逐帧动画。如图6-8、6-9所示。6-826-934、划船动作6-10龙舟组合元件6-11所示。6-11划船动作同理制作其他龙舟组合影片剪辑元件。也可以通过替换元件来实现。将“龙舟组合”元件复制，重新命名为“龙舟组合2612所示。6-12交换元件5、赛龙舟6-13所示。图6-13制作位置移动动画6．发布动画按【Ctrl+Enter】组合键，或者执行【控制】→【测试】命令，测试影片的播放效果。6-14最终效果课后实训7课后实训7实例分析7-17-1梅花动画效果操作步骤1、绘制雪花新建“雪花”图形元件，使用“传统画笔工具”绘制雪花的一个花瓣，如果7-260，进行复制并应用变形。组合图形，并缩小到合适大小。图7-2绘制雪花2、制作雪花下落引导线动画新建“雪花下落”图形元件，在图层1的第1帧上，将“雪花”元件拖放807-3所示。图7-3传统补间动画在图层1，点击鼠标右键，在弹出的快捷菜单中选择“添加传统运动引动层”。图7-4添加传统运动引动层在引导层上绘制多条雪花下落的引导线，如图7-5所示。图7-5运动引导线复制多个雪花图层，然后将雪花分别放置在不同的线上进行引导下落。图7-6复制多个图层3、一串雪花47-7所示，4个雪花下落实例。图7-74个雪花下落实例选择雪花，在属性面板中，将循环播放的第一帧设置为1，20，40，60.图7-8设置第1帧4、卷轴遮罩动画7-9所示。图7-9放置主场景元素如图7-9所示，画轴向两侧做传统补间动画，移动到画的两侧。在画的上层添加一个遮罩层，绘制一个矩形，制作形状补间动画，从中间逐渐变大，7-10所示。5、添加文本

图7-10画轴打开遮罩动画新建一个图层，命名为文本，使用文本工具，在图层上输入诗句，如图所示。图7-11输入诗句6、制作诗句逐渐显示的遮罩动画在“文本”图层上，新建一个遮罩层，遮罩层的内容为矩形，颜色随意，然后制作让矩形下滑的动画效果（注意多个矩形之间不要相连7-2所示。图7-12制作文字逐渐显示的遮罩动画6、添加雪花1帧的值，让雪花下落节奏错开。7-13所示。图7-13添加雪花7．发布动画按【Ctrl+Enter】组合键，或者执行【控制】→【测试】命令，测试影片的播放效果。课后实训8课后实训8实例分析本实例主要采用骨骼工具制作挖掘机工作的动画，效果如图8-1所示。（1）将挖掘机各个部件组合成影片剪辑元件。（2）创建骨骼，制作骨骼动画效果。图8-1挖掘机动画效果操作步骤1．打开素材文件1280像素×7208-2所示。8-2放置素材2、制作“挖掘机”动8-3所示。图8-3添加骨骼使用任意变形工具调整骨骼的连接点到，各个部件的连接处。3．添加骨骼动画制作一个100帧的动画，在第20帧分单击鼠标右键，在弹出的快捷菜单中选择“插入姿势”命令，调整姿势，如图8-4所示。图8-4调整姿势调整第20帧，挖掘机抬起。在第35帧、第45帧分单击鼠标右键，在弹出的快捷菜单中选择“插入姿势”命令，调整姿势，如图8-5所示。4．测试并发布影片

图8-5调整姿势按Ctrl+Enter快捷键，测试并发布影片。实例分析课后实训9Animate9-1课后实训9图9-1 电视播放视频截图操作步骤1．新建Animate文档AnimateAdobeAnimate20231280×72024fps，9-2图9-2新建文档2．导入背景导入“电视背景.psd”Animate9图9-3导入psd文件图9-4调整导入背景大小psd9-43．导入视频导入视频文件，调整大小，将其放置在电视的位置。选择“文件”—“导入”99”素材文件中“春节童谣.mp4”9-5图0-5导入素材选择视频导入视频 X选择视频设定外观＿x导入视频设定外观＿x图9-6导入视频导入视频后，使用任意变形工具调整视频大小，与电视大小相当。4、制作遮罩为了防止调整视频大小匹配电视大小出现比例变形问题，可以通过遮罩将电视范围以外的视频内容去掉。新建一个图层，设置为遮罩层，大小为电视一致。被遮罩为导入的视频。图9-7遮罩动画5、制作摄像机动画“camera11409-8图9-8摄像机动画6．发布动画Ctrl+Enter课后实训10课后实训10影片播放停止图10-1 添加“播放”和“重播”按钮操作步骤1、打开文档，并另存新建写福字.fla102、制作播放和停止按钮10-2图10-2播放按钮同理制作“停止”按钮。3、放置按钮10-3图10-3实例命名在按钮图层的第2帧插入空白关键帧，因为动画播放后，就不用显示播放按1图10-4重播按钮4、添加播放按钮控制代码（1）执行【窗口】-【代码片段】命令，打开代码窗口。（2）“ActionScript基础上进行修改。如图10-5所示，在代码片段的窗口中列出常用的代码片段。图10-5添加stop代码（3）选择“播放”按钮，双击【代码片段】窗口中的“单击以转到帧并播放”代码片段，则弹出动作面板，插入的代码。代码说明：plbt.addEventListener(MouseEvent.CLICK,fl_ClickToGoToAndPlayFromFrame);整个语句的含义是表示为bofang（addEventListener（MouseEvent.CLICK），当监听到时间发生后，则执行fl_ClickToGoToAndPlayFromFrame函数。functionfl_ClickToGoToAndPlayFromFrame(event:MouseEvent):void。这个语句表示对fl_ClickToGoToAndPlayFromFrame函数的定义。fl_ClickToGoToAndPlayFromFramegotoAndPlay(2);表25、添加重播按钮控制代码重播按钮与开始播放按钮的代码类似，代码如下所示。6、测试并发布影片课后实训11课后实训11实例分析将“皮影戏.fla”实例导出为序列图片、第15帧画面、视频文件、GIF动画、透明背景图片（见图11-1）等多种格式的输出文件。图11-1导出透明背景图片操作步骤1．打开文档打开“皮影戏.fla”文档。2、导出序列图片（*.jpg；*.jpeg”类型。图11-2导出影片命令选择导出图片的文件夹及序列类型。如图9-3所示图11-3导出影片对话框JPEG11-4.图11-4导出JPEG导出的序列图片如图11-5所示。2、导出单张图片

图11-5导出序列图片导出第15帧画面的方法为将播放头放置在第15帧处，点击文件—导出—导出图像命令。如图11-6所示。图11-6导出单张图片图11-7设置图片格式3、导出透明背景图片，则需要导出PNG格式图像。png图11-8导出png文件4、导出GIF动画点击文件—导出—导出GIF动画命令，然后图11-9导出GIF动画其他格式文件，读者可根据向导进行操作，改变属性设置的值，对比导出文件的区别。课后实训12课后实训12AnimateMTVAnimateAnimateMTVAnimateMTV的设计及制作过程。AnimateMTV的制作流程。AnimateMTV字幕与音乐同步效果。动画场景的切换。重点难点根据歌词意境进行相应动画效果的制作。重点难点AnimateMTV的分镜设计。场景动画的设计制作。声音与字幕同步设置。按钮代码的添加。1982AnimateMTV12-2所示。表12-2动画主要画面镜头画 面动 作对 白秒数（帧数）备 注1片头部分，影片停止播放，单击“蘑菇”按钮播放影片。无1帧2小女孩从远处进入场景，标题文字逐渐显示。无6.5秒（第2～160帧）淡出3镜头从天空移动到蘑菇房子，再缓慢地推镜头。在推镜头的时候显示歌词：采蘑菇的小姑娘歌词：采蘑菇的小姑娘7秒（第140～310帧）淡入移镜头、推镜头错误！未定义样式。 错误！未定义样式。4小女孩从蘑菇房子里走出来。歌词：背着一个大竹筐清早光着小脚丫4.5秒（第311～420帧）推镜头5动作：女孩侧面走到大树下，转身。歌词：走遍森林和山冈4（421～515帧）跟镜头6近景镜头，女孩背面。准备采蘑菇。歌词：她采的蘑菇最多多得像那星星数不清5秒（第516～640帧）7场景中间放个背篓，里面的蘑菇逐渐增多。歌词：她采的蘑菇最大大得像那小伞装满筐7.5秒（第641～785帧）8女孩按照场景中的路线向远处走去。歌词：噻箩箩哩噻箩箩哩噻3秒（第786～920帧）9动作：女孩在场景中做纵向调度，镜头跟随女孩移动12秒（第921～1150帧）跟镜头10女孩在场景中做纵向调度，在去集市的路上。歌词：谁不知山里的蘑菇香她却不肯尝一尝10秒（第1151～1390帧）续表镜头画 面动 作对 白秒数（帧数）备 注动作：女孩在集市的场景上走。歌词：攒到赶集的那一天赶快背到集市上6秒11（第1391～跟镜头1535帧）镰刀从舞台下方淡入进入场景，棒棒糖从下方进入场景5秒12歌词：换上一把小镰刀再加上几块棒棒糖（第1536～1660帧）舞台上3个小伙伴分享棒棒糖7秒13歌词：和那小伙伴一起把劳动的幸福来分享（第1661～1830帧）推镜头错误！未定义样式。 错误！未定义样式。14在场景上走，纵向运动5秒（第1831～1955帧）15回家歌词：噻箩箩箩噻箩箩箩噻箩箩箩噻箩箩箩哩噻4.5秒（第1956帧～2080帧）16谢幕重播2秒（第2066帧～2105帧）淡入AnimateMTV中主要角色为小女孩，次要角色为两个小伙伴。采蘑菇的小女孩的形象是勤劳、善良和朴素。1．小女孩设计小女孩各个面的设计制作如图12-32所示。2．制作走路效果绘制的角色需要进一步完成走路等效果。将

图12-32小女孩各个角度的设计制作12-33所示。将身体各个部分放置在不同的图层上，设置走路的关键帧动作，如图12-34所示。图12-33女孩身体各个部分 图12-34设置小女孩侧面走路的关键帧表12-3为三个角度设置的关键帧。错误！未定义样式。 错误！未定义样式。表12-3三个角度的关键帧设置关键帧第1帧第5帧第9帧第13帧侧面走路正面走路背面走路说明右腿直立，左腿弯曲，双手手臂自然下垂。整个身体处在高位点，身体重心提高。3或4个像素即可。与第1帧中手和腿的位置相反。左腿直立，右腿弯曲，双手手臂自然下垂。整个身体处在高位点。5帧状态相反，左、右腿分开，右腿向前，左腿向后，双臂与腿以相反方向5帧内容复制后，修改腿和手的方向，不需要修改身体重心位置的变化。3．小伙伴小伙伴是次要角色，在和小女孩分享情节上出现，角色设置如图12-35所示。制作时，可先绘制线条，然后填充颜色，色彩搭配上用户可自行设计。图12-35小伙伴角色设计《采蘑菇的小姑娘》故事主要发生在女孩家、山间小路、集市等场景中。可以将本节“背错误！未定义样式。 错误！未定义样式。景图片”文件夹中的背景素材导入到库中，如图12-36～图13-41所示。图12-36片头背景 图12-37森林背景 图12-38采蘑菇的路上 图12-39采蘑菇场景图12-40去集市的路上 图12-41集市1．音乐音乐为《采蘑菇的小姑娘》，童声演唱，MP3格式，将音乐导入素材库中。2．蘑菇房子12-42所示。3．按钮按钮需要开始按钮和结束的“replay412-43所示。鼠标错误！未定义样式。 错误！未定义样式。图12-42蘑菇房子 图12-43开始按钮的4个状态“replay12-44所示。4．小鸟飞12-45所示。循环则呈现小鸟飞的效果。图12-44“replay”按钮 图12-45小鸟飞5．蝴蝶飞舞将第5章实例1中的“蝴蝶”元件导入到素材库中。两个蝴蝶飞的关键帧动作如图12-46所示。6．跳窜的松鼠

图12-46两个蝴蝶的关键帧动作跳窜的松鼠动画效果，采用逐帧动画来制作，对小松鼠逐个绘制填充颜色。关键帧如图12-47所示。错误！未定义样式。 错误！未定义样式。7．蘑菇元件

图12-47跳窜的松鼠的关键帧动作动画制作过程中需要蘑菇元件、镰刀、棒棒糖、背篓等元件，效果如图12-48所示。图12-48其他素材元件12.3 制作场景动画1．设置舞台大小与电视分辨率一致，将舞台大小设置为720×576像素。2．绘制遮挡框错误！未定义样式。 错误！未定义样式。1200720×576像素，X轴和Y0。将两个矩形分离并将中间的矩12-49所示。这种效果也可以采用遮罩的方法来实现，绘制一个与舞台大小一致的矩形，将它设置为遮罩层，而其他动画效果都为被遮罩层。制作过程中可以将该图层放置在最上面，锁定并隐藏。3．设置辅助线

图12-49设置遮挡框图可以在舞台上添加辅助线，如图12-50所示。在下方再添加一条辅助线，设置字幕显示的范围。图12-50设置辅助线在制作AnimateMTV时，首先将声音与字幕效果制作出来。操作步骤操作步骤1．添加“声音”新建“声音”图层，将库中的“采蘑菇的小姑娘.mp3”文件拖放到舞台上，在图层的21202120帧的动画，如图12-51所示。错误！未定义样式。 错误！未定义样式。2．字幕背景

图12-51添加声音并设置同步方式3．字幕添加

图12-52绘制字幕背景图12-53添加歌词帧标签按照以上的操作步骤，在每一句歌词的开始帧位置添加空白关键帧，并对帧命名。 这个时候是给帧起相对于歌词的名称，而帧还是空白关键帧，舞台上没有内容。4．字幕效果在演唱歌曲时，与卡拉OK的字幕效果类似，先显示整句歌词，然后字幕随着歌曲演唱逐错误！未定义样式。 错误！未定义样式。12-5412-55所示。图12-54制作字幕动画图12-55字幕效果图12-56直接复制元件将所有的歌词的图形元件创建好后，放置在“字幕”文件夹中。并把歌词图形元件放置在“字幕”图层相应的关键帧上，如图12-57所示。错误！未定义样式。 错误！未定义样式。图12-57添加字幕到时间轴1．片头动画12-58所示。图12-58片头效果操作步骤操作步骤1）新建元件2）设置背景将“bg1”元件放置在舞台上，并把蘑菇放置在舞台的右侧。3）制作女孩正面走的效果错误！未定义样式。 错误！未定义样式。12-59所示。4）制作标题逐渐显示效果

图12-59创建传统补间动画96lB料（2）12-6010（4）将所有的图层在第160帧处插入帧。5）制作场景动画的淡出效果

图12-60将文字分散到图层112错误！未定义样式。 错误！未定义样式。（2）11帧上将“片头”图形元件放置在舞台上，根据绘制的舞台辅助线调整元件所在的位置。16016114021动画制作

图12-61场景淡出效果1000scb2180（170帧间轴上不会重复播放场景“sc1”的场景动画，如图12-63所示。图12-62镜头效果 图12-63设置场景1动画背景2）移镜头动画（1）将“sc1”图形元件放置在“场景动画2”的第140帧，使用【任意变形工具】调整大小。（2）右击，在弹出的快捷菜单中执行【创建传统补间】命令，在第160、245和310帧处错误！未定义样式。 错误！未定义样式。插入关键帧。（3）140Alpha0160帧形成淡入效果；与片头动画形成淡入淡出的动画效果。（4）在第245帧处，移动“sc1”元件到蘑菇房子处。（5）在第310帧处，使用【任意变形工具】将元件放大。制作移镜头及推镜头如图12-64所示。32动画制作

图12-64制作移镜头及推镜头场景2动画呈现的效果为小女孩从房子中走出来。场景2动画的背景为“bg2”元件的一部分。时间为第311～420帧，共110帧，操作过程如下。1）直接复制元件场景2的动画效果可以在“sc1”场景中继续完成，为了方便操作，将动画放置在新的元件中制作。（1）在第311帧处插入关键帧，选择“sc1”元件实例，右击，在弹出的快捷菜单中执行sc（2）单击舞台上的“sc2”实例，在“属性”面板上，将“第一帧”的值设为1，如图12-65所示。图12-65修改元件“第一帧”的值2）制作女孩正面走路补间动画sc创建传统补间动画，在第110帧处插入关键帧，使用【任意变形工具】修改小女孩角色的大小，如图12-66所示。错误！未定义样式。 错误！未定义样式。3）制作移镜头

图12-66创建小女孩正面走路补间动画回到主场景中，按【F6】快捷键在第365和420帧处插入关键帧，在第365帧创建传统补间动画，将第420帧的“sc2”实例元件稍微放大并调整画面构图，如图12-67所示。43动画制作

12-672动画场景3动画的背景为“b3421～515帧，场景动画时间为95帧，实现跟镜头的动画效果，如图12-68所示。图12-68场景3动画效果操作步骤操作步骤错误！未定义样式。 错误！未定义样式。1）新建“sc3”元件并设置背景新建“sc3”图形元件，进入编辑窗口，将“bg3”图形元件放到舞台上，新建一个小女孩图层，将女孩侧面走路的影片剪辑元件放置在舞台上。在第70帧处插入关键帧，创建传统补间动画，效果如图12-69所示。2）女孩转身动画

图12-69女孩侧面移动在第71帧处插入空白关键帧，插入女孩转身的图形元件。转身的图形元件各个帧的状态如图12-70所示。3）制作跟镜头

图12-70女孩转身各帧的状态回到主场景中，在第421帧处将“sc3”图形元件放置在舞台上，使用【任意变形工具】修改大小。在第490帧处插入关键帧。右击第421帧，创建传统补间动画，移动“sc3”元件在舞台上的位置，效果如图12-71所示。54动画制作

图12-71制作跟镜头效果错误！未定义样式。 错误！未定义样式。场景4的动画效果为场景3动画的一个近景镜头，表现小女孩采蘑菇的效果，如图12-72所示。时间轴动画为第516～640帧，共125帧。操作步骤操作步骤1）直接复制元件516帧处插入关键帧，选择“sc3”元件实例，右击，在弹出的快捷菜单中执行【直sc42）修改元件将小女孩的动作删除，重新插入女孩背面动作图形元件，效果如图12-73所示。图12-72采蘑菇近景镜头 图12-73采蘑菇动作3）主场景效果回到主场景中，将“sc4”图形元件拖放到舞台上，使用【任意变形工具】改变其大小，呈现近景效果，如图12-74所示。6．场景5动画制作5图12-74近景效果 图12-75场景5动画效果错误！未定义样式。 错误！未定义样式。操作步骤操作步骤1512-76图12-76蘑菇逐渐增加在主时间轴上，将“sc5”图形元件放置在舞台上，使用【任意变形工具】调整大小，按【F7】快捷键在第786帧处插入空白关键帧。7．场景6动画制作场景6动画是在“bg3”中设置小女孩背面走路的效果，帧数为第786～920帧，共135帧，效果如图12-77所示。12-776动画效果操作步骤操作步骤1）新建“sc6”元件并设置背景新建“sc6”图形元件，进入编辑窗口，将“bg3”图形元件拖放到舞台上，新建一个“女孩”图层，将女孩背面走路的影片剪辑元件放置在舞台上。在第150帧处插入关键帧，创建传统补间动画，并为补间动画添加引导层，沿着背景图片中所提供的道路行驶，效果如图12-78所示。图12-78创建引导线动画错误！未定义样式。 错误！未定义样式。2）主场景中的推镜头将“sc6”元件拖放到舞台上，使用【任意变形工具】调整元件大小及构图。8．场景7动画制作场景7的动作效果与场景6类似，镜头跟随女孩移动。帧数为第921～1150帧，共230帧动画，效果如图12-79所示。图12-79场景7动画效果操作步骤操作步骤1）新建元件新建“sc7bg4230添加两个图层，利用补间动画制作蝴蝶飞的效果，如图12-80所示。图12-80制作蝴蝶飞的效果错误！未定义样式。 错误！未定义样式。2）主场景中跟镜头的制作将“sc7”元件拖放到舞台上的第921帧，创建传统补间动画，修改图形元件在窗口中的布局，如图12-81所示。图12-81跟镜头制作9．场景8和场景12动画制作8的动作效果与小女孩在“bg51151～1390240帧，12-82所示。图12-82场景8动作效果操作步骤操作步骤1）场景8动画制作（1）新建“sc8”图形元件，进入编辑窗口，将“bg5”图形元件拖放在舞台上，新建一个“小女孩”图层，将女孩正面走路的影片剪辑元件放置在舞台上。在第240帧插入关键帧，创建传统补间动画。制作从远处走来的动画效果，如图12-83所示。（2）添加两个图层，利用补间动画制作小鸟飞的效果。使用【选择工具】修改小鸟飞行曲线。错误！未定义样式。 错误！未定义样式。（3）将“sc8”元件拖放到舞台上，修改大小即可。2）12动画制作

12-838动画效果场景12的动画效果与场景8类似，只是实现小女孩背面走路的效果，共120帧。直接复制“sc8sc1212012-84所示。109动画制作

12-8412动画效果91391～1535帧，14512-85所示。错误！未定义样式。 错误！未定义样式。图12-85