动画设计与制作

动画设计与制作实例2-1四季歌四季歌【步骤1】新建FlashActionScript3.0文档。【步骤2】将合适的图片素材导入到舞台内，执行【文件】→【导入】→【导入到库】命令，库中会增加所导入的素材，如图2.1所示。

四季歌【步骤3】将导入进来的“春天”元件从库中拖至舞台上，并调节其位置和宽高使其正好占满整个舞台，如图2.2所示。四季歌【步骤4】每隔250帧插入一个关键帧，并分别将“夏天”“秋天”“冬天”的元件拖至舞台上，且调整位置，占满整个舞台，如图2.3所示。四季歌【步骤5】在每两个关键帧中间创建传统补间，然后再转换为逐帧动画，最后保存文件并测试影片，如图2.4所示。动画设计与制作实例2-2浣熊行走动画浣熊行走动画【步骤1】将素材导入库中，将背景命名为“四季”，并将库中的“四季”影片剪辑元件拖至舞台中，如图2.5所示。

浣熊行走动画【步骤2】新建影片剪辑元件“侧走”，如图2.6所示。浣熊行走动画【步骤3】在元件“侧走”中新建8个关键帧，将素材“浣熊”放入，并调整位置，动作，如图2.7所示。浣熊行走动画【步骤4】单击时间轴下方的“场景1”，返回主场景，新建图层“浣熊行走”，将做好的“侧走”元件拖至舞台上，并调整位置和大小，如图2.8所示。浣熊行走动画【步骤5】在“浣熊行走”的图层中，每隔30帧插入关键帧，共插入4个关键帧，移动元件“侧走”位置，且每两个关键帧之间创建传统补间动画，如图2.9所示。【步骤6】保存文件并测试动画。技术分析

传统补间动画：做flash动画时，在两个关键帧中间需要做“传统补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。动画设计与制作实例2-3水波流动水波流动【步骤1】打开素材文件，新建一个影片剪辑元件，命名为“水流”，如图2.10所示。插入帧：【F5】插入关键帧：【F6】插入空白关键帧：【F7】水波流动【步骤2】进入影片剪辑中，用【铅笔工具】，绘制水流形状，并在，第五帧和第9帧插入空白关键帧，分别在其中绘制不同水流形状，在11帧插入帧，如图2.11所示。水波流动【步骤3】返回主场景，将“水流”元件从库中拖至舞台，保存文件并测试影片，如图2.12所示。动画设计与制作实例2-4太阳旋转

太阳旋转【步骤1】打开素材文件，新建一个影片剪辑元件，命名为“sun”，进入影片剪辑元件，新建四个图层，分别命名为“红脸”“嘴”“眼镜”“眼镜光”，如图2.13所示。太阳旋转【步骤2】将素材拖至舞台，并调整大小和位置，如图2.14所示。太阳旋转【步骤3】选中“红脸”图层，在第5帧，第10帧，第15帧和第21帧处插入关键帧，在每个关键帧处调整合适的位置，然后每两个关键帧之间创建形状补间，“嘴”“眼镜”“眼镜光”三个图层重复如上操作，如图2.15所示。【步骤4】保存文件并测试影片。动画设计与制作实例2-5文字动画

文字动画【步骤1】创建一个新的图层，命名“文字”，选择【文字工具】在属性面板内设置为如图2.16所示。文字动画【步骤2】在“文字”图层输入“春”，并拖至合适位置，如图2.17所示。文字动画【步骤3】选中文本框，将“春”字打散两次，并复制，再用【橡皮擦工具】，小心擦除舞台上的文字，只剩第一笔如图2.18所示。文字动画【步骤4】在“文字”图层第30帧，插入空白关键帧，将刚才复制的文字粘贴到舞台上，再次使用【橡皮擦工具】，留下文字的前两笔，如图2.19所示。专业指点打散组合键：【Ctrl+B】粘贴组合键：【Ctrl+Shift+V】文字动画【步骤5】重复以上步骤，每隔一段帧插入空白关键帧，粘贴复制的文字到舞台上，使用【橡皮擦工具】，依次擦除文字，直至处理完所有文字，如图2.20所示。【步骤6】后面“夏”，“秋”，“冬”三个字重复前面几个步骤，直至处理完所有文字，保存文件并测试动画。专业指点打散组合键：【Ctrl+B】粘贴组合键：【Ctrl+Shift+V】文字动画【步骤4】在“文字”图层第30帧，插入空白关键帧，将刚才复制的文字粘贴到舞台上，再次使用【橡皮擦工具】，留下文字的前两笔，如图2.19所示。专业指点打散组合键：【Ctrl+B】粘贴组合键：【Ctrl+Shift+V】动画设计与制作实例3-3蝴蝶飞行蝴蝶飞行（1）【步骤1】新建一个空白Flash’文档。【步骤2】新建一个名称为“蝴蝶”

的影视剪辑元件，并将其导入舞台。蝴蝶飞行（1）【步骤3】

进入“蝴蝶”影视剪辑元件内部，将蝴蝶分为三个部分，“左”“右”“蝶身”在这三个图层中，分别插入关键帧。【步骤4】每两个关键帧之间创建传统补间动画。【步骤5】保存并测试文件，将“蝴蝶”影视剪辑文件保留在库中。蝴蝶飞行（2）【步骤1】

从库中将“蝴蝶”影片剪辑元件拖入到舞台，单击该元件实例，在【属性】面板中对其进行相应的设置。【步骤2】

在“蝴蝶”图层第140帧处创建补间动画，单击并拖到370帧处，在两者之间每隔一段帧插入属性关键帧。蝴蝶飞行（2）【步骤3】

使用【选择工具】、【部分选择工具】或【任意变形工具】更改路径的形状和大小，设置其属性。【步骤4】

使用【变形】和【属性】面板，更改路径的形状和大小，单击选择舞台中的路径，【属性】面板中会显示相应的“路径”选项。蝴蝶飞行（2）【步骤5】执行【修改>变形】菜单的命令。【步骤6】

将自定义笔触作为运动路径进行应用。从不同于补间图层的图层中选择笔触，将其复制到剪贴板中，在补间范围保持选中的状态下粘贴笔触，Flash会将笔触作为选定补间范围的新运动路径进行应用，补间的目标实例将沿着新路径运动。画面移动【步骤1】

将素材导入到舞台中。【步骤2】

将“画面3”转换成影片剪辑元件，复制多个并调整其大小。【步骤3】

完成动画的制作，测试动画效果。

树枝旋转【步骤1】

从库中将“树1”拖到舞台中，并调整位置。【步骤2】

新建图层“树1”，在140帧位置插入关键帧。树枝旋转【步骤3】

从库中将“树1”拖至舞台中，并适当调整其位置，透明度等。【步骤4】

新建“树2”，单击第60帧，执行【窗口>动作】命令，打开【动作】面板输入“stop()”。动画文字【步骤1】新建“t2”图层，将元件t2拖入舞台，在【属性】面板中设置“循环”选项为“播放一次”。【步骤2】

在mask图层的上方新建t3和t4图层，分别将t3和t4元件拖入舞台，摆放在画面左侧，并分别制作这两个文字的移动渐显动画。动画文字【步骤3】新建AS图层，然后返回场景1，选择第1帧，在【动作】面板中输入脚本，然后在第370帧插入关键帧，同样输入脚本。【步骤4】

