第5讲 基本动画制作(三)Flash高级商务动画设计(PPT全)(袁野版)

FLASH商务应用

五、各种动画的综合上节课回顾学会不同元件在不同图层设计传统补间动画。掌握为动画添加音频的技巧和方法，掌握声音参数设置的各个含义。掌握影片剪辑的创作方法以及在动画创作中的意义影片剪辑是整个Flash应用程序影片的核心，几乎所有的交互操作都是围绕影片剪辑展开的。一个影片剪辑就是一个迷你型Flash影片。它有自己的时间轴和属性，元件库中的影片剪辑元件可以重复使用，每一次使用就调用影片剪辑的一个实例，而且影片剪辑可以相互嵌套。两者是互相独立的，影片剪辑有着独立于主场景的能力。与主场景可以同时播放。一、【目的】多图层动画帧的复制，翻转等操作学习动画动作的复制，并制作动画拖尾效果。制作金字塔旋转的动画。二、【重点】

拖尾动画制作技巧。立体动画制作技巧。三、【难点】

立体动画制作技巧。实例5-1音箱也疯狂【实例说明】音箱随着音乐不停振动，同时代表声音的乐符向四周扩散并消失。【技术要点】使用影片剪辑元件创建音箱振动的动画效果，利用移动动画以及对象颜色属性的设置创建蝌蚪符移动和淡出的动画效果。课堂示例1:关键步骤双击打开音箱也疯狂.fla，菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为550×400，背景颜色为白色，帧频为12fps(即12帧/秒)。单击“确定”按钮，进入文档场景编辑窗口。菜单上，插入新建元件，打开“创建新元件”对话框。在名称后输入：音箱振动，行为选择“影片剪辑”。单击“确定”按钮，打开“音箱振动”影片剪辑元件的编辑窗口；从库面板中将“音箱”图形元件拖动到舞台上。用鼠标右键单击“图层1”的第2帧插入关键帧，然后在该帧中将“音箱”元件压扁，如图所示为音箱第1帧和第2帧的显示效果课堂示例1:关键步骤单击舞台左上方的“场景1”按钮切换到场景编辑窗口。将“图层1”更名为“背景”，将准备好的图片“花草.jpg”导入到图层的第1帧中，将图片调整位置，在该图层的第24帧上点击鼠标右键插入帧，图片背景自动扩展到24帧。在“背景”图层之上新建“声音”图层，菜单上，文件导入库，在打开的“导入到库”对话框上，找到准备好的“蛙鸣.wav”（一段长2秒钟的声音文件），单击“打开”按钮，将该文件导入到库面板中；单击“声音”图层的第1帧，从库面板中拖动“蛙鸣.wav”声音对象到舞台上，此时时间轴如图所示。课堂示例1:关键步骤在“声音”图层之上新建“音箱”图层，从库面板中将“音箱振动”影片剪辑元件拖动到舞台上，并调整其位置，如图1所示。在“音箱”图层之上新建“节拍1”图层，从库面板中将“蝌蚪符”图形元件拖动到舞台上，并调整其位置，如图2所示。用鼠标右键单击“节拍1”图层的第1帧创建传统补间动画，然后鼠标右键单击第12帧插入关键帧。单击第12帧，在舞台上将“蝌蚪符”元件移动到舞台的右上方。菜单上，窗口变形，在“变形”面板上设置缩放比例为30%；单击舞台左下方的“属性”按钮，打开“属性”面板，在“颜色”后面的下拉列表框中选择Alpha，将它的值设为10%,使“蝌蚪符”淡出。课堂示例1:关键步骤鼠标单击“节拍1”的第1帧，按住【Shift】键的同时单击第12帧，则选中了第1帧至第12帧（第1帧至第12帧变黑），松开【Shift】键；再按住【Alt】键的同时，用鼠标拖动选中的12个帧向右移，直到第1帧落在了第13帧的位置上（则原来的12个帧复制到了第13帧至第24帧的位置，此时第13帧至第24帧仍然被选中），在第13帧至第24帧任何一帧上点占鼠标右键翻转帧。在“节拍1”图层之上新增“节拍2”和“节拍3”图层，按照步骤13）～15）在这两个图层创建相同的动画效果，所不同的是蝌蚪符的起始位置不同，终点位置分别朝向右侧和右下方。完成的时间轴如图所示。单上，控制测试影片，观看设计效果。菜单上，文件保存。实例5-2一个也不能跑【实例说明】文字Flash出场后，lash字母跑出舞台右侧，F字母变形后将它们从舞台右侧拉回来。【技术要点】综合使用补间动画和帧动画，同时借助于帧数翻转功能，快速制作反向运动动画效果。课堂示例2:关键步骤启动FlashCS4，菜单上，文件另存为，在“另存为”的对话框上，先选择保存文件的文件夹的位置，在文件名后输入：一个也不能跑.fla，点击“保存”按钮。菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为300px×140px，背景颜色为浅蓝色，帧频为12fps，点击“确定”。选中工具箱中的文本工具，点击舞台左下方的“属性”按钮，打开“属性”面板，设置字体为宋体，大小为22，颜色为黑色，粗体显示。鼠标在舞台上点击后，输入文本对象：Flash，如图1所示。选择工具箱中的箭头工具，将舞台上的文本对象选中，菜单上，修改分离，将文本对象打散成单个的字母。F转换为元件，使用箭头工具选中字母lash，菜单上，修改组合，将这几个字母再组合成一个对象，转换为元件。此时舞台上有两个元件，一个是字母F，另一个是组对象lash,如图2所示课堂示例2:关键步骤在舞台上单击选中lash组对象，菜单上，编辑剪切。在“图层1”之上新建“图层2”，单击“图层2”的第一帧，菜单上，编辑粘贴到当前位置。鼠标右键单击“图层1”的第12帧插入关键帧，菜单上，窗口变形，打开“变形”面板，设置变形比例为400%，打【Enter】键；鼠标右键单击“图层1”的第1帧创建传统补间动画，则第1帧到第12帧之间创建了字母F由小变大的动画效果，此时时间轴显示和第12帧舞台状况如图所示。课堂示例2:关键步骤鼠标右键单击“图层2”的第12帧插入关键帧，菜单上，窗口变形，打开“变形”面板，设置变形比例为400%，打【Enter】键之后，将放大的lash组对象向右移动至图1所示的位置。鼠标右键单击“图层2”的第1帧创建传统补间动画，则第1帧到第12帧之间创建了lash组对象由小变大的动画效果，此时时间轴显示如图2所示鼠标右键单击“图层2”的第16帧插入关键帧，鼠标选中lash组对象并将其移至舞台的右侧外面，如图3所示；鼠标右键单击“图层2”的第12帧创建传统补间动画，此时时间轴如图4所示课堂示例2:关键步骤鼠标右键单击“图层1”的第17帧插入关键帧，然后选择工具箱中的箭头工具，选中舞台上的字母F，菜单上，修改分离，将字母F打散成颜色块，如图1所示鼠标箭头在舞台上空白处单击，取消对字母F的选取。移动鼠标指针到字母F的横笔划上，按住鼠标并向右拖动，更改字母F的外形，如图2所示。鼠标右键单击“图层1”的第18帧插入关键帧，继续改变字母F的外形，如图3所示。依次在第19帧和第20帧中插入关键帧，并依次更改字母F的外形，直到字母F触及舞台右边缘，如图4中显示的是第19帧和第20帧中字母F的外形

