登陆注册
28301400000011

第11章 基本动画制作(2)

与前面学习的传统补间相比,补间动画是一种基于对象的动画,不再是作用于关键帧,而是作用于动画元件本身,从而使Flash的动画制作更加专业。作为一种全新的动画类型,补间动画功能强大且易于创建,不仅可以大大简化Flash动画的制作过程,而且还提供了更大程度的控制。

5.4.1补间动画与传统补间动画的区别

Flash软件支持两种不同类型的补间动画,一种是前面学习的传统补间动画,而另一种就是补间动画,通过它可以对补间的动画进行最大程度的控制,与前面学习的传统补间动画相比,二者存在很大的差别如下。

传统补间动画是基于关键帧的动画,通过两个关键帧中两个对象的变化从而创建动画效果,其中关键帧是显示对象实例的帧;而补间动画是基于对象的动画,整个补间范围只有一个动画对象,动画中使用的是属性关键帧而不是关键帧。

补间动画在整个补间范围上只有一个对象。

补间动画和传统补间动画都只允许对特别类型的对象进行补间,若应用补间动画,则在创建动画时会将所有不允许的对象类型转换为影片剪辑;而应用传统补间动画会将这些对象类型转换为图形元件。

补间动画会将文本视为可补间的类型,而不会将文本对象转换为影片剪辑;传统补间动画则会将文本对象转换为图形元件。

在补间动画范围上不允许添加帧标签;而传统补间则允许在动画范围内添加帧标签。

补间目标上的任何对象脚本都无法在补间动画范围的过程中更改。

在时间轴中可以将补间动画范围视为单个对象进行拉伸和调整大小,而传统补间动画可以对补间范围的局部或整体进行调整。

如果要在补间动画范围中选择单个帧,必须按住Ctrl键单击该帧;而传统补间动画中的选择单帧只需要单击即可选择。

对与传统补间动画,缓动可应用于补间内关键帧之间的帧;对于补间动画,缓动可应用于补间动画范围的整个长度,如果仅补间动画的特定帧应用缓动,则需要创建自定义缓动曲线。

利用传统补间动画可以在两种不同的色彩效果(如色调和Alpha透明度)之间创建动画;而补间动画可以对每个补间应用一种色彩效果,可以通过在【动画编辑器】面板的【色彩效果】属性中单击“添加色彩、滤镜或缓动”按钮进行各色彩效果的选择。

只可以使用补间动画来为3D对象创建补间动画效果;无法使用传统补间动画为3D创建动画效果。

只有补间动画才能保存为动画预设。

对于补间动画中属性关键帧无法像传统补间动画那样对动画中单个关键帧的对象应用交换元件的操作,而是将整体动画应用于交换的元件;补间动画也不能在【属性】

面板的【循环】选项下设置图形元件的【单帧】数。

5.4.2创建补间动画

与前面学习的传统补间动画一样,补间动画对于创建对象的类型也有所限制,只能应用于元件的实例和文本字段,并且要求同一图层中只能选择一个对象,如果选择同一图层多个对象,将会弹出一个用于提示是否将选择的多个对象转换为元件的提示框,如图5-27所示。

在进行补间动画的创建时,对象所处的图层类型可以是系统默认的常规图层,也可以是比较特殊的引导层、遮罩层或被遮罩层。创建补间动画后,如果原图层是常规系统默认图层,那么它将成为补间图层;如果是引导层、遮罩层,它将成为补间引导、补间遮罩或补间被遮罩图层,如图5-28所示。

在Flash中创建补间动画的操作方法也有两种,一是通过右键快捷菜单,二是通过菜单命令,两者相比,前者更方便快捷,比较常用。

1.通过右键快捷菜单创建补间动画

通过右键快捷菜单创建补间动画有两种方法,这是由于创建补间动画的右键快捷菜单有两种弹出方式,首先在【时间轴】面板中选择某帧,或者在舞台中选择对象,然后单击鼠标右键,都会弹出右键快捷菜单,选择其中的【创建补间动画】命令,就可以为其创建补间动画,其【时间轴】面板如图5-29所示。