动画制作完成，测试动画。动画设计与制作实例4-3服装秀圆圈变换【步骤1】打开【文档设置】，设置为1002像素*615像素，“背景颜色”为深灰色。【步骤2】

将“图层1”更名为“sound”，在第10帧插入关键帧，在【属性面板】中设置声音“名称”为sound01，“同步”为“事件”，然后在第229帧插入延长帧，设置好动画总帧数。圆圈变换【步骤3】

新建一个影片剪辑元件，命名为“mask1”进入元件内部，绘制一个椭圆。在第6帧插入关键帧，在第1帧和第6帧之间创建补间形状。【步骤4】

新建图层2~图层5，采用同样的方法，分层制作圆放大并移动的动画，注意调整圆的大小与出场时间。圆圈变换【步骤5】

新建“AS”图层，在第15帧插入关键帧，在【动作面板】输入脚本“stop（）；”。背景制作【步骤1】

新建“卡片图层”将元件“卡片”拖入舞台正上方，并在属性面板中为实例添加“模糊”滤镜，设置“模糊X”与“模糊Y”均为15。【步骤2】

在“卡片”图层的第10帧插入关键帧，并在第1帧和第10帧之间创建传统补间动画。背景制作【步骤3】

在“卡片”图层的下方新建“投影”图层，将元件“投影”拖入卡片的正下方。在第11帧，第12帧插入关键帧，将实例向上稍作移动。【步骤4】背景制作完成，保存动画。产品1【步骤1】

新建“产品1”图层，在第13帧插入关键帧，将“元件1”拖入舞台上，摆放在卡片上，然后在第21帧插入关键帧，将第13帧的实例的Alpha设置为0%，接着在这两帧之间创建传统补间，制作产品1的入场动画。【步骤2】

在“产品1”图层的下方新建“花边”和mask图层，在第30帧插入关键帧，将元件“花边1”和mask1拖入相应图层，摆放在卡片左侧，并将mask图层设置为遮罩层。采用同样的方法，在卡片的右侧添加实例“花边2”和mask2。产品1【步骤3】

在“产品1”图层的第70帧，和第80帧插入关键帧，制作出“产品1”的淡出动画。同时，在“卡片”图层同样做出淡出动画。保存文件，测试动画。产品2【步骤1】

在“砕点”图层下方新建图层“线框”，在第80帧插入关键帧，将元件“线框”插入卡片中，并调好位置。然后在第122帧插入关键帧，在【属性面板】中将实例的“色调”设置为蓝色。【步骤2】

新建“产品2”图层，在第80帧插入关键帧，将元件“产品2”拖入卡片中，并在【属性面板】中将实例的颜色调为红色，在第90帧和第102帧插入关键帧，去掉第102帧的色彩效果，然后在两帧之间创建传统补间。产品2【步骤3】在“产品2”图层的第115帧和第122帧插入关键帧，将第122帧的Alpha设置为0%，并在两帧之间创建传统补间。【步骤4】

新建“t2”图层，在第80帧插入关键帧，将元件“t2”拖入卡片左上角，采用步骤2或步骤3的方法，制作从模糊到清晰的传统补间动画。产品2【步骤5】新建“产品3”图层，在第122帧插入关键帧，将元件“产品3”拖入舞台，然后新建“t3”图层，在第132帧插入关键帧，将元件“t3”拖入舞台，采用和步骤4一样的方法，制作产品3和文字的入场、出场动画。画面移动【步骤1】

新建“产品4”和“mask3”图层，在第166帧插入关键帧，选择“产品4”图层，将元件“产品4”拖入舞台，选择“mask3”图层，在卡片上绘制一个蓝色的矩形，将该图层设置为遮罩层。【步骤2】

在“产品4”图层第186、205、211帧插入关键帧，对各帧实例进行上下左右移动，最后移至舞台中心，然后将第166帧实例的Alpha设置为10%，并在每两个关键帧之间创建传统补间。画面移动【步骤3】

在“mask3”图层的第205帧和第211帧插入关键帧，将第211帧的实例放大与产品3同样的尺寸，然后两帧之间创建补间形状，这样当动画放到第211帧时，产品3的画面全部显现。【步骤4】新建“t4”图层，在第210帧插入关键帧，将“t4”元件拖入舞台下方，在第220帧插入关键帧，将210帧的实例向下移出舞台，并设置Alpha为0%，在两帧之间创建传统补间，制作文字的入场动画。画面移动【步骤5】

新建AS图层，选择第一帧，在【动作面板】中输入脚本，选择第229帧，也在【动作面板】中输入脚本。至此广告动画做成，保存文件，测试动画。，动画设计与制作实例5-1水平位移水平位移【步骤1】新建一个空白Flash’文档，并将素材“背景”从库中拖至舞台，调整其位置和大小。【步骤2】使用【文本工具】，在舞台上打出所需要的文本，并将其打算两次，转换为图形元件。水平位移【步骤3】选中“位移”图层第1帧，在【属性面板】将图片Alpha值调为100，将第1帧复制粘贴在第40帧处，并调整位置，且将Alpha值调为0。【步骤4】在第1帧和第40帧处创建传统补间动画，保存留在库中待用。动画设计与制作实例5-2边框效果