课堂示例2:关键步骤单击“图层1”的第17帧，按下【Shift】键，单击第20帧，则第17帧至第20帧同时变黑，表明第17帧到第20帧同时被选中。按下【Alt】键，鼠标拖动被选中的帧块向右移动，使黑色选中的起始帧移到时间轴上的第21帧，松开鼠标左键，则第17帧至第20帧被复制到了第21帧至第24帧，如下图此时第21帧至第24帧仍处于被选中状态（这些帧格是黑色背景），鼠标右键在被选中的任一帧上单击翻转帧，将第21帧到第24帧的先后顺序颠倒，即产生字母F从拉长的状态到还原状态。鼠标右键单击“图层2”的第20帧插入空白关键帧，如下图所示

课堂示例2:关键步骤将“图层2”的第12帧至第16帧复制到第20帧至第24帧，此时第20帧至第24帧仍处于被选中状态（这些帧格是黑色背景），鼠标右键在被选中的任一帧上单击翻转帧，如下图

按下【ctrl+Enter】键，观看影片播放效果。菜单上，文件保存

实例5-3移形换影拖尾动画【实例说明】一只狗从一个位置移动到另外一个位置，后面还带着长长的拖尾。【技术要点】主要使用多层移动动画效果，并逐渐减少对象起始帧的Alpha颜色属性设置，从而实现拖尾效果。课堂示例3:关键步骤启动FlashCS4，菜单上，文件新建，创建了一个新的Flash影片文件。菜单上，文件另存为...，在打开的“另存为”对话框上，选择保存文件的文件夹位置，在“文件名”后输入：移形换影.fla，点击“保存”按钮。菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为550×400，背景颜色为淡蓝色，帧频为12fps(即12帧/秒)，单击“确定”按钮，返回到文档场景编辑窗口。菜单上，文件导入导入到舞台，将狗头.jpg导入，ctrl+b打散，工具栏上的套索工具，使用魔术棒，将狗头背景去除。缩放工具放大，橡皮擦擦除线条。箭头工具选中狗头，F8，转换为图形元件。并调整其位置如下图。课堂示例3:关键步骤鼠标右键单击“图层1”的第5帧插入关键帧，调整元件“狗头”的位置，如图1所示。鼠标右键单击“图层1”的第11帧插入关键帧，保持元件“狗头”的位置不变；鼠标右键单击“图层1”的第15帧插入关键帧，调整元件“狗头”的位置。课堂示例3:关键步骤用鼠标右键单击“图层1”的第1帧创建传统补间动画，再用鼠标右键单击“图层1”的第11帧创建传统补间动画，此时时间轴显示如图所示单击“图层1”的第1帧，鼠标单击舞台上的元件“狗头”，再单击舞台左下方的“属性”按钮，打开“属性”面板，在面板上“颜色”后的下拉列表框中选Alpha，并设置它的值为0%,此时舞台上的“狗头”消失（实际上是不显示）。按照同样的方法，设置第15帧中的“狗头”对象的Alpha属性值为0%。在“图层1”之上新建“图层2”。课堂示例3:关键步骤单击“图层1”的第1帧，按住【Shift】键的同时再单击“图层1”的第15帧，鼠标选中了第1帧至第15帧，按住【Alt】键的同时将选中的“帧块”移动到“图层2”第2帧至第16帧中，松开鼠标左健，“帧块”复制成功，如图1所示。按照同样的方法，继续创建“图层3”、“图层4”，同样偏移一帧复制“帧块”，完成后的时间轴如图2所示菜单上，控制测试影片，观看效果。菜单上，文件保存。实例5-4旋转的金字塔和旋转的文字【实例说明】旋转的金字塔和旋转的文字。【技术要点】首先绘制立体金字塔矢量图，然后使用带形状提示的补间形状动画制作出立体效果的金字塔动画；写两层文字，制作带阴影的文字，做出图形元件，使用传统补间动画制作文字的旋转。课堂示例4:关键步骤启动FlashCS4，菜单上，文件新建，创建了一个新的Flash影片文件。菜单上，文件另存为...，在打开的“另存为”对话框上，选择保存文件的文件夹位置，在“文件名”后输入：旋转.fla，点击“保存”按钮。菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为550×400，背景颜色为白色，帧频为12fps(即12帧/秒)，单击“确定”按钮，返回到文档场景编辑窗口。新建影片剪辑“金字塔旋转”，分别在第1帧、第40帧、第41帧、第80帧、画如图矢量图，应用带形状提示的补间形状动画。单击第1帧，按住【Shift】键的同时再单击第40帧，鼠标选中了第1帧至第40帧，按住【Alt】键的同时将选中的“帧块”移动到第81帧至第120帧中，松开鼠标左健，“帧块”复制成功，课堂示例4:关键步骤回到场景1，新建影片剪辑“双金字塔旋转”，拉入影片剪辑“金字塔旋转”2个到舞台，任意变形工具翻转上面的实例，画竖直线连接2个实例。回到场景1，图层1第1帧，写文字“中华人民共和国”，复制1遍，将原来的设置为黑