注意:创建补间动画的帧速会根据选择对象在【时间轴】面板中所处的位置不同而不同。

如果选择的对象是处于在【时间轴】面板的第一帧中,那么补间范围的长度等于1s的持续时间,例如当前文档的帧频为“24”fps,那么在【时间轴】面板中创建补间动画的范围长度也是24帧,而如果当前帧频小于“5”pfs,则创建的补间动画范围长度将为5帧;如果选择对象存在于多个连续的帧中,则补间范围将包含该对象占用的帧数。

如果想删除创建的补间动画,可以在【时间轴】面板中选择已经创建补间动画的帧,或者在舞台中选择已经创建补间动画的对象,然后单击鼠标右键,在弹出的快捷菜单中选择【删除补间】命令,就可以将已经创建的补间动画删除。

2.使用菜单命令创建补间动画

除了使用右键菜单创建补间动画外,同样Flash也提供了创建补间动画的菜单命令,首先在【时间轴】面板中选择某帧,或者在舞台中选择对象,然后选择菜单栏中的【插入】→【补间动画】命令,可以为其创建补间动画;如果想取消已经创建好的补间动画,可以选择菜单栏中的【插入】→【删除补间】命令,从而将已经创建的补间动画删除。

5.4.3在舞台中编辑属性关键帧

在Flash中,“关键帧”和“属性关键帧”性质不同,其中“关键帧”是指在【时间轴】

面板中舞台上实实在在的动画对象所处的动画帧,而“属性关键帧”则是指在补间动画的特定时间或帧中为对象定义的属性值。

创建补间动画后,如果要在补间动画范围中插入属性关键帧,可以在插入属性关键帧的位置单击鼠标右键,在弹出的快捷菜单中选择【插入关键帧】其下的相关命令即可进行添加,共有6种属性,分别为【位置】、【缩放】、【倾斜】、【旋转】、【颜色】和【滤镜】,如图5-30所示。

在舞台中可以通过【变形】面板或【工具】面板中的各种工具进行属性关键帧的各项编辑,包括位置、大小、旋转、倾斜等。如果补间对象在补间过程中更改舞台位置,那么在舞台中将显示补间对象在舞台上移动时所经过的路径,此时可以通过【工具】面板中选择工具、部分选取工具、转换锚点工具、任意变形工具和变形面板等编辑补间的运动路径。下面通过“快艇”实例来学习在舞台中编辑属性关键帧的具体操作,效果如图5-31所示。

在舞台中编辑属性关键帧的步骤如下。

(1)选择菜单栏中的【文件】→【打开】命令,打开素材\“第5章\快艇.fla”文件,如图5-32所示。

(2)选择舞台中的卡通图形,然后选择菜单栏中的【修改】→【转换为元件】命令,将其转换为“快艇”影片剪辑元件的实例,并且此元件被存放在【库】面板中。

(3)选择舞台中的“快艇”影片剪辑实例,然后单击鼠标右键,在弹出的快捷菜单中选择【创建补间动画】命令,从而为其创建补间动画,由于当前文档的帧频为“24”fps,因此创建补间动画的范围长度也是24帧,如图5-33所示。

(4)选择“图层2”图层第90帧,然后按F5键,在该帧处插一个普通帧。

(5)在【时间轴】面板中按住Ctrl键分别单击“图层2”图层第30帧、第90帧,选择该帧,然后单击鼠标右键,在弹出的快捷菜单中选择【插入关键帧】→【全部】命令,依次在第30帧和第90帧处插入属性关键帧,以小菱形显示,如图5-34所示。

(6)确认【时间轴】面板播放头处于第1帧处,选择舞台中的“快艇”影片剪辑实例,然后在【变形】面板中设置缩放比例为“20%”,并将其调整到舞台右侧,如图5-35所示位置处,并且在舞台中将显示一条运动路径,其中每一个蓝色控制点对应【时间轴】面板的一帧。

(7)确认【时间轴】面板播放头处于第90帧处,选择舞台中的“快艇”影片剪辑实例,并将其调整到舞台右侧,如图5-36所示。