边框效果【步骤1】将素材导入舞台，并根据图片需要，拼凑成边框形状。【步骤2】根据需要，在不同的图层，每隔一段数目不同的帧，调整白色圈圈的大小和Alpha。边框效果【步骤3】每两个关键帧之间创建传统补间动画。【步骤4】保存留在库中待用。动画设计与制作实例5-3放大的泡泡放大的泡泡【步骤1】将素材导入舞台，并转换为元件。【步骤2】每隔一段帧插入一个关键帧，并依次调整每个泡泡的大小和透明度，直至透明度为0。放大的泡泡【步骤3】制作引导层，绘制泡泡的行走路线。【步骤4】保存留在库中待用。动画设计与制作实例5-4旋转泡泡放大的泡泡【步骤1】将素材导入舞台，并转换为元件。放大的泡泡【步骤2】在第1帧和第40帧之间插入数个关键帧，调整位置，设置缓动值为0。【步骤3】保存留在库中待用。动画设计与制作实例5-5背景切换背景切换【步骤1】将背景素材导入舞台中，调整大小和位置，并将先前所做的边框也导入舞台。【步骤2】选中“背景”图层第1帧，设置透明度为0。背景切换【步骤3】选中“背景”图层第9帧，设置透明度为100，并在第1帧和第9帧之间创建传统补间动画。【步骤4】后面背景素材按照步骤2和步骤3依次处理，并将先前所做的元件也导入舞台。背景切换【步骤5】保存文件并测试动画。动画设计与制作第六章日出日落日出日落动画设计与制作实例6-1背景制作日出日落【步骤1】新建一个空白文档，画布大小为550*400，帧频为24.【步骤2】将图层1命名为“天空”，打开【颜色】面板，选择【线性渐变】，将颜色改为浅蓝色向深蓝色的渐变，并将浅蓝色的alpha值降低至57%。【步骤3】选择【矩形工具】在舞台上方绘制一个矩形，将其大小设置为550*180，坐标值为0,0。使用工具栏的【渐变变形工具】将矩形的渐变方向改为由上至下。日出日落【步骤4】选择工具栏中的【刷子】工具，将颜色设为白色，并展开【工具栏】，设置笔刷模式为【标准绘画】，笔刷大小为最大，在舞台中绘制白云。【步骤5】新建图层“草坪”，使用【钢笔】工具在舞台右下角绘制出草坪的样子，选择【颜料桶】工具，选择填充色为【线性渐变】，改变渐变色的颜色为深绿到浅绿，填充颜色，再选择【渐变变形工具】，改变渐变方向。日出日落【步骤6】双击草坪，进入“绘制图像”界面，使用【选择工具】调整草坪的轮廓，并删除边框，单机“场景1”回到舞台。【步骤7】按住【Atl】键，并拖动草坪，复制出新的草坪，使用【选择工具】，安排好其位置，并相应改变其颜色，做出重叠效果。日出日落【步骤8】选择【铅笔工具】，在舞台左下角绘制出一个不规则图形，选择【颜料桶工具】，填充线性渐变颜色，由浅蓝色到深蓝色，并使用【渐变变形工具】改变渐变方向，并使用【选择工具】删除边框，做出一片湖泊。【步骤9】按【Ctrl+F8】新建图形元件“云朵”，由于我们需要绘制白色的云朵，所以先要把场景的背景色调成其他颜色，以便于区分。打开【属性】面板，将舞台背景色调成蓝色。日出日落【步骤10】选择【椭圆工具】，笔触选择无，填充选择白色，在舞台中央随意组合绘制云朵形状，尽量做到立体，生动，在绘制完之后按【Ctrl+G】组合。【步骤11】单击“场景1”影返回主场景，新建“云朵”图层，将图形元件“云朵”拖至舞台左上方，按【F8】将其转化为影片剪辑元件“云”并进入编辑面板。日出日落【步骤12】在第120帧处，插入关键帧，将云朵拖至舞台右侧，并创建传统补间。【步骤13】右击“图层1”，在弹出的菜单处选择【添加传统运动引导层】，此时我们可以看到“图层1”的上方多出了一个引导层，如图6.8所示。日出日落【步骤14】在引导层的第一帧处，我们选择【钢笔工具】，绘制出一条平滑的曲线。【步骤15】选择“图层1”第一帧处的云朵图形，将它的中心移至曲线的起始点，将75帧处的云朵移至曲线的终点，注意中心的重合，否则将无法完成引导动画日出日落【步骤16】在引导层的上方，新建一个图层，在该图层的第30帧处插入关键帧，将图形元件“云朵”拖至舞台左侧，使用【任意变形工具】将云朵的形状改变，在第135帧处插入关键帧，将“云朵”拖至舞台右侧，创建传统补间动画。【步骤17】新建图层，右击该图层，在弹出的菜单中选择【引导层】，此时，我们可以看到图层的图标为，要将其作为真正可以引导对象运动的引导层，我们需要将其引导的层拖至它的下方，并向右移，此时，被引导层会有缩进的表现，才表示引导层与被引导层的结合。日出日落【步骤18】在引导层的第31帧插入关键帧，也可以使用【铅笔工具】绘制一条平滑的曲线，再将云朵与曲线首位对应，此时第二朵运动的白云也做好了。重复制作几个云朵运动，并且要隔出时间差，可以在制作过程中选择【任意变形工具】将云朵的形状改变，并改变运动过程的时间，使效果更为逼真。日出日落【步骤19】点击“场景1”回到主场景，再一次将影片剪辑元件“云”拖至舞台上方。动画设计与制作实例6-2太阳制作太阳制作【步骤20】新建图层“太阳”，在第一帧处，选择【椭圆工具】，填充颜色设置为径向渐变，笔触设置为无，在舞台左侧绘制一个正圆，并选择【渐变变形工具】对填充色进行调整。太阳制作【步骤21】选择【铅笔工具】在圆的周围画上火焰状，并填充渐变色。全选火焰和圆形，按【Ctrl+G】将其组合，按F8将其转化为影片剪辑元件，命名为“太阳”，并在【属性】面板中给它添加“发光”滤镜。太阳制作【步骤22】进入“太阳”元件，进入编辑界面，在第220帧处插入关键帧，创建传统补间动画。在第110帧处插入关键帧，按【Ctrl+T】，打开【变形】面板，缩小太阳并对其进行旋转。【步骤23】将第220帧处的太阳也执行旋转命令，角度为100度。太阳制作【步骤24】右击“图层1”，在弹出的菜单中选择【添加传统运动引导层】，在引导层的第一帧处使用【钢笔工具】在舞台上绘制一条曲线。【步骤25】将太阳与曲线的首尾对应，并在第110帧处，将太阳的重心移至曲线上，从而完成该部分的引导动画。太阳制作【步骤26】返回主场景，新建图层“光线”，选择【矩形工具】，在舞台上绘制一个矩形，在【属性】面板中设置其大小为550*400，坐标为*：0，y：0.，按F8转化为影片剪辑元件，双击进入编辑窗口。步骤27继续按F8将其转换为图片元件，按【Ctrl+F3】组合键打开【属性】面板，在【色彩效果】中【样式】那一栏，选择【Alpha】,将不透明度改为80%，在第220帧处按F6，接着在第110帧处插入关键帧，将此帧的不透明度改为0%，并为两段分别创建传统补间动画。太阳制作【步骤28】由于绘图的时候有的图形已经超出舞台，我们需要给整个画面做一个遮罩，以便在观看时会有不和谐的部分。新建图层，选择【矩形工具】，在舞台上绘制一个矩形，在【属性】面板中设置其大小为550*400，坐标为*：0，y：0.。右击该图层，在弹出的菜单中选择。太阳制作【步骤29】按【Ctrl+Enter】组合键测试动画。动画设计与制作实例6-3元件制作元件制作【步骤1】新建Flash3.0文档，文档大小为1000*500。【步骤2】新建图形元件“pink(bg)”,在打开的元件编辑面板中，选择【工具栏】中的【矩形工具】，打开颜色面板，将颜色类型改为【线性渐变】，设置渐变色为白色至粉红色。元件制作【步骤3】在舞台中绘制矩形，之后选中该矩形，在属性面板中更改其大小为1000*500。选择【渐变变形工具】更改渐变的位置及大小。【步骤4】按【Ctrl+F8】新建图形元件“heart(bg)”，首先在【属性】面板中将舞台的背景色改为灰色，之后选择【刷子工具】，填充设置为白色，在展开的工具栏中，将刷子大小设置为最大，形状设置为椭圆形，在舞台上绘制两个相交的心形。元件制作【步骤5】选择心形后单击右键选择【转化为元件】，将其转换为影片剪辑元件，以便于添加滤镜。在属性面板中，选择添加模糊和发光滤镜。【步骤6】打开库面板，双击“pink(bg)”，打开该元件，再从库中将“heart(bg)”元件拖至舞台的合适位置，使用【任意变形工具】改变其大小。元件制作【步骤7】新建图形元件“heart”，使用【铅笔工具】，笔触颜色为#ff6699，在舞台中绘制一个爱心形状，选中该图形。【步骤8】选择【颜料桶工具】，填充色为径向渐变，白色到#ff3366，工具栏展开后的最下部，选择【封闭大空间】，填充图形，使用【渐变变形工具】调整效果。元件制作【步骤9】新建图层2，选择【椭圆工具】，笔触设置为无，填充设置为白色，在心形上绘制一个圆形，在接着绘制一个圆形与其相交，选择两个图形，按【Ctrl+B】,选择右半部分，删除，使用【选择工具】调整其形状及位置，并改变其透明度为25%。元件制作【步骤10】选择该图形，按住【Alt】键，复制一个新的图形，对其执行【修改】【变形】【水平翻转】命令，再使用选择工具调整它的位置和大小。元件制作【步骤11】新建影片剪辑元件“闪动”，将库中的“heart”元件拖至舞台中央，在第10帧、18帧、26帧、32帧处插入关键帧，接着分别对第10帧、26帧处的元件，在【变形】面板中将其大小缩小至90%，并对这几段时间轴创建传统补间动画。元件制作【步骤12】新建影片剪辑元件“文字”，在第一帧处选择【文本工具】，在舞台中拖出一个矩形框并输入字符“HappyValentine’sDay”,在【属性】面板中修改字符的大小为43磅，字体可以根据自己的需要进行选择，接着在第30帧处插入关键帧。【步骤13】新建图层，在第一帧处选择【矩形】工具绘制在字的左边绘制一个小矩形，在第30帧处，按住【Alt】键，将矩形框向右拖盖住整个字体，在图层2中创建传统补间动画，接着右击“图层2”，在弹出的菜单中选择【遮罩层】。元件制作【步骤14】按【F9】打开动作面板，输入“stop()”，此时，文字部分的内容已经完成。动画设计与制作实例6-3闪动的心闪动的心【步骤14】新建影片剪辑元件“move”，将库中的“pink(bg)”元件拖至舞台，在【属性】面板中将其坐标设置为0,0，在第90帧处插入关键帧。【步骤15】新建图层，在“图层2”中的第一帧处，将影片剪辑元件“闪动”拖至舞台左侧，在第30帧处插入关键帧，将元件向右移，并且在【变形】面板中将其旋转角度改为.15%，创建传统补间动画。闪动的心【步骤16】右击时间轴的“图层2”名称，在弹出的菜单中选择【添加传统引导层动画】，此时在“图层2”的上方就出现了一层引导层，在引导层的第一帧处，选择钢笔工具，绘制一条曲线，闪动的心【步骤17】点击“图层2”的第1帧，将元件“heart”的中心对准引导线的起点，单击“图层2”的第30帧，将元件“heart”的中心对准引导线的终点。此时引导动画已经完成。闪动的心【步骤18】在引导层上方新建图层在“图层3”中的第一帧处，将影片剪辑元件“闪动”拖至舞台右侧，在第30帧处插入关键帧，将元件向左移，并且在【变形】面板中将其旋转角度改为.20%大小缩小为90%，创建传统补间动画，接下来可以参照步骤16为该层添加引导动画。闪动的心【步骤19】新建图层，图层命名为“发散”，在第30帧处插入关键帧，将元件“heart”拖至舞台，【属性】面板中将其大小缩小至30%，按【F8】将其转化为影片剪辑元件，之后双击该元件键入编辑界面。闪动的心【步骤20】在“图层1”的第30帧插入关键帧，并创建传统补间动画。右击“图层1”，在弹出的菜单中选择【添加传统运动引导层】，在引导层的第1帧处使用【铅笔工具】绘制一条路径，并将“图层1”的第1帧和第30帧处的元件与引导线的起始点中心对应，可将第30帧处的元件使用【任意变形工具】将其旋转。闪动的心【步骤21】使用同样的方法继续创建几组引导动画，可以适当改变元件的位置以及动画的快慢和先后顺序。闪动的心【步骤22】单击左上方按钮，返回“move”元件编辑窗口，将“发散”图层移至两个引导动画图层的下方。【步骤23】分别在“发散”图层的第35、40、45、50帧处插入关键帧，将刚做好的“发散”影片剪辑元件移至舞台的两个大的心形处，并使调整位置其被心形覆盖。闪动的心【步骤24】在“move”元件的“图层1”的第一帧处，将库中的“文字”影片剪辑元件拖至舞台右下方，坐标设置为*:170,y”:70。【步骤25】单击画面左上方回到住场景，在主场景的第1帧处将元件“move”拖至舞台中央，设置其坐标为0,0。闪动的心【步骤26】按【Ctrl+Enter】组合键测试动画。动画设计与制作实例7-1制作卷轴开头制作卷轴开头【步骤1】新建一个大小为600像素x400像素的空白文档，将光盘中的“素材文件\第7章\7.1”中的图片素材导入至库中。【步骤2】将“图层1”命名为“背景”，并将库中“背景.jpg”文件拖至舞台，在第100帧处插入帧；新建图层命名为“画册”，将“画册.jpg”文件拖至舞台，调整其坐标为x:50,y:75，如图7.1所示。制作卷轴开头【步骤3】新建图层“右轴”，将“画轴.png”文件拖至舞台，调整其坐标为x:270,y:0，并将画轴转换为影片剪辑元件，命名为“轴”，如图7.2所示。制作卷轴开头【步骤4】新建一个图层并命名为“左轴”，将库中的影片剪辑元件“轴”复制到该图层中，然后对此图层中元件执行【修改】【变形】【水平翻转】命令，并将左轴的坐标调整为x:330,y:0，如图7.3所示。制作卷轴开头【步骤5】在“画册”图层的上一层新建一个“遮罩1”图层，使用矩形工具在“遮罩”图层上绘制一个高度超过封面高度的矩形（此时可以将“左轴”和“右轴”图层暂时隐藏），如图7.4所示。制作卷轴开头【步骤6】在“遮罩层1”图层的第70帧插入关键帧。对“遮罩层1”中的矩形框使用【任意变形工具】将其变大覆盖住“画册”层，然后创建补间形状；【步骤7】分别在“右轴”、“左轴”两个图层的第70帧插入关键帧，移动“左轴”、“右轴”至“封面”两边，然后分别创建传统补间，如图7.5所示。制作卷轴开头【步骤8】右键单击“遮罩层1”，在弹出的菜单中选择【遮罩层】选项，将该图层转换为遮罩层。【步骤9】按【Ctrl+Enter】组合键测试影片，如图7.6所示。动画设计与制作实例7-2探照灯动画探照灯动画【步骤1】光盘中的“素材文件\第7章\7.2”中的图片素材导入至库中。【步骤2】在“背景”、“画册”、“左轴”、“右轴”的第330帧分别插入帧。示。。

