03flash动作补间练习(精)

1、动作补间动画动作补间动画也是 Flash 中非常重要的表现手段之一，与 形状补间动画”不同的 是，动作补间动画的对象必需是 元件”或 群组对象”运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种 属性，充分利用动作补间动画这些特性，可以制作出令人眼花缭乱的动画效果。学习目的本节你将学会以下知识：动作补间动画的制作方法网站 Banner 的制作方法文本工具”的使用方法制作文字变色效果制作文字大小缩放效果制作文字改变透明度效果课前热身(1).创建影片文档步骤 1 设置影片文档属性执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash 文档】选项 后，单击【确定】按

2、钮，新建一个影片文档。打开【文档属性】对话框，设置文 件大小为520W0 像素，【背景色】为白色，如图 3.2 所示。图 3.2 设置文档属性 步骤 2 设置背景图层执行【文件】|【导入】|【导入到舞台】命令，将 image005.jpg 图片导入到场景 中，选择工具箱中的【箭头工具】和【任意变形工具】调整图片的大小和位置。选中第205 帧，按 F5键，添加普通帧，图片效果如图 3.3 所示。图 3.3 设置背景（2）.创建元件步骤 1 创建 电脑动画”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为电脑动画”。在新元件编辑场景中选择第一帧，单击工具箱中的【文字工具】，在场景中单击

3、一 下，然后在【属性】面板上设置文本类型为【静态文本】、字体为【隶书】、字 体大小为 32、颜色值为#FF9900,设置完后，在场景中输入 电脑动画”四个字， 如图 3.4 所示。图 3.4 创建 电脑动画元件” 步骤 2 创建网页设计”元件 执行【插入】|【新建元件】:静态文本vA隶书V132VA ?fl0Av A：回彳WLG XI 53.5甩使用36.0y；16.00心宽;命令，新建一个图形元件，名称为网页设计”。在编辑场景中选择第一帧，按上面的方法，在场景中输入网页设计”四个字，参数同上。步骤 3 创建图像制作”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为图像制作”。在编

4、辑场景中选择第一帧，按上面的方法，在场景中输入图像制作”四个字，参数同上。步骤 4 创建闪客启航”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为闪客启航”。在编辑场景中选择第 1 帧，单击工具箱上的文字工具A，在【属性】面板上设置文本类型为【静态文本】、字体为【隶书】、字体大小 为 50、颜色值为#FF6600 在场景中输入 闪客沙龙”四个字，如图 3-4-11 所示闪航图 3-4-11 创建 闪客启航”元件 步骤 5 创建语音教学”执行【插入】|【新建元件】命令，新建一个图形元件，名称为 语音教学”。在编 辑场景中选择第 1 帧，单击工具箱中的【文字工具】，文字属性不变，在场景

5、中输 入语音教学”四个字。（3）创建动画电脑动画”、网页设计”和 图像制作”三组字体分别从大到小、由近及远以渐显 的方式运动到舞台中央停留片刻，再移动到舞台左边，字体颜色和大小相应改 变。然后 闪A隶书7 A=正常出|回自动调S211.9 X: j-102.0a便用设备芋54.0: -255宽：高客启航”一组字以同样的方式移动到舞台中央，突然消失，最后语音教学”以旋转的方式移动到舞台正中，这就是本实例中文字的动画效果。下面， 我们就来实现这一动画效果。步骤 1 创建 电脑动画”文字效果单击时间轴右上角的【编辑场景】按钮，选择【场景 1】转换到主场景中。在场 景中新建一个图层。选择第 1 帧，把

6、库里的 电脑动画”元件拖到场景的外面，在【属性】面板上设置元件的【W】值为 260.0,【H】值为 45.0,【X】值为 58.0,【丫】值为 48.0,【Alpha】值为 3%,然后在第 20 帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【 W】值为 141,【H】值为 36,【X】值为 127,【丫】值为 12,选择【颜色】为【无】。图 3-4-12 是 电脑动画”元件在【属性】面板中的第 1、20 帧处的位置参数甲*駁RSfi麟磁(a)第 1 帧属性(b)第 20 帧属性图 3-4-12 电脑动画”属性设置在第 28 帧处添加关键帧，不改参数，这是为了给该文字对象一个停顿，让

