flash入门基础第七课动作补间动画.docVIP

第7课　动作补间动画 　　动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“群组对象”。　　运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，充分利用动作补间动画这些特性，可以制作出令人眼花缭乱的动画效果。 学习目的 　　本节你将学会以下知识：　　 ??????? 动作补间动画的制作方法　　 ??????? 网站Banner的制作方法　　 ??????? “文本工具”的使用方法　　 ??????? 制作文字变色效果　　 ??????? 制作文字大小缩放效果　　 ??????? 制作文字改变透明度效果 课前热身 　　当你访问一个网站时，最先吸引你的可能是网站上方的广告条吧？这就是Banner,它具有灵活的实时性、强烈的交互性与感染力，你可以用它来说明自己网站的特点，提升网站的形象，如果你能用Flash将Banner做成动画的形式，那无疑会大大增加网站的吸引力。　　　 下面先用动作补间动画制作一个网站Banner实例，效果如图3.1所示。 图3.1 网站Banner 　　（1）．创建影片文档　　 步骤1设置影片文档属性　　 执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档。打开【文档属性】对话框，设置文件大小为520×60像素，【背景色】为白色，如图3.2所示。 图3.2 设置文档属性? 　　步骤2设置背景图层　　 执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“banner背景.bmp”图片导入到场景中（文件路径：配套光盘\ch3\素材\ch3.2\banner背景.bmp），选择工具箱中的【箭头工具】和【任意变形工具】调整图片的大小和位置。选中第205帧，按F5键，添加普通帧，图片效果如图3.3所示。 图3.3 设置背景? 　　（2）．创建元件　　　步骤1 创建“电脑动画”元件　　 　执行【插入】|【新建元件】命令，新建一个图形元件，名称为“电脑动画”。在新元件编辑场景中选择第一帧，单击工具箱中的【文字工具】，在场景中单击一下，然后在【属性】面板上设置文本类型为【静态文本】、字体为【隶书】、字体大小为32、颜色值为#FF9900，设置完后，在场景中输入“电脑动画”四个字，如图3.4所示。 图3.4 创建“电脑动画元件” 　步骤2创建“网页设计”元件　　 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“网页设计”。在编辑场景中选择第一帧，按上面的方法，在场景中输入“网页设计”四个字，参数同上。　　 步骤3 创建“图像制作”元件　　 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“图像制作”。在编辑场景中选择第一帧，按上面的方法，在场景中输入“图像制作”四个字，参数同上。　　 步骤4 创建“闪客启航”元件　 　　 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪客启航”。在编辑场景中选择第1帧，单击工具箱上的文字工具 ，在【属性】面板上设置文本类型为【静态文本】、字体为【隶书】、字体大小为50、颜色值为#FF6600,在场景中输入“闪客沙龙”四个字，如图3-4-11所示。 图3-4-11 创建“闪客启航”元件 　　步骤5 创建“语音教学”　　 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“语音教学”。在编辑场景中选择第1帧，单击工具箱中的【文字工具】，文字属性不变,在场景中输入“语音教学”四个字。 　　 （3）创建动画　 “电脑动画”、“网页设计”和“图像制作”三组字体分别从大到小、由近及远以渐显的方式运动到舞台中央停留片刻，再移动到舞台左边，字体颜色和大小相应改变。然后“闪客启航”一组字以同样的方式移动到舞台中央，突然消失，最后“语音教学”以旋转的方式移动到舞台正中，这就是本实例中文字的动画效果。下面，我们就来实现这一动画效果。　　 步骤1 创建“电脑动画”文字效果 　　 单击时间轴右上角的【编辑场景】按钮，选择【场景1】转换到主场景中。在场景中新建一个图层。选择第1帧，把库里的“电脑动画”元件拖到场景的外面，在【属性】面板上设置元件的【W】值为260.0，【H】值为45.0,【X】值为58.0，【Y】值为48.0,【Alpha】值为3%，然后在第20帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【W】值为141,【H】值为36，【X】值为127，【Y】值为12,选择【颜色】为【无】。 　　 图3-4-12是“电脑动画”元件在【属性】面板中的第1、20帧处的位置参数。 ??????????? (a)第1帧属性???????????????