探照灯动画【步骤3】在“遮罩层1”的上方新建图层，命名为“1”，在第100帧插入关键帧，将库中的“1.jpg”素材拖曳至舞台，调整图片的坐标为x:50,y:75，在200帧处插入帧。【步骤4】按组合键【Ctrl+F8】新建一个影片剪辑元件，命名为“探照灯”，并单击“确定”按钮以进入该原件内部，如图7.7所示。探照灯动画【步骤5】在元件内部使用【椭圆工具】并按住【Shift】键绘制一个正圆形，如图7.8所示。探照灯动画【步骤6】单击时间轴下方的“场景1”以返回主场景，在图层“1”上方新建一个图层命名为“遮罩层2”，并在第100帧插入关键帧。

【步骤7】将刚才制作的“探照灯”元件从库中拖至该图层上的舞台左边，如图7.9所示。探照灯动画【步骤8】在“遮罩层2”的第150帧插入关键帧，圆形拖曳至舞台右侧外边，创建传统补间动画。再在第200帧插入关键帧，将圆形拖至舞台左下角，并创建传统补间动画。【步骤9】在“遮罩层2”的第230帧插入关键帧，将圆形拖至舞台中央，并创建传统补间动画。探照灯动画【步骤10】在“遮罩层2”的第280帧处插入关键帧，使用【任意变形工具】将圆形放大至覆盖“画册”图层，并在230~280帧中间创建传统补间动画，如图7.10所示。探照灯动画【步骤11】右键单击“遮罩层2”，在弹出的菜单中选择【遮罩层】选项，将该图层转换为遮罩层。【步骤12】按【Ctrl+Enter】组合键测试影片，如图7.11所示。动画设计与制作实例7-3百叶窗动画百叶窗动画【步骤1】分别在“背景”、“1”“左轴”、“右轴”的第470帧处插入帧。在“遮罩层2”上新建图层命名为“2”，并在330帧处插入关键帧，将素材“2.jpg”拖至舞台，设置其坐标为x:50,y:75。【步骤2】锁定“2”图层，在图层“2”上方新建“遮罩层3”图层，在330帧处插入关键帧。选择工具栏内的【矩形选框工具】，在属性栏内设置成如图7.12所示的状态。百叶窗动画【步骤3】在“遮罩层3”层上的舞台左上角绘制一个矩形，选中该矩形，在属性面板中设置其属性如图7.13所示。百叶窗动画【步骤4】选中刚才绘制的矩形，按【F8】转化为影片剪辑元件，命名为“方块”。【步骤5】进入元件内部进行编辑，再次选择该矩形，再次按【F8】将“方块”元件内的方块再次转换为影片剪辑元件，命名为“方块效果”。百叶窗动画【步骤6】再次双击转换为原件的矩形，进入“方块效果”元件内部，在图层1的第5、10、15、20帧分别插入关键帧。【步骤7】使用【部分选取工具】将第5、10、15帧的矩形分别修改为如图7.14所示的状态。百叶窗动画【步骤8】在第5、10、15帧上分别单击右键，并在弹出的菜单中选择【创建补间形状】选项，如图7.15所示。百叶窗动画【步骤9】在第20帧处单击右键，在弹出的菜单中选择【动作】选项，并在弹出的动作面板中输入“stop();”，如图7.16所示。百叶窗动画【步骤10】返回上一级进入“方块”元件内部，单击舞台上的“方块效果”元件，复制该原件，再按【Ctrl+Shift+V】将其在原位粘贴出来，并使用方向键移动该矩形，知道它和上一个矩形正好紧密相联，如图7.17所示。百叶窗动画【步骤11】重复上述步骤，将第一排舞台用这种矩形填满，并在图层1第50帧插入帧，如图7.18所示。百叶窗动画【步骤12】新建一个图层，将原来粘贴好的整排矩形进行复制，在新图层的第5帧插入空白关键帧，在将整排矩形粘贴在新图层的第5帧，并将整排矩形向下移动一个方块的距离，和上一层矩形相接，如图7.19所示。百叶窗动画【步骤13】重复上面的步骤，每新建一个图层，在上一图层插入矩形的帧数再加5帧的帧上插入空白关键帧，并将举行粘贴在该帧上，调节其位置使其与上一层紧密相邻，最终将矩形框全部覆盖背景图片，如图7.20所示。百叶窗动画【步骤14】在最上面图层的最后一个关键帧位置，按【F9】，在其中输入脚本“stop();”后关闭动作面板。【步骤15】双击方块进入“方块效果”元件内部，选中第1帧的内容，按【Delete】键删除第1帧的所有内容，如图7.21所示。百叶窗动画【步骤16】返回主场景，将“遮罩层3”层转换为遮罩层。【步骤17】按【Ctrl+Enter】组合键测试影片，如图7.22所示动画设计与制作实例7-4图片切换动画图片切换动画【步骤1】分别在“背景”、“左轴”、“右轴”三个图层的第550帧插入帧。【步骤2】在“遮罩层3”图层上方新建图层“竖线1”，在470帧处插入关键帧，用线条工具画一条竖直线，高度与“左轴”图层相似，放在左轴的位置。图片切换动画【步骤3】在第530帧处插入关键帧，并将线条拉至右轴位置，并创建补间形状动画，如图7.23所示。图片切换动画【步骤4】新建图层“竖线2”，和上面一样画一个竖直线，这次把竖直线从右到左放置，然后创建补间形状动画。【步骤5】新建图层“3”，并将其移动至“竖线1”图层的下方，在470帧处插入关键帧，将库中的“2.jpg”文件拖至舞台，设置其坐标为x:50,y:75，如图7.24所示。图片切换动画【步骤6】在图层“3”上方新建图层“4”，在第500帧处插入关键帧，将库中“3.jpg”拖至舞台，设置其坐标为x:50,y:75.【步骤7】新建图层“遮罩层4”，在第500帧处插入关键帧，用矩形工具画一个长方形的方块，注意一定要和两条直线对齐，如图7.25所示。图片切换动画【步骤8】在第530帧处插入关键帧，把方块用任意变形工具拉大，覆盖“4”图层，创建形状补间动画，如图7.26所示。图片切换动画【步骤9】在“遮罩层4”名称上单击右键，在弹出菜单中选择【遮罩层】，将其转换为遮罩层。【步骤10】按【Ctrl+Enter】组合键测试影片如图7.27所示。