7、别人 能看清楚。在第 48 帧处添加关键帧，在【属性】面板上，设置【 W】值为 75,【H】值为12,【X】值为 12,【丫】值为 9,选择【颜色】为【色调】、黑色，如图 3-4-13 所示。酣*紳色：色 JI* I oo%- vh丽lHGB: 0v *Q* 112 0 * 图 3-4-13 设置第 48 帧上实例的属性分别用鼠标右键单击第 1 帧和第 28 帧，在弹出的菜单中选择【创建补间动 画】。步骤 2 创建网页设计”文字效果在场景中新建一个图层。在此图层的第 49 帧处添加关键帧，把库里的 网页设计 元件拖到场景中，在【属性】面板上设置元件的【 W】值为 300,【H】值为 83,【X

8、】值为43,【丫】值为 20,【Alpha】值为 6%。然后在第 71 帧处添加关键帧，在场景中选中文字，在【属性】面板中设置【 W】值为 135,【H】值为36,【X】值为 131,【丫】值为 11,选择【颜色】为【无】，如图 3-4-14 所示。图 3-4-14 在第 49、71 帧中的 网页设计”再在第 78 帧处添加关键帧，不改参数，在第 97 帧处添加关键帧，在【属性】面板上，设置【W】值为 81,【H】值为 22,【X】值为 18,【丫】值为 20，选择【颜色】为【色调】、黑色。最后在第 49 和第 78 帧处分别建立动作补间动画， 在第205 帧添加普通帧，效果如图 3-4-15

9、。日口5055GOA5TOTSSOBS9095WJ- L - o. “B WMI 图 3-4-15 创建补间后的时间轴结构及实例在第78 帧的效果步骤 3 创建图像制作”文字效果在场景中新建一个图层。先在第 98 帧处添加关键帧，把库里的图像制作”元件拖到场景的外面，在【属性】面板上设置元件的【W】值为 360,【H】值为 90,【X】值 20,【丫】值 23,【Alpha】值为 5%，然后在第 119 帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【 W】值为 144,【H】值为 36,786【X】值 128,【丫】值 10,【颜色】选项为【无】，再在第 126 帧处添加关键帧，不

10、改参数，在第 146 帧加关键帧，在【属性】面板中，设置【 W】值为 86,【H】值为 22,【X】值为 27,【丫】值为 35,选择【颜色】为【色调】、黑色，最后在第 98 和第 126 帧处分别建立动作补间动画，在第 205 帧添加普通帧，如图 3-4-16 所示。电脑动画图 3-4-16 图像制作”元件在第 126、146 帧的位置 步骤 4 创建闪客启航”文字效果在场景中新建一个图层。先在第 147 帧处添加关键帧，把库里的 闪客启航”元件 拖到场景中，在【属性】面板中，设置元件的【 W】值为 487,【H】值为 124,【X】值为-28,【丫】值-144,【Alpha】值为 3%,然

11、后在第 166 帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【W】值为 212,【H】值为 54,【X】值 123,【丫】值 5,选择【颜色】为【无】。最后在第 147 帧处建立动作补 间动画，在第 174 帧插入空白关键帧。步骤 5 创建语音教学”文字效果在场景中新建一个图层。先在第 174 帧处添加关键帧，把库里的 语音教学”元件 拖到场景中，在【属性】面板上，设置【 W】值为 450,【H】值为 115,【X】值-20,【丫】值 29,【Alpha】值为 3%。然后在第 194 帧处添加关键帧，在场景中 选中文字，在【属性】面板中，设置【W】值为 210,【H】值为 54,【X】值为 123,【丫】值为 3,选择【颜色】为【无】。最后在第 174 帧处建立补间动画，顺 时钟旋转一圈，如图 3-4-17 所示。“图像制作”元件在第126图像制作ir. 11 IIE3像制作郎元件在第146帧的位貫补咼* I EW简易；”13v能转：顺时铃|1I农调整到路径 叼同歩 回弗齐图 3-4-17 语音教学”元件在第 174 帧的【属性】面板