1、任务 3任务 1万花筒任务 2七十二变运动的足球任务 4荷兰风情补间动画是一种基本动画,补间动画中的对象随着播放时间进行移动或补间动画是一种基本动画,补间动画中的对象随着播放时间进行移动或变形。这种动画制作过程简单,只需制作两个关键帧上的动画,中间部分由变形。这种动画制作过程简单,只需制作两个关键帧上的动画,中间部分由计算机自动运算而得到,能最大限度地减小生成文件的大小。计算机自动运算而得到,能最大限度地减小生成文件的大小。任务 1万花筒1.理解形状补间动画的概念,掌握形状补间动画的分类及构成理解形状补间动画的概念,掌握形状补间动画的分类及构成元素特点。元素特点。2.能制作形状补间动画。能制作
2、形状补间动画。本任务是一个简单的形状补间动画实例,根本任务是一个简单的形状补间动画实例,根据两个关键帧上对象的形状、大小、颜色、位据两个关键帧上对象的形状、大小、颜色、位置的变化,利用形状补间产生奇妙的变形效果,置的变化,利用形状补间产生奇妙的变形效果,如图所示。通过此任务的学习,理解形状补间如图所示。通过此任务的学习,理解形状补间动画的概念,掌握形状补间动画的制作方法。动画的概念,掌握形状补间动画的制作方法。万花筒效果图一、形状补间动画的概念一、形状补间动画的概念在一个关键帧中绘制一个形状,在另一个关键帧中修改形状或者新绘制一在一个关键帧中绘制一个形状,在另一个关键帧中修改形状或者新绘制一个
3、形状,个形状,Flash 根据两个关键帧中形状的值来创建的动画称为形状补间动画。根据两个关键帧中形状的值来创建的动画称为形状补间动画。二、形状补间动画的构成元素二、形状补间动画的构成元素形状补间动画可以实现两个图形之间颜色、大小、形态及位置的相互变化。形状补间动画可以实现两个图形之间颜色、大小、形态及位置的相互变化。形状补间动画的元素必须是形状,如果是元件、文字、位图或者群组对象,形状补间动画的元素必须是形状,如果是元件、文字、位图或者群组对象,可以执行【修改】可以执行【修改】【分离】命令,或者按【分离】命令,或者按【Ctrl+B】组合键将其打散,转】组合键将其打散,转换为形状,再创建形状补间
4、动画。换为形状,再创建形状补间动画。三、制作形状补间动画的步骤三、制作形状补间动画的步骤(1)在)在“时间轴时间轴”面板上动画开始播放的关键帧中绘制动画的起始形状,面板上动画开始播放的关键帧中绘制动画的起始形状,在动画结束处插入空白关键帧,绘制动画的结束形状。在动画结束处插入空白关键帧,绘制动画的结束形状。(2)单击起始帧,在)单击起始帧,在“属性属性”面板上单击面板上单击“补间补间”旁边的三角形按钮,旁边的三角形按钮,从列表中选择从列表中选择“形状形状”,即可创建形状补间动画,如图所示。此时,即可创建形状补间动画,如图所示。此时,“时间时间轴轴”面板上的背景变为淡绿色,在起始帧和结束帧之间增
5、加了一个长箭头,面板上的背景变为淡绿色,在起始帧和结束帧之间增加了一个长箭头,如图所示。如图所示。形状补间形状补间动画的“时间轴”面板四、形状补间动画四、形状补间动画“属性属性”面板面板形状补间动画的形状补间动画的“属性属性”面板如图所示。其中常用选项的含义如下。面板如图所示。其中常用选项的含义如下。(1)缓动:用于设定对象在变化过程中是加速还是减速。)缓动:用于设定对象在变化过程中是加速还是减速。(2)混合:用于设置中间帧形状变化的过渡形式,包括分布式和角形两)混合:用于设置中间帧形状变化的过渡形式,包括分布式和角形两项。项。形状补间动画的“属性”面板五、形状补间动画的分类五、形状补间动画的
6、分类(1)不可控的形状补间动画:用于比较简单的形变效果。)不可控的形状补间动画:用于比较简单的形变效果。(2)可控制的形状补间动画:可通过添加形状提示制作出较为精确的形)可控制的形状补间动画:可通过添加形状提示制作出较为精确的形变效果。关于添加形状提示的方法,将在本项目任务变效果。关于添加形状提示的方法,将在本项目任务 2 中做详细介绍。中做详细介绍。1.创建影片文档创建影片文档新建一个新建一个 Flash 文档,设置舞台大小为文档,设置舞台大小为 550 像素像素 400 像素,背景为白色。像素,背景为白色。2.创建背景层创建背景层将图层将图层 1 重命名为重命名为“背景背景”,将素材库中名
7、为,将素材库中名为“万花筒万花筒.jpg”的图片导入的图片导入舞台中,锁定舞台中,锁定“背景背景”图层。图层。3.制作形状变形效果制作形状变形效果(1)新建)新建“形状变形形状变形”影片剪辑元件。在元件编辑界面中,使用椭圆工影片剪辑元件。在元件编辑界面中,使用椭圆工具具 在第在第 1 帧中绘制一个无笔触颜色、填充颜色为红色(帧中绘制一个无笔触颜色、填充颜色为红色(#FF0000)的圆,)的圆,效果如图所示。效果如图所示。(2)在第)在第 20 帧插入关键帧,在圆的周围绘制八个小圆,按照如图所示的帧插入关键帧,在圆的周围绘制八个小圆,按照如图所示的位置摆放。位置摆放。第 1 帧图形第 20 帧图
8、形(3)在第)在第 40 帧插入空白关键帧,使用多角星形工具帧插入空白关键帧,使用多角星形工具 绘制一个多角星形,绘制一个多角星形,设置笔触颜色为无,填充颜色为蓝色(设置笔触颜色为无,填充颜色为蓝色(#0000FF),样式为星形,边数为),样式为星形,边数为 16,顶点大小为顶点大小为 0.30,如图所示。效果如图所示。,如图所示。效果如图所示。工具选项第 40 帧图形(4)在第)在第 60 帧插入关键帧,在星形周围绘制八个小星形,按照如图所示帧插入关键帧,在星形周围绘制八个小星形,按照如图所示的位置摆放。的位置摆放。(5)选择第)选择第 1 帧,单击鼠标右键,从快捷菜单中选择帧,单击鼠标右键
9、,从快捷菜单中选择“复制帧复制帧”选项,选项,再选择第再选择第80 帧,单击鼠标右键,从快捷菜单中选择帧,单击鼠标右键,从快捷菜单中选择“粘贴帧粘贴帧”选项,将第选项,将第 1 帧中的图形复制到第帧中的图形复制到第 80 帧中,使形状经过一系列变化之后又回到初始状态。帧中,使形状经过一系列变化之后又回到初始状态。第 60 帧图形(6)在)在“时间轴时间轴”面板中单击图层面板中单击图层 1,图层,图层 1 中的所有帧被选中,在中的所有帧被选中,在“属性属性”面板中设置补间类型为形状。影片剪辑元件制作完毕,按【面板中设置补间类型为形状。影片剪辑元件制作完毕,按【Enter】键可以测试形状变形效果。
10、键可以测试形状变形效果。操作演示4.将影片剪辑元件拖动到舞台将影片剪辑元件拖动到舞台返回到场景中,新建图层返回到场景中,新建图层 2,重命名为,重命名为“万花筒万花筒”,从,从“库库”面板中多次面板中多次拖动拖动“形状变形形状变形”影片剪辑元件到舞台中,调整它们的位置与大小,在影片剪辑元件到舞台中,调整它们的位置与大小,在“属属性性”面板中调整它们的颜色,效果如图所示。面板中调整它们的颜色,效果如图所示。万花筒最终效果5.测试保存测试保存执行【控制】执行【控制】【测试影片】命令,观察动画效果。如果满意,执行【文【测试影片】命令,观察动画效果。如果满意,执行【文件】件】【保存】命令,将文件保存为
11、【保存】命令,将文件保存为“万花筒万花筒.f la”。任务 2七十二变1.能熟练制作形状补间动画。能熟练制作形状补间动画。2.掌握添加形状提示的方法和技巧,能通过添加形状提示控制掌握添加形状提示的方法和技巧,能通过添加形状提示控制变形过程。变形过程。本任务利用形状补间动画,实现孙悟空变桃、桃变鱼、鱼变小庙的过程,本任务利用形状补间动画,实现孙悟空变桃、桃变鱼、鱼变小庙的过程,如图所示。通过此任务的学习,掌握形状补间动画的制作方法,学会使用形状如图所示。通过此任务的学习,掌握形状补间动画的制作方法,学会使用形状提示来调整形状变化。提示来调整形状变化。七十二变效果图一、形状提示的作用一、形状提示的
12、作用在在“起始形状起始形状”和和“结束形状结束形状”中添加相对应的中添加相对应的“参考点参考点”,使,使 Flash 软软件在计算变形过渡时依据一定的规则进行,从而有效地控制变形过程。件在计算变形过渡时依据一定的规则进行,从而有效地控制变形过程。二、添加形状提示的方法二、添加形状提示的方法(1)选择形状补间的第一个关键帧。)选择形状补间的第一个关键帧。(2)执行【修改】)执行【修改】【形状】【形状】【添加形状提示】命令,在该帧的形状【添加形状提示】命令,在该帧的形状上就会增加一个带字母的红色上就会增加一个带字母的红色“提示圆圈提示圆圈”,相应地在结束帧形状中也会出,相应地在结束帧形状中也会出现
13、一个现一个“提示圆圈提示圆圈”,效果如图所示。,效果如图所示。起始帧结束帧(3)用鼠标分别拖动两个)用鼠标分别拖动两个“提示圆圈提示圆圈”,放置在形状的边缘上。首先调,放置在形状的边缘上。首先调整起始帧上的整起始帧上的“提示圆圈提示圆圈”到起始形状的边缘上,然后调整结束帧上的到起始形状的边缘上,然后调整结束帧上的“提提示圆圈示圆圈”到结束形状的边缘上,到结束形状的边缘上,“提示圆圈提示圆圈”变为绿色。此时,起始帧上的变为绿色。此时,起始帧上的“提示圆圈提示圆圈”变为黄色,效果如图所示。变为黄色,效果如图所示。(4)重复步骤()重复步骤(1)()(3),添加其他形状提示。),添加其他形状提示。调
14、整起始帧上的“提示圆圈调整结束帧上的“提示圆圈”三、添加形状提示的技巧三、添加形状提示的技巧(1)形状提示可以连续添加,最多可以添加)形状提示可以连续添加,最多可以添加 26 个。个。(2)将形状提示从形状的左上角开始按逆时针顺序摆放,可以使形状提)将形状提示从形状的左上角开始按逆时针顺序摆放,可以使形状提示更有效。示更有效。(3)形状提示的摆放位置要符合逻辑顺序。)形状提示的摆放位置要符合逻辑顺序。(4)形状提示要在形状的边缘上才能起作用。)形状提示要在形状的边缘上才能起作用。(5)要删除所有的形状提示,可执行【修改】)要删除所有的形状提示,可执行【修改】【形状】【形状】【删除所有【删除所有
15、提示】命令。如果要删除单个形状提示,可选中要删除的形状提示,单击鼠提示】命令。如果要删除单个形状提示,可选中要删除的形状提示,单击鼠标右键,从快捷菜单中选择标右键,从快捷菜单中选择“删除提示删除提示”选项即可。选项即可。1.创建影片文档创建影片文档新建一个新建一个Flash文档,设置舞台大小为文档,设置舞台大小为 1 200 像素像素400 像素,背景为灰绿像素,背景为灰绿色(色(#437862)。)。2.创建背景层创建背景层将图层将图层 1 重命名为重命名为“背景背景”,将素材库中名为,将素材库中名为“七十二变七十二变.jpg”的图片导的图片导入舞台中,在第入舞台中,在第 90 帧插入帧,锁
16、定帧插入帧,锁定“背景背景”图层。图层。3.复制复制“七十二变库七十二变库.fla”中的元件中的元件(1)打开素材文件)打开素材文件“七十二变库七十二变库.f la”,对,对“库库”面板中的面板中的“孙悟孙悟空空”“”“鱼鱼”“”“小庙小庙”元件执行元件执行“复制复制”命令后,粘贴到新文档的命令后,粘贴到新文档的“库库”面板面板中。中。(2)打开项目一任务)打开项目一任务 3“桃子熟了桃子熟了.f la”文件,对文件,对“库库”面板中的面板中的“桃桃子带金箍棒子带金箍棒”元件执行元件执行“复制复制”命令后,粘贴到新文档的命令后,粘贴到新文档的“库库”面板中,重面板中,重命名为命名为“桃子桃子”
17、元件。元件。4.制作七十二变效果制作七十二变效果(1)新建)新建“变化变化”图层,选择第图层,选择第 1 帧,将帧,将“库库”面板中的面板中的“孙悟空孙悟空”元元件拖动到舞台左侧,放置位置如图所示。按【件拖动到舞台左侧,放置位置如图所示。按【Ctrl+B】组合键将其打散。】组合键将其打散。第 1 帧的孙悟空(2)在第)在第 10 帧插入关键帧,帧插入关键帧,“孙悟空孙悟空”元件大小不变,保持元件大小不变,保持 10 帧,使帧,使动画开始时有个缓冲。在第动画开始时有个缓冲。在第 18 帧插入关键帧,将帧插入关键帧,将“孙悟空孙悟空”缩小,摆放到桃缩小,摆放到桃树枝上,效果如图所示。树枝上,效果如
18、图所示。第 18 帧的孙悟空(3)选中第)选中第 10 帧,在帧,在“属性属性”面板中选择形状补间类型,创建形状补间面板中选择形状补间类型,创建形状补间动画。拖动时间滑块,可以看到两个关键帧之间的形状动画,效果如图所示。动画。拖动时间滑块,可以看到两个关键帧之间的形状动画,效果如图所示。形状补间中的孙悟空(4)经过观察,发现中间过渡的形状变化不够理想,需要添加形状提示)经过观察,发现中间过渡的形状变化不够理想,需要添加形状提示进行动画的后期修补。选中第进行动画的后期修补。选中第 10 帧,执行【修改】帧,执行【修改】【形状】【形状】【添加形状【添加形状提示】命令,在提示】命令,在“孙悟空孙悟空
19、”的中部出现一个红色的中部出现一个红色 a 标记。使用鼠标拖动标记标记。使用鼠标拖动标记到到“孙悟空孙悟空”的头部,效果如图所示。的头部,效果如图所示。第 10 帧的形状提示(5)选中第)选中第 18 帧,将帧,将“孙悟空孙悟空”中部的红色中部的红色 a 标记拖动到标记拖动到“孙悟空孙悟空”头头部,此时红色部,此时红色 a 标记变为绿色标记变为绿色 a 标记,效果如图所示。标记,效果如图所示。第 18 帧的形状提示(6)同样的方法,再添加两个形状提示,分别放置在)同样的方法,再添加两个形状提示,分别放置在“孙悟空孙悟空”的左脚的左脚边和右脚边,效果如图所示。边和右脚边,效果如图所示。添加三个形
20、状提示(7)在第)在第 23 帧插入关键帧,使变小的帧插入关键帧,使变小的“孙悟空孙悟空”保持保持 5 帧的缓冲。在第帧的缓冲。在第 30 帧插入空白关键帧,从帧插入空白关键帧,从“库库”面板中将面板中将“桃子桃子”元件拖动到舞台中,放置元件拖动到舞台中,放置在在“孙悟空孙悟空”站立的位置上,如图所示,按【站立的位置上,如图所示,按【Ctrl+B】组合键将其打散。选】组合键将其打散。选中第中第 23 帧,在帧,在“属性属性”面板中创建形状补间动画。面板中创建形状补间动画。桃子的位置(8)在第)在第 40 帧插入关键帧,使帧插入关键帧,使“桃子桃子”元件保持元件保持 10 帧的缓冲。在第帧的缓冲
21、。在第 55 帧插入空白关键帧,从帧插入空白关键帧,从“库库”面板中将面板中将“鱼鱼”元件拖动到舞台中,放置在背元件拖动到舞台中,放置在背景中小河的位置上,如图所示,按【景中小河的位置上,如图所示,按【Ctrl+B】组合键将其打散。选中第】组合键将其打散。选中第 40 帧,帧,在在“属性属性”面板中创建形状补间动画。面板中创建形状补间动画。鱼的位置(9)在第)在第 65 帧插入关键帧,使帧插入关键帧,使“鱼鱼”元件保持元件保持 10 帧的缓冲。在第帧的缓冲。在第 80 帧帧插入空白关键帧,从插入空白关键帧,从“库库”面板中将面板中将“小庙小庙”元件拖动到舞台中,放置在背元件拖动到舞台中,放置在
22、背景中山前的位置上,如图所示,按【景中山前的位置上,如图所示,按【Ctrl+B】组合键将其打散。选中第】组合键将其打散。选中第 65 帧,帧,在在“属性属性”面板中创建形状补间动画。面板中创建形状补间动画。小庙的位置操作演示(10)在第)在第 90 帧插入帧,使帧插入帧,使“小庙小庙”元件保持元件保持 10 帧的缓冲。至此,七十帧的缓冲。至此,七十二变效果制作完成。二变效果制作完成。5.测试保存测试保存执行【控制】执行【控制】【测试影片】命令,观察动画效果。如果满意,执行【文【测试影片】命令,观察动画效果。如果满意,执行【文件】件】【保存】命令,将文件保存为【保存】命令,将文件保存为“七十二变
23、七十二变.f la”。任务 3运动的足球1.理解动画补间动画的概念,掌握动画补间动画构成元素的特理解动画补间动画的概念,掌握动画补间动画构成元素的特点。点。2.掌握动画补间动画的制作方法,能应用旋转、缓动值制作动掌握动画补间动画的制作方法,能应用旋转、缓动值制作动画。画。本任务是制作一个简单的动画补间动画,利本任务是制作一个简单的动画补间动画,利用两个关键帧上足球位置的变化,实现足球撞用两个关键帧上足球位置的变化,实现足球撞击树桩的运动,效果如图所示。通过此任务的击树桩的运动,效果如图所示。通过此任务的学习,理解动画补间动画的概念,掌握动画补学习,理解动画补间动画的概念,掌握动画补间动画的制作
24、方法,以及旋转、缓动值的应用间动画的制作方法,以及旋转、缓动值的应用技巧。技巧。运动的足球效果图一、动画补间动画的概念一、动画补间动画的概念在一个关键帧上放置一个元件,然后在另一个关键帧上改变元件的大在一个关键帧上放置一个元件,然后在另一个关键帧上改变元件的大小、颜色、位置、透明度等,小、颜色、位置、透明度等,Flash 根据这两个关键帧之间的值创建的动根据这两个关键帧之间的值创建的动画称为动画补间动画。画称为动画补间动画。二、动画补间动画的构成元素二、动画补间动画的构成元素构成动画补间动画的元素可以是影片剪辑元件、图形元件、按钮、文构成动画补间动画的元素可以是影片剪辑元件、图形元件、按钮、文
25、字、位图、组合等,但不能是形状。如果是形状,需要转换为字、位图、组合等,但不能是形状。如果是形状,需要转换为“元件元件”或或组合后方可使用。组合后方可使用。三、制作动画补间动画的步骤三、制作动画补间动画的步骤(1)在)在“时间轴时间轴”面板上动画开始播放的地方创建一个关键帧,并在面板上动画开始播放的地方创建一个关键帧,并在关键帧中设置一个元件,在动画结束的地方创建另一个关键帧,修改该元关键帧中设置一个元件,在动画结束的地方创建另一个关键帧,修改该元件的属性。件的属性。(2)选择起始帧,在)选择起始帧,在“属性属性”面板上单击面板上单击“补间补间”旁边的三角形按钮,旁边的三角形按钮,在弹出的下拉
26、列表中选择在弹出的下拉列表中选择“动画动画”,即可创建动画补间动画,如图所示。,即可创建动画补间动画,如图所示。动画补间此时,此时,“时间轴时间轴”面板的背景色变为蓝紫色,在起始帧和结束帧之间有面板的背景色变为蓝紫色,在起始帧和结束帧之间有一个长箭头,如图所示。一个长箭头,如图所示。动画补间动画的“时间轴”面板四、动画补间动画的四、动画补间动画的“属性属性”面板面板动画补间动画的动画补间动画的“属性属性”面板如图所示。其中各选项的说明如下。面板如图所示。其中各选项的说明如下。动画补间动画的“属性”面板(1)缩放:如果想实现组或实例的尺寸变化,选择这个复选框。)缩放:如果想实现组或实例的尺寸变化
27、,选择这个复选框。(2)缓动:制作的补间动画一般都是匀速运动。)缓动:制作的补间动画一般都是匀速运动。(3)旋转:用于设定物体的旋转运动。)旋转:用于设定物体的旋转运动。(4)调整到路径:使对象沿指定的路径运动,并随着路径的改变而相应)调整到路径:使对象沿指定的路径运动,并随着路径的改变而相应地改变角度。地改变角度。(5)同步:使动画在场景中首尾连续循环播放。)同步:使动画在场景中首尾连续循环播放。(6)贴紧:使对象在沿路径运动时可以自动捕捉路径。)贴紧:使对象在沿路径运动时可以自动捕捉路径。1.创建影片文档创建影片文档新建一个新建一个 Flash 文档,设置舞台大小为文档,设置舞台大小为 5
28、50 像素像素 400 像素,背景为白色像素,背景为白色(#FFFFFF)。)。2.创建背景层创建背景层(1)将图层)将图层 1 重命名为重命名为“背景背景”,将素材库中名为,将素材库中名为“运动的足球运动的足球.jpg”的图片导入到舞台中,如图所示。的图片导入到舞台中,如图所示。(2)在)在“背景背景”图层的第图层的第 64 帧处插入帧,锁定帧处插入帧,锁定“背景背景”图层。图层。背景层3.绘制绘制“足球足球”元件元件使用椭圆工具使用椭圆工具 、多角星形工具、多角星形工具 、线条工具、线条工具 、选择工具、选择工具 、颜料桶、颜料桶工具工具 等绘制如图所示的等绘制如图所示的“足球足球”元件。
29、元件。足球操作演示4.让足球运动起来让足球运动起来(1)返回到场景中,新建图层,重命名为)返回到场景中,新建图层,重命名为“足球足球”,使用选择工具,使用选择工具 ,将将“库库”面板中的面板中的“足球足球”元件拖动到舞台的左侧,位置如图所示。元件拖动到舞台的左侧,位置如图所示。(2)在)在“足球足球”图层的第图层的第 30 帧处插入关键帧,将足球拖动到舞台的右帧处插入关键帧,将足球拖动到舞台的右侧,刚碰到树桩处,如图所示。侧,刚碰到树桩处,如图所示。左侧足球的位置右侧足球的位置(3)选中第)选中第 1 帧,在帧,在“属性属性”面板中设置补间类型为动画,缓动值为面板中设置补间类型为动画,缓动值为
30、-30,旋转为顺时针,旋转为顺时针 2 次,让足球从左向右做加速运动,如图所示。次,让足球从左向右做加速运动,如图所示。动画补间动画的“属性”面板(足球撞击树桩)(4)在第)在第 32 帧处插入关键帧,选择任意变形工具帧处插入关键帧,选择任意变形工具 ,将变形中心点移,将变形中心点移动到右侧的中心位置,缩放到如图所示的大小。动到右侧的中心位置,缩放到如图所示的大小。足球变形(5)使用选择工具)使用选择工具 复制第复制第 30 帧,粘贴到第帧,粘贴到第 34 帧处。帧处。(6)复制第)复制第 1 帧,粘贴到第帧,粘贴到第 64 帧处。帧处。(7)选中第)选中第 34 帧,在帧,在“属性属性”面板
31、中设置补间类型为动画,缓动值为面板中设置补间类型为动画,缓动值为 30,旋转为逆时针,旋转为逆时针 2 次,让足球从右向左做减速运动,如图所示。次,让足球从右向左做减速运动,如图所示。动画补间动画的“属性”面板(足球从树桩弹回)(8)运动的足球最终效果如图所示。)运动的足球最终效果如图所示。运动的足球最终效果操作演示5.测试保存测试保存执行【控制】执行【控制】【测试影片】命令,观察动画效果。如果满意,执行【测试影片】命令,观察动画效果。如果满意,执行【文件】【文件】【保存】命令,将文件保存为【保存】命令,将文件保存为“运动的足球运动的足球.f la”。任务 4荷兰风情熟练掌握动画补间动画的制作
32、方法,能熟练应用图形元件、影熟练掌握动画补间动画的制作方法,能熟练应用图形元件、影片剪辑元件等制作动画补间动画。片剪辑元件等制作动画补间动画。本任务是一个动画补间动画实例,通过动画本任务是一个动画补间动画实例,通过动画补间动画制作风车旋转、郁金香长大、云飘动补间动画制作风车旋转、郁金香长大、云飘动和太阳发光效果,如图所示。通过此任务的学和太阳发光效果,如图所示。通过此任务的学习,熟练掌握动画补间动画的制作方法,以及习,熟练掌握动画补间动画的制作方法,以及图形元件、影片剪辑元件在动画中的应用。图形元件、影片剪辑元件在动画中的应用。荷兰风情效果图在通常情况下,动画补间动画是通过改变两个关键帧上元件
33、的大小、颜色、在通常情况下,动画补间动画是通过改变两个关键帧上元件的大小、颜色、位置、透明度等来实现动画效果的。此外,动画补间动画还可以使对象做旋位置、透明度等来实现动画效果的。此外,动画补间动画还可以使对象做旋转运动。方法是:在转运动。方法是:在“属性属性”面板中选择动画补间后,再选择面板中选择动画补间后,再选择“旋转旋转”项中项中的的“顺时针顺时针”或或“逆时针逆时针”选项,如图所示。选项,如图所示。动画补间动画的“属性”面板关于旋转选项的说明如下。关于旋转选项的说明如下。(1)无:对象不旋转。)无:对象不旋转。(2)自动:对象在进行旋转时以最小的角度旋转一次。)自动:对象在进行旋转时以最
34、小的角度旋转一次。(3)顺时针:指定对象按顺时针方向旋转,右边文本框中的数字表示)顺时针:指定对象按顺时针方向旋转,右边文本框中的数字表示对象旋转的次数,如图所示。对象旋转的次数,如图所示。顺时针旋转 1 次(4)逆时针:指定对象按逆时针方向旋转,右边文本框中的数字表示)逆时针:指定对象按逆时针方向旋转,右边文本框中的数字表示对象旋转的次数,如图所示。对象旋转的次数,如图所示。逆时针旋转 1 次1.创建影片文档创建影片文档新建一个新建一个 Flash 文档,设置舞台大小为文档,设置舞台大小为 550 像素像素 400 像素,背景为蓝色像素,背景为蓝色(#0000FF)。)。2.绘制背景层绘制背
35、景层(1)将图层)将图层 1 重命名为重命名为“背景背景”,选择矩形工具,选择矩形工具 ,设置笔触颜色为无,设置笔触颜色为无,填充类型为线性,左侧颜色滑块为蓝色(填充类型为线性,左侧颜色滑块为蓝色(#0099FF),右侧颜色滑块为白色),右侧颜色滑块为白色(#FFFFFF),在舞台中绘制蓝白渐变矩形,使用渐变变形工具),在舞台中绘制蓝白渐变矩形,使用渐变变形工具 调整渐变调整渐变方向,使用方向,使用“对齐对齐”面板调整矩形与舞台相匹配,如图所示。面板调整矩形与舞台相匹配,如图所示。绘制蓝白渐变矩形(2)使用椭圆工具)使用椭圆工具 ,设置笔触颜色为黑色(,设置笔触颜色为黑色(#000000),笔
36、触高度为),笔触高度为 1,填充颜色为绿色(填充颜色为绿色(#009900),在舞台中绘制椭圆,制作背景绿地,如图所示。),在舞台中绘制椭圆,制作背景绿地,如图所示。(3)选择矩形工具)选择矩形工具 ,在工作区空白处绘制一个笔触颜色为黑色、无填,在工作区空白处绘制一个笔触颜色为黑色、无填充颜色的矩形,使用充颜色的矩形,使用“对齐对齐”面板将矩形与舞台匹配,如图所示。面板将矩形与舞台匹配,如图所示。绘制矩形绘制椭圆(4)使用选择工具)使用选择工具 选择黑色轮廓外的草地,按【选择黑色轮廓外的草地,按【Delete】键删除,同】键删除,同时删除黑色矩形轮廓,背景绘制完成,效果如图所示,锁定背景层。时
37、删除黑色矩形轮廓,背景绘制完成,效果如图所示,锁定背景层。操作演示背景3.制作制作“云飘动云飘动”影片剪辑元件影片剪辑元件(1)新建)新建“白云白云”图形元件,使用椭圆工具图形元件,使用椭圆工具 在元件编辑区中绘制白云,在元件编辑区中绘制白云,如图所示。如图所示。白云(2)新建)新建“云飘动云飘动”影片剪辑元件,选中图层影片剪辑元件,选中图层 1 第第 1 帧,将帧,将“白云白云”元元件拖动到元件编辑区,在第件拖动到元件编辑区,在第 120 帧插入关键帧,在帧插入关键帧,在“属性属性”面板中将面板中将 X轴参轴参数增加数增加 600 像素,使白云从舞台左侧向舞台右侧移动,并移出舞台。选中第像素
38、,使白云从舞台左侧向舞台右侧移动,并移出舞台。选中第 1 帧,在帧,在“属性属性”面板中创建动画补间动画,如图所示。面板中创建动画补间动画,如图所示。“属性”面板4.制作制作“太阳发光太阳发光”影片剪辑元件影片剪辑元件(1)新建)新建“太阳光辉太阳光辉”图形元件,使用椭圆工具图形元件,使用椭圆工具 ,设置笔触颜色为无,设置笔触颜色为无,填充类型为放射状,左侧颜色滑块为黄色(填充类型为放射状,左侧颜色滑块为黄色(#FFFF00),),Alpha 值为值为 100%,右侧颜色滑块也为黄色(右侧颜色滑块也为黄色(#FFFF00),),Alpha 值为值为 0%,绘制圆,如图所示。,绘制圆,如图所示。
39、太阳光辉(2)新建)新建“太阳发光太阳发光”影片剪辑元件,使用椭圆工具影片剪辑元件,使用椭圆工具 在图层在图层 1 绘制一绘制一个无笔触颜色、填充颜色为黄色(个无笔触颜色、填充颜色为黄色(#FFFF00)的圆,在第)的圆,在第 50 帧插入帧。帧插入帧。(3)新建图层)新建图层 2,将其移到图层,将其移到图层 1 的下方,从的下方,从“库库”面板中将面板中将“太阳光太阳光辉辉”元件拖动到元件编辑区,使其与图层元件拖动到元件编辑区,使其与图层 1 中的圆对齐,如图所示。在第中的圆对齐,如图所示。在第 25 帧和帧和 50 帧处分别插入关键帧,选择第帧处分别插入关键帧,选择第 25 帧的圆,执行【
40、修改】帧的圆,执行【修改】【变形】【变形】【缩放和旋转】命令,在弹出的对话框中设置【缩放和旋转】命令,在弹出的对话框中设置“缩放缩放”值为值为 150%,将其,将其放大到放大到 150%。选中图层。选中图层 2 所有帧,在所有帧,在“属性属性”面板中创建动画补间动画。面板中创建动画补间动画。太阳5.制作制作“花生长花生长”影片剪辑元件影片剪辑元件(1)打开项目一任务)打开项目一任务 4“美丽的家园美丽的家园.f la”文件,文件,对对“库库”面板中的面板中的“郁金香郁金香”元件执行元件执行“复制复制”命令命令后,粘贴到新文档的后,粘贴到新文档的“库库”面板中。面板中。(2)新建)新建“花生长花
41、生长”影片剪辑元件,从影片剪辑元件,从“库库”面面板中将板中将“郁金香郁金香”图形元件拖动到元件编辑区,使用图形元件拖动到元件编辑区,使用任意变形工具任意变形工具 将中心点调整到下端中部,在第将中心点调整到下端中部,在第 40帧帧插入关键帧。选择第插入关键帧。选择第 1 帧的郁金香,按住【帧的郁金香,按住【Shift】键】键将其缩小,如图所示。选中第将其缩小,如图所示。选中第 1 帧,在帧,在“属性属性”面板面板中创建动画补间动画。中创建动画补间动画。第 1 帧的郁金香(3)选中第)选中第 40 帧,单击鼠标右键,从快捷菜单中选择帧,单击鼠标右键,从快捷菜单中选择“动作动作”命令,打命令,打开
42、开“动作动作-帧帧”面板,在面板,在“动作动作-帧帧”面板的编辑窗口中输入面板的编辑窗口中输入“stop();();”命令,效果如图所示。命令,效果如图所示。“动作-帧”面板(4)关闭)关闭“动作动作-帧帧”面板,返回到元件编辑界面,面板,返回到元件编辑界面,“时间轴时间轴”面板如面板如图所示。图所示。“时间轴”面板操作演示6.制作制作“风车旋转风车旋转”影片剪辑元件影片剪辑元件(1)打开素材文件)打开素材文件“荷兰风情库荷兰风情库.f la”,对,对“库库”面板中的面板中的“风车房子风车房子”“”“风车扇叶风车扇叶”元件执行元件执行“复制复制”命令后,粘贴到新文档的命令后,粘贴到新文档的“库
43、库”面板中。面板中。(2)新建)新建“扇叶组扇叶组”图形元件,从图形元件,从“库库”面板中面板中将将“风车扇叶风车扇叶”元件拖动到元件编辑区,复制三片,元件拖动到元件编辑区,复制三片,摆放好位置,如图所示。摆放好位置,如图所示。(3)新建)新建“风车旋转风车旋转”影片剪辑元件,从影片剪辑元件,从“库库”面板中将面板中将“风车房子风车房子”元件拖动到元件编辑区,在第元件拖动到元件编辑区,在第 30 帧插入帧。帧插入帧。组合扇叶(4)新建图层)新建图层 2,从,从“库库”面板中将面板中将“扇叶组扇叶组”元件拖动到元件编辑区,元件拖动到元件编辑区,按图所示的位置摆放好。在第按图所示的位置摆放好。在第
44、 30 帧插入关键帧,然后选中第帧插入关键帧,然后选中第 1 帧,在帧,在“属性属性”面板中设置补间类型为动画,旋转为顺时针面板中设置补间类型为动画,旋转为顺时针 1 次,如图所示。次,如图所示。扇叶位置“属性”面板7.将各元件拖动到舞台将各元件拖动到舞台(1)新建图层)新建图层 2,重命名为,重命名为“太阳太阳”,从,从“库库”面板中将面板中将“太阳发光太阳发光”元件拖动到舞台,调整位置和大小。元件拖动到舞台,调整位置和大小。(2)新建图层)新建图层 3,重命名为,重命名为“云云”,从,从“库库”面板中将面板中将“云飘动云飘动”元件元件拖动到舞台,复制多个,调整位置和大小。拖动到舞台,复制多
45、个,调整位置和大小。(3)新建图层)新建图层 4,重命名为,重命名为“风车风车”,从,从“库库”面板中将面板中将“风车旋转风车旋转”元件拖动到舞台,复制两个,调整位置和大小。元件拖动到舞台,复制两个,调整位置和大小。(4)新建图层)新建图层 5,重命名为,重命名为“花花”,从,从“库库”面板中将面板中将“花生长花生长”元件元件拖动到舞台,复制多个,调整位置和大小。拖动到舞台,复制多个,调整位置和大小。至此,荷兰风情动画制作完毕,最终效果如图所示。至此,荷兰风情动画制作完毕,最终效果如图所示。荷兰风情最终效果8.测试保存测试保存执行【控制】执行【控制】【测试影片】命令,观察动画效果。如果满意,执行【文【测试影片】命令,观察动画效果。如果满意,执行【文件】件】【保存】命令,将文件保存为【保存】命令,将文件保存为“荷兰风情荷兰风情.f la”。