动画设计与制作实例7-5模糊放大镜动画模糊放大镜动画【步骤1】在竖线2上方新建图层“5”，在第550帧处插入关键帧，将库中“4.jpg”拖至舞台，使用【选择工具】选中图片将其转换为图形元件，如图7.28所示。模糊放大镜动画【步骤2】新建图层“6”，将“5”中的第550帧复制到“6”的第550帧中，然后选中“6”中的图形元件，在属性面板中将图形设置为影片剪辑，如图7.29所示。模糊放大镜动画【步骤3】将图层“6”中的影片剪辑元件在“属性”面板中为其添加“模糊”滤镜，模糊x和模糊y均为5像素，如图7.30所示。模糊放大镜动画【步骤4】将图层“6”拖至图层“5”的下方，在图层“5”上方新建图层“遮罩层5”，在第550帧处插入关键帧，使用【椭圆工具】，设置边框属性为无边框，在此绘制一个正圆，并将其转换为图形元件，如图7.31所示。模糊放大镜动画【步骤5】将“遮罩层5”设置为图层“5”的遮罩层。【步骤6】在“遮罩层5”的上方新建图层“放大镜”，使用【椭圆工具】，将笔触设置为黑色，线条粗细设置为5像素，填充颜色为空，在此绘制一个正圆，再按【Ctrl+G】组合键组合图形，如图7.32所示。模糊放大镜动画【步骤7】使用【矩形工具】绘制一个无边框的黑色矩形，并使用【选择工具】将其调整为如图7.33所示的形状。模糊放大镜动画【步骤8】将库中“元件2”拖至舞台中，调整其大小和位置，在“属性”面板中将其改为影片剪辑类型并为其添加“发光”滤镜，参数如图7.34所示。模糊放大镜动画【步骤9】使用【椭圆工具】绘制一个没有边框的椭圆，在“颜色”面板中设置其类型为“径向渐变”，并设置第1个色标为白色，Alpha为40%；第2个色标为黑色，Alpha为0%。选中图层“放大镜”的第550帧，将其转换为“放大镜”影片剪辑元件，如图7.35所示。模糊放大镜动画【步骤10】返回场景，将“遮罩层5”中的圆转换为影片剪辑元件，并将它的实例名命名为maskMc，再设置“放大镜”的实例名称为magnifier，如图7.36。模糊放大镜动画【步骤11】在“放大镜”图层上方新建一个AS图层，选择该图层的第550帧，打开“动作”面板，输入如图7.37所示的控制程序。模糊放大镜动画【步骤12】按Ctrl+Enter组合键测试影片如图7.38所示。动画设计与制作实例8-1飘散文字飘散文字【步骤1】新建Flash文档，大小为500*315,将背景图片导入到舞台，调整坐标为0,0，在图层1的第140帧处插入关键帧。【步骤2】新建图形元件1，使用【文本工具】输入文本“我”。依次新建图形元件2-13，并依次的输入“悄悄地走了，正如我悄悄地来”，如图所示。飘散文字【步骤3】返回“场景1”，新建图层“我”，将元件1图形元件拖入舞台并放置到合适的位置。【步骤4】在第3帧和第25帧处插入关键帧，并设置文字的位置，20帧处的文字分别向上方和右方移动50像素，Alpha值调为0%,并创建传统补间动画。飘散文字【步骤5】新建图层“悄”，将图形元件2拖至舞台合适位置，在第8帧和第30帧处插入关键帧，并将30帧处的文字分别向上方和右方移动50像素，Alpha值调为0%,并创建传统补间动画。【步骤6】按照同样的方法，将元件3至元件6执行操作，最终效果如图所示。飘散文字【步骤7】新建图层“正”，在第80帧处插入关键帧，将元件7拖至舞台合适的位置。【步骤8】在第102帧处插入关键帧，将元件向左和下方移动50像素，再将第80帧处的元件的Alpha纸条为0%。飘散文字【步骤9】对剩余的元件8至元件13做类似的处理，最后结果如图所示。【步骤8】在第102帧处插入关键帧，将元件向左和下方移动50像素，再将第80帧处的元件的Alpha纸条为0%。动画设计与制作实例8-2彩虹文字彩虹文字【步骤1】新建Flash文档，大小为550x400。