(8)确认【时间轴】面板播放头处于第30帧处,选择舞台中的“快艇”影片剪辑实例,并将其调整到舞台如图5-37所示的海浪略向上的位置处。

(9)到此动画制作完成,选择菜单栏中的【控制】→【测试影片】→【测试】命令,对影片进行测试,在弹出的影片测试窗口中可以看到在一片汪洋大海中,两个可爱的卡通人物坐在快艇中由远到近、由小到大的冲浪动画。

(10)如果影片测试无误,选择菜单栏中的【文件】→【保存】命令,将文件进行保存。

5.4.4使用动画编辑器调整补间动画

在Flash软件中除了上述方法调整补间动画外,还可以通过动画编辑器查看所有补间属性和属性关键帧,从而对补间动画进行全面细致的控制。首先在【时间轴】面板中选择已经创建的补间范围,或者选择舞台中已经创建补间动画的对象后,然后选择菜单栏中的【窗口】

→【动画编辑器】命令,可以弹出一个如图5-38所示的【动画编辑器】面板。

在【动画编辑器】面板中自上向下共有5个属性类别可供调整,分别为【基本动画】、【转换】、【色彩效果】、【滤镜】和【缓动】,其中【基本动画】用于设置X、Y和3D旋转属性;【转换】用于设置倾斜和缩放属性;而如果要设置【色彩效果】、【滤镜】和【缓动】属性,则必须首先单击“添加颜色、滤镜或缓动”按钮,然后在弹出菜单中选择相关选项,将其添加到列表中才能进行设置。

通过【动画编辑器】面板不仅可以添加并设置各属性关键帧,还可以在右侧的“曲线图”

中使用贝塞尔控件对大多数单个属性的补间曲线的形状进行微调,并且允许创建自定义缓动曲线等。下面通过一个简单实例“FlashBanner”来学习在【动画编辑器】面板设置各属性的具体操作,其最终效果如图5-39所示。

使用动画编辑器调整补间动画的步骤如下:

(1)选择菜单栏中的【文件】→【打开】命令,打开素材“第5章\FlashBanner.fla”文件,如图5-40所示,其中的描边文字已经被转换成了元件。

(2)选择舞台中的“描边文字”实例,然后单击鼠标右键,在弹出的快捷菜单中选择【创建补间动画】命令,从而为其创建补间动画,如图5-41所示。

(3)在【时间轴】面板中选择已经创建的补间范围,然后选择菜单栏中的【窗口】→【动画编辑器】命令,即可弹出【动画编辑器】面板。

(4)在【动画编辑器】面板最下方的【缓动】属性类别处单击“添加颜色、过滤或缓动”

按钮,可弹出一个用于编辑预设缓动的下拉列表,选择其中的【简单(最快)】选项,从而将其添加到下方的缓动列表中,如图5-42所示,以备使用。

(5)为了便于操作,在【动画编辑器】面板最下方的“可查看的帧”处设置参数为“100”,这时在右侧的“曲线图”中将显示创建补间的所有帧数,即100帧。

(6)在【基本动画】属性类型下的“X”轴相对应的右侧曲线段第50帧处单击鼠标右键,在弹出的快捷菜单中选择【插入关键帧】命令,从而在第50帧的位置处添加一个属性关键帧,如图5-43所示。

(7)在“曲线图”中间将播放头拖曳到第1帧处,然后调整该帧处的“Y”轴数值为“-50”

像素,如图5-44所示。

(8)在【基本动画】属性类型右侧的【缓动】处单击“无缓动”下拉列表,选择刚才添加的【简单(最快)】预设缓动,即可为该属性类型添加【简单(最快)】缓动,效果如图5-45所示。

图5-45添加【简单(最快)】预设缓动后的显示注意:通过【动画编辑器】面板完成了【基本动画】属性类型中“Y”轴的补间动画的位置、缓动等编辑。

(9)在【色彩效果】属性类型中,单击右侧的“添加颜色、滤镜或缓动”按钮,在弹出菜单中选择【Alpha】,此时在下方将显示“Alpha”颜色效果的相关设置,如图5-46所示。