【步骤2】将配套的背景图片导入到库，并将它拖至舞台中央，调整坐标为0,0【步骤3】新建“彩虹”图层，选择【椭圆工具】，填充为无，边框为黑色，按住【Shift】键，在舞台上绘制一个正圆，如图10.8所示。彩虹文字【步骤4】打开【变形】面板，点击右下角的【重置选区和变形】，并将变形大小更改为90%，再连续点击六次【重置选区和变形】按钮，效果如图8.9所示。彩虹文字【步骤5】选择【线条工具】，将圆环从中间分开，如图8.10所示。彩虹文字【步骤6】全选圆环和线条，按【Ctrl+B】将其打散，之后选择【选择工具】删除下半部分的线条，如图8.11所示。彩虹文字【步骤7】选择【颜料桶工具】，分别为七个半圆填充“赤橙黄绿青蓝紫”的颜色，再删除所有的线条，并调整其位置，如图8.12所示。彩虹文字【步骤8】全选该图层上的图形，按【Ctrl+G】组合，并将其转换为影片剪辑元件“彩虹”。【步骤9】在【属性】面板的【显示】那一栏中，将混合模式选择为叠加，这样，彩虹和背景图片就能更好的融合，如图8.13所示。彩虹文字【步骤10】新建图层“色块”，再新建影片剪辑元件“彩虹纹理”，选择【矩形工具】，笔触为无，填充色为【样本】面板中的七彩变色，在该元件的第1帧处绘制矩形，大小为800x150，再按住【Alt】键，拖曳该矩形，复制出一个新的矩形，与该矩形左右相邻，选中两个矩形，按【Ctrl+G】组合，并将其坐标设为0,0，如图8.14所示。

彩虹文字【步骤11】在第60处插入关键帧，将60帧处矩形色块的坐标设为-800，0，并创建传统补间动画。【步骤12】返回主场景，在“色块”图层的第1帧处，将库中的“彩虹纹理”拖至舞台，如图8.15所示。

彩虹文字【步骤13】新建图层“文字”，在第一帧处选择【文本工具】，在彩虹纹理上绘制文本框，并在文本框中输入“彩虹天堂”，如图8.16所示。彩虹文字【步骤14】此时，我们只需要将“文字”图层设置为遮罩层，就可以将“色块”图层的颜色以文字的形式显示出来了，右击“文字”图层名称，在弹出的菜单中选择【遮罩层】。【步骤15】按Ctrl+Enter组合键，测试动画，如图8.17所示。彩虹文字【步骤13】新建图层“文字”，在第一帧处选择【文本工具】，在彩虹纹理上绘制文本框，并在文本框中输入“彩虹天堂”，如图8.16所示。彩虹文字【步骤13】新建图层“文字”，在第一帧处选择【文本工具】，在彩虹纹理上绘制文本框，并在文本框中输入“彩虹天堂”，如图8.16所示。彩虹文字【步骤13】新建图层“文字”，在第一帧处选择【文本工具】，在彩虹纹理上绘制文本框，并在文本框中输入“彩虹天堂”，如图8.16所示。动画设计与制作实例8-3滚动文字滚动文字【步骤1】打开素材文件“第8章\素材\8.3.fla”，如图8.18所示。滚动文字【步骤3】选中云朵，按【F8】将其转换为图形元件“云”，在第400帧处插入关键帧，将舞台中的云朵向右移动，在第1帧处创建传统补间动画，返回主场景后将该动画移至舞台左侧。

滚动文字【步骤2】新建影片剪辑元件“云朵动画”，将库中元件“云朵”拖至舞台中央，如图8.19所示。

滚动文字【步骤4】使用同样的方法以及三张花朵图片分别制作出对应的补间动画。滚动文字【步骤5】新建影片剪辑元件“小草动画1”，使用【直线工具】、【选择工具】和【颜料桶工具】绘制出如下图所示的小草。滚动文字【步骤6】将小草转换为图形元件“小草1”。【步骤7】在第7帧处插入关键帧，将小草图形做适当的旋转调整，之后创建传统补间动画。滚动文字【步骤8】之后再使用同样的方法为小草动画制作后面的步骤，同学们可以自己拟定参数，只要合适即可，最终结果如下图所示。滚动文字【步骤9】使用同样的方法再次制作出几组小草的动画。

滚动文字【步骤10】返回主场景，在“图层3”上继续新建图层，将几个花动画和小草动画拖至舞台合适位置，如图8.26所示。滚动文字【步骤11】继续新建图层，并将几种花和小草的图形元件拖至舞台合适位置。【步骤12】新建图层，使用【矩形工具】创建一个【填充颜色】计算机打字效果为40%白色的矩形。滚动文字【步骤13】使用【文本工具】在矩形框内输入“见与不见”，并调整字符属性。滚动文字【步骤14】继续使用【文本工具】在合适的位置输入以下文字“你见，或者不见我我就在那里不悲不喜

你念，或者不念我情就在那里不来不去

滚动文字【步骤15】按Shift键双击文本框右下角的手柄，使其呈现实心黑点，然后调整文本框的长度。滚动文字【步骤16】按Ctrl+Enter测试动画效果。动画设计与制作实例10-4计算机打字效果计算机打字效果【步骤1】新建Flash文档，文档大小为550x500，按【Ctrl+R】将背景图片导入到到舞台，调整到合适的位置。【步骤2】新建“文本”文档，在【属性】面板中将其命名为“txt”，并在【消除锯齿】中选择【使用设备字体】，如图8.32所示。计算机打字效果【步骤3】新建as图层，在第1帧处按【F9】，输入代码，如图8.33所示。计算机打字效果【步骤4】按Ctrl+Enter测试动画，如图8.34所示。动画设计与制作实例8-5火焰字效果火焰字效果【步骤1】新建Flash文档，大小为550x300。

【步骤2】新建影片剪辑元件“txt”，选择【文本框】工具，并设置字体大小为90磅，字体样式尽量选择粗一些的，颜色为黑色，在舞台中输入“MAGIC”，如图8.35所示。火焰字效果【步骤3】将案例中的图片导入到库中，新建影片剪辑元件“1”、“2”，并将两张图片分别导入。【步骤4】新建影片剪辑元件“3”，在“图层1”的第1帧处将影片剪辑“txt”拖至舞台中央，调整位置，更改【属性】面板中的参数，具体如图8.36所示。火焰字效果【步骤5】新建“图层2”，将影片剪辑“1”拖至舞台中央，同样更改【属性】面板中的参数，具体如图8.37所示。火焰字效果【步骤6】新建影片剪辑元件“4”，将“3”拖至舞台，在第1帧处，为元件添加滤镜【斜角】，再分别在第60帧和120帧插入关键帧，调整滤镜参数，具体参数如图8.38所示。火焰字效果【步骤7】分别为两段时间轴创建传统补间动画。【步骤8】新建影片剪辑元件“5”，将“4”拖至舞台中央，在第1帧处为其添加发光滤镜，并调整【显示】中的参数，在第70帧处插入关键帧；之后在第20帧和第55帧处插入关键帧，调整参数，如图8.39所示。火焰字效果【步骤9】新建影片剪辑元件“6”，在“图层1”的第1帧处，将“txt”拖至舞台中央，新建“图层2”，将“5”同样拖至舞台。【步骤10】新建影片剪辑元件“7”，将库中的“3”拖至舞台，更改其色彩效果中的【样式】为高级，更改参数如图8.40所示。火焰字效果【步骤11】为其添加【斜角】滤镜，设置参数，在70帧处插入关键帧，更改参数，之后创建传统补间动画，具体参数如图8.41所示。火焰字效果【步骤12】新建影片剪辑元件“8”，将“txt”拖至舞台中央，并在第120帧处插入帧。【步骤13】新建“图层2”，将“4”拖至舞台中央，将其【混合】模式调整为强光，并设置【发光】参数，之后在第120帧处插入关键帧，如图8.42所示。火焰字效果【步骤14】继续在“图层2”的第40帧处插入关键帧，更改参数如图8.43所示，数据更改完之后在第80帧处插入关键帧，并为三段内容创建传统补间动画。火焰字效果【步骤15】新建“图层3”，继续将“4”拖至舞台中央，与前面层上的图形对齐，重复步骤13、14，具体参数如图8.44所示。火焰字效果【步骤16】新建“图层4”，将“txt”拖至舞台并对齐，为其添加【斜角】、【发光】滤镜，参数如图8.45所示。火焰字效果【步骤17】新建“图层5”，将“6”拖至舞台并对齐，为其添加【强光】混合模式；再新建“图层6”，将“txt”拖至舞台对齐，再将它转换为遮罩层，如图8.46所示。火焰字效果【步骤18】新建“图层7”，将“7”拖至舞台并对齐，首先把【混合】模式更改为【减去】，再为其添加【发光】和【模糊】滤镜，如图8.47所示。