(10)在【Alpha】颜色效果右侧的“曲线图”中的第50帧处添加一个属性关键帧,然后单击“转到上一个关键帧”按钮,选择“曲线图”第1帧,并设置【Alpha】的参数为“0%”,同样为属性类型添加【简单(最快)】缓动,如图5-47所示。

注意:到此,通过【动画编辑器】面板完成了【色彩效果】属性类型中“Alpha”的补间动画的淡入编辑。

(11)在【滤镜】属性类型中,单击右侧的“添加颜色、滤镜或缓动”按钮,在弹出的快捷菜单中选择【模糊】命令,此时在下方将显示“模糊”滤镜的相关设置,在其中设置【模糊X】为“0”像素、【模糊Y】为“50”像素,如图5-48所示。

(12)在“模糊”路径右侧的“曲线图”中的第50帧处添加一个属性关键帧,然后选择“曲线图”第50帧,然后设置【模糊Y】的参数值为“0”像素,同样为属性类型添加【简单(最快)】缓动,如图5-49所示。

(13)通过【动画编辑器】面板进行了补间动画的各个属性的不同调整,关闭【动画编辑器】面板,此时调整补间动画后的显示如图5-50所示。

(14)动画制作完成,选择菜单栏中的【控制】→【测试影片】→【测试】命令,对影片进行测试,在弹出的影片测试窗口中可以看到描边的文字有上向下淡入的动画效果。

(15)如果影片测试无误,选择菜单栏中的【文件】→【保存】命令,将文件进行保存。

5.4.5在【属性】面板中编辑属性关键帧

除了可以使用前面介绍的方法编辑各属性关键帧外,通过【属性】面板也可以进行一些编辑,首先在【时间轴】面板中将播放头拖曳到某帧处,然后选择已经创建好的补间范围,展开【属性】面板,此时可以显示“补间动画”的相关设置,如图5-51所示。

(1)【缓动】:用于设置补间动画的变化速率,可以在右侧直接输入数值进行设置。

(2)【旋转】:用于设置补间动画的对象旋转,以及旋转次数、角度及方向。

①【旋转】:与前面学习的传统补间动画中的“旋转”参数设置不同,在此可以设置属性关键帧旋转的程度等于前面设置的【旋转次数】和后面的【其他旋转】的相加总和。

②【方向】:单击右侧的【无】按钮,在弹出的下拉列表中用于设置旋转的方向,有【无】、【顺时针】和【逆时针】三个选项。

③【路径】:如果当前选择的补间范围中补间对象已经更改了舞台位置,可以在此设置补间运动路径的位置及大小。其中X和Y分别代表【属性】面板第一帧处属性关键帧的X轴和Y轴位置,宽度和高速用于设置运动路径的宽度与高度。

5.4.6动画预设

在Flash中动画预设提供了预先设置好的一些补间动画,可以直接将它们应用于舞台对象,当然也可以将自己制作好的一些比较常用的补间动画保存为自定义预设,以备与他人共享或者在以后工作中直接调用,从而节省动画制作时间,提高工作效率。

动画预设的分享操作通过【动画预设】面板进行,选择菜单栏中的【窗口】→【动画预设】命令,可将以该面板展开,如图5-52所示。

1.应用动画预设

同类推荐
  • 信息安全

    信息安全

    我们不得不看到,全球信息化发展,使信息安全成为维护国家安全的重要屏障,信息安全问题正在为国与国之间带来新的制约关系。当然,这只是我们强调信息安全极端重要性的一个原因。事实上,信息安全已经上升为国家安全的重要组成部分,这是信息时代国家安全的明显特征,也是很多国家的共识。但与其他国家安全元素不同,如果脱离信息化发展的环境,“信息安全”只是一个抽象的目标,它要通过对国家的政治、经济、文化等方面的影响体现其对国家安全的意义,并以保障信息化发展为目标取向。因此,我们说信息安全是信息时代国家安全的基石。
  • 如何组装电脑

    如何组装电脑

    本书以问答的形式介绍了组装电脑的基本知识。内容包括:电脑硬件的部件组成、CPU的发展历程、CPU主频、内存的组成、内存的主要性能参数等。
  • 体感交互技术

    体感交互技术

    本书提出了体感计算的研究,探讨了基于体验性认知的个性化电子学习方式,并且分析了面向儿童的艺术创造体验,在体感虚拟化身的帮助下,用户可以通过身体运动,促进情感心智的全面发展,
  • 创业在微软

    创业在微软

    身处软件巨擘微软之中,何来“创业”二字?本书详尽勾勒了微软亚洲工程院(ATC)的成长历程,披露了工程院人在“创业”过程中不为人知的种种酸甜苦辣,生动展现了工程院的独特文化,并从另一个角度展现了其领袖人物张宏江博士的心路历程和管理思想。