火焰字效果【步骤19】返回主场景，将“8”拖至舞台合适位置，再把舞台的背景改为黑色，按Ctrl+Enter,测试动画，如图8.48所示。动画设计与制作实例9-1人物图片按钮人物图片按钮【步骤1】打开本例的“人物按钮素材.fla”文件，按Ctrl+F8快捷键新建一个影片剪辑元件，命名为“pic1”，从【库】面板中将位图“p1”拖入舞台，并对齐到中心。新建“图层”2，使用【矩形工具】为图片添加1像素的白色方框。【步骤2】采用同样的方法，分别新建影片剪辑元件“pic2”~“pic5”，依次将位图“p2”~“p5”拖入对应元件中，并添加方框。人物图片按钮【步骤3】新建一个按钮元件，命名为“b1”，在该元件的舞台上拖入对应元件“pic1”，适当缩小一点。分别在“指针”、“按下”和“点击”帧按【F6】键插入关键帧。然后选择“弹起”帧，将实例的Alpha设置为71%；选择“指针”帧，在图片的上方输入文字“黛玉”。人物图片按钮【步骤4】采用同样的方法，分别完成按钮元件“b2”~“b5”的制作。返回“场景1”，在所有图层上方新建“b1”图层，在第120帧按【F6】插入关键帧，将按钮元件“b1”拖入舞台。人物图片按钮【步骤5】在“b1”图层的第150帧插入关键帧，在【属性】面板中将第120帧实例的Alpha设置为0%，然后在这两个关键帧之间创建传统补间，制作按钮逐渐显示的入场动画。采用同样的方法，新建“b2”~“b5”图层分别制作“b2”~“b5”的入场动画，让按钮一个接一个地进入画面。人物图片按钮【步骤6】新建“动作”图层，在第250帧插入关键帧，在【动作】面板中添加脚本“stop()；”。至此，图片按钮就制作好了。保存文件，按Ctrl+Enter测试影片。动画设计与制作实例9-2看图学单词看图学单词【步骤1】打开本例的“看图学单词素材.fla”文件，先在【库】面板中打开“人物”影片剪辑进行修改。第1、5帧插入关键帧，将第5帧人物嘴巴进行调整，改变人物表情为喜。在第15帧处插入关键帧，并按【F9】打开【动作】面板，输入脚本“stop();”，结束后将“人物”影片剪辑元件重命名为“人物-喜”。看图学单词【步骤2】右击“人物-喜”影片剪辑元件，选择【直接复制】命令，得到“人物-怒”影片剪辑元件。选中人物头发，右击【转换为元件】，得到“头发”影片剪辑元件。用同样的方法制作“眼睛”、“眉毛”影片剪辑元件。看图学单词【步骤3】在“人物-怒”影片剪辑元件中，将“图层1”中人物原有的头发、眉毛、眼睛删除，用【滴管工具】和【画笔工具】将人物脸上空白的地方涂上。新建“头发”、“眉毛”、“眼睛”图层，分别拖入相应影片剪辑元件，调整位置。在“图层1”、“头发”、“眉毛”、“眼睛”图层插入关键帧，制作人物怒表情动画。新建“图层3”，在第15帧处插入关键帧，并按【F9】打开【动作】面板，输入脚本“stop();”，“人物-怒”影片剪辑元件制作完成。看图学单词【步骤4】使用【直接复制】命令，在“人物-怒”影片剪辑元件的基础上，制作“人物-悲伤”和“人物-害怕”影片剪辑元件。看图学单词【步骤5】新建“happy”按钮元件。在“图层1”，使用【矩形工具】绘制一个圆角矩形为按钮背景，4帧均插入关键帧。新建“图层2”，添加文字happy，同样4帧均插入关键帧。更改第2帧文字颜色，并添加文字开心的。新建“图层3”，选择第3帧，打开【属性】面板，更改【声音】属性，选择“happy.mp3”。新建“图层4”，选择第2帧，拖入“人物-喜”影片剪辑元件，调整好位置，完成“happy”按钮元件制作。看图学单词【步骤6】直接复制“happy”按钮元件，得到“angry”按钮元件。打开“angry”按钮元件，选择“图层4”第2帧，右击影片剪辑元件，选择【交换元件】命令，将“人物-喜”影片剪辑元件换为“人物-怒”影片剪辑元件。更改“angry”按钮元件中的文字和声音素材完成“angry”按钮元件的制作。用以上方法同样制作“sad”按钮元件和“scared”按钮元件。看图学单词【步骤7】回到“场景1”，添加“背景”图层，添加背景和文字；新建“按钮”图层，将四个表情按钮添加到舞台上，调整好位置，看图学单词制作完成，保存文件，按Ctrl+Enter测试影片。动画设计与制作实例9-3网页抽签式按钮网页抽签式按钮【步骤1】新建“元件1”影片剪辑元件，放入“位图.png”素材，调整其大小。新建“元件2”图形元件，设置笔触颜色为无，填充颜色设为“线性渐变（#FF00CC到#FF0066）”，绘制矩形。新建影片剪辑元件“元件3”，绘制房子小图标。新建“元件4”影片剪辑元件，在“图层1”、“图层2”、“图层3”分别放入“元件2”、“元件1”、“元件3”，并调整大小及位置。网页抽签式按钮【步骤2】“元件4”的“图层1”中，在第10帧处插入关键帧，向上调整“元件2”的位置。将第1帧复制粘贴到第26帧、第33帧处。将第10帧复制到第17帧处。在第13帧和第30帧处分别添加关键帧，进行微调。在帧与帧之间创建传统补间动画。新建“图层4”，输入文本“HOME”，将文本转为图形元件“文字1”，并将“图层4”移至“图层1”上方，参照“图层1”添加关键帧，调整文本位置，创建传统补间动画。网页抽签式按钮【步骤3】在“图层3”中，选中“元件3”，打开【属性】面板，为其添加【发光】滤镜，颜色为“红色（#FF0066）”。根据其他图层插入关键帧，设置相应发光参数，并在帧与帧之间插入传统补间动画。网页抽签式按钮【步骤4】新建“图层5”，在第1帧、第17帧、第33帧处插入空白关键帧，输入脚本“stop();”。新建图层“as”，在第1帧处输入以下脚本，完成“元件4”影片剪辑元件的制作。网页抽签式按钮【步骤5】直接复制“元件4”影片剪辑元件，得到“元件5”至“元件8”影片剪辑元件，修改复制后的影片剪辑元件。返回“场景1”，将背景素材拖入舞台中。新建“按钮”图层，将“元件4”至“元件8”影片剪辑元件拖入舞台，调整好位置，网页抽签式按钮制作完成，保存文件，按Ctrl+Enter测试影片。动画设计与制作实例9-4镜面反射规律镜面反射规律【步骤1】新建“镜面”影片剪辑元件，绘制镜面图形。新建“入射光线”影片剪辑元件，绘制入射光线图形，让表示方向的箭头正好在舞台原点处。新建两个按钮元件，一个为“增加角度”，一个为“减小角度”。【步骤2】回到“场景1”，把“图层1”重命名为“镜面”，再新建“光线”、“按钮”图层，分别把“镜面”影片剪辑元件、“入射光线”影片剪辑元件、两个按钮元件放至相应图层，调整好元件位置。在“镜面”图层中添加垂直于镜面的虚线，和相关说明文字，“镜面反射的规律”、“镜面”、“法线”、“入射光线”等。在“按钮”图层，选中“增加角度”按钮元件，打开【属性】面板，输入实例名称“zjjd_btn”；选中“减小角度”按钮元件，输入实例名称“jxjd_btn”。同样在“光线”图层输入“入射光线”影片剪辑的实例名称“rsgx_mc”。镜面反射规律【步骤3】新建“as”图层，选中“as”图层第1帧，按【F9】打开【动作】面板，输入“增加角度”和“减小角度”按钮元件的鼠标点击事件脚本。镜面反射规律【步骤4】直接复制“入射光线”影片剪辑元件，得到“反射光线”影片剪辑元件。打开“反射光线”影片剪辑元件，将图形垂直翻转。调整其位置，让光线的下端点位于舞台原点处，同时在“图层1”的第2帧插入普通帧。新建“as”图层，在第1帧处输入以下动作脚本。镜面反射规律【步骤5】返回“场景1”，选择“光线”图层，将“反射光线”影片剪辑元件拖入舞台，调整位置，并在镜面图层添加文字“反射光线”，镜面反射规律动画制作完成，保存文件，按Ctrl+Enter测试影片。镜面反射规律动画设计与制作实例9-5计算器计算器【步骤1】新建Flash文档，在【属性】面板中设置舞台大小为215px*260px。把“图层1”重命名为“背景”，用【矩形工具】画一个圆角矩形作为计算器的背景，添加计算器文本。新建“按键”图层，按Ctrl+F7打开【组件】面板，在其中展开【UserInterface】类别，选择“Button”组件拖入舞台，在【属性】面板设置相关属性，在“label”中输入1，实例名称为“num1”，调整位置大小，完成数字键“1”按钮的制作。计算器【步骤2】复制数字键“1”按钮，制作其他按键按钮。数字键0～9，实例名称是“num0”~“num9”，lable“0”~“9”。运算符按钮加、减、乘、除和等号，实例名称分别是“btnfh1”、“btnfh2”、“btnfh3”、“btnfh4”和“btnequ”，lable值分别是“＋”、“－”、“×”、“÷”和“=”。小数点键按钮实例名称为“btnpoint”，lable值为“.”。归零键按钮，实例名称“btnac”，lable值为“AC。按钮制作好后按照下图进行排列。同时绘制一个白色黑框矩形为显示屏，大小宽为140px、高为25px，位置x值为14、y值为29。计算器【步骤3】锁定背景和按键图层，新建as图层，选择第1帧，按【F9】打开动作面板，输入以下脚本。//显示屏文本位置计算函数functionwzjs(xptext:TextField):Number{ varls:Number=(13-(xptext.length))*10.3+16; if(ls<10) { ls=16; } return(ls);}//设置屏幕文本及其格式varxsnum:TextField=newTextField();varformat:TextFormat=newTextFormat();format.size=20;format.color=0x000000;xsnum.text="0";xsnum.setTextFormat(format);xsnum.x=wzjs(xsnum);xsnum.y=30;xsnum.height=26;xsnum.width=134;addChild(xsnum);//初始化变量vardqnum:Number=0;varccnum:Number;varjgnum:Number;varfuhao:uint;varfhcs:uint=0;vardhcs:uint=0;//清零按钮鼠标单击事件处理函数functionbtnqlcl(event:MouseEvent):void{ xsnum.text="0"; xsnum.x=wzjs(xsnum); dqnum=0; ccnum=0; fhcs=0; dhcs=0;}btnac