热门推荐
  • 此处不见仙

    此处不见仙

    此仙非彼仙,彼仙非我仙。我仙亦非仙,非仙亦争仙。天道茫茫,我辈渺渺。欲求长生,必与天争。
  • 天行

    天行

    号称“北辰骑神”的天才玩家以自创的“牧马冲锋流”战术击败了国服第一弓手北冥雪,被誉为天纵战榜第一骑士的他,却受到小人排挤,最终离开了效力已久的银狐俱乐部。是沉沦,还是再次崛起?恰逢其时,月恒集团第四款游戏“天行”正式上线,虚拟世界再起风云!
  • 锦宫春

    锦宫春

    宫闱纷乱,尔虞我诈,他怀着柔慈的呵护之心,解她于危世。内局倾轧,吞血噬骨,她却带着复仇的杀戮之心。当冷情宫婢遇上心机王爷,究竟谁算计了谁?当旧日的闺友倒戈相向,是谁成为了谁的棋子?机关算尽,留下的真心又有几何?
  • 异域道途

    异域道途

    身为没落的修真家族的末代传人,修真没有半点成就,凡人一个,却对古诗词十分精通。一次不是意外的意外让他沦落异域,却依靠对古诗词的熟悉和原来无法修炼的修真功法纵横异域。无数的奇功异术、无数的种族、无数的强大魔兽,交织成一个恢宏的世界,神话故事将会以另类的角度进行解读,神话人物也将会以独特的视角进行描述。
  • 乡村隐士

    乡村隐士

    意外得到一个交易空间,可是为何它的交易空间会与他人不同呢?那一片新生可成长的天地中究竟隐藏着什么?
  • 鱼龙妖僧

    鱼龙妖僧

    鸿雁长飞光不度,鱼龙潜跃水成文,一介鱼精入佛门修行,作梦中梦,见身外身。
  • 天行

    天行

    号称“北辰骑神”的天才玩家以自创的“牧马冲锋流”战术击败了国服第一弓手北冥雪,被誉为天纵战榜第一骑士的他,却受到小人排挤,最终离开了效力已久的银狐俱乐部。是沉沦,还是再次崛起?恰逢其时,月恒集团第四款游戏“天行”正式上线,虚拟世界再起风云!
  • 邪王毒妃:爷,别乱来

    邪王毒妃:爷,别乱来

    我堂堂一代神医居然被雷劈了!这就是我的一次浩劫?劈就劈好了,偏偏怎么穿越了!还是一个不受宠的嫡系小姐?!什么?说我灵根没有?老娘一出手,众长老都得靠边站!说我妖惑人心?老娘就是这么貌美如花,比你这朵白莲花好多了!各路“兄弟姐妹”来找茬?who怕who啊!不给你们一点教训是不行的了!诶诶诶?这位王爷,你走你的阳关道,我走我的独木桥,O不OK?喂!别碰我!哎呀,都叫你别碰了!“爱妃,天黑了,我们该上榻歇息了。”
  • 当代语c

    当代语c

    讽刺小说,介绍一下我们当代的恶臭语c人。
  • 犼震乾坤

    犼震乾坤

    叶秋,一个普通善良的少年,做着普通的事情,就算偶然得了上古犼神的传承,成就了诸天世界的王者,得到了一个美丽女子的爱恋,依旧像是普通的你我,过着普通的生活。但是。。。