登陆注册
28301400000012

第12章 基本动画制作(3)

应用动画预设的操作通过【动画预设】面板中的【应用】按钮进行,可以将动画预设应用于一个选定的帧,也可以将动画预设应用于不同图层上的多个选定帧,其中每个对象只能应用一个预设,如果将第二个预设应用于相同的对象,那么第二个预设将替换第一个预设,应用动画预设的操作非常简单,具体步骤如下。

(1)首先在舞台上选择需要添加动画预设的对象。

(2)然后在【动画预设】面板的“预设列表”中选择需要应用的预设,Flash自带的每个动画预设都包括预览,通过在上方“预览窗口”中进行动画效果的显示预览。

(3)选择合适的动画预设后,单击【动画预设】面板中的【应用】按钮,就可以将所选择的预设应用到舞台选择的对象中。

在应用动画预设时需要注意,【动画预设】面板的“预设列表”中的各3D动画的动画预设只能应用于影片剪辑实例,而不能应用于图形或按钮元件,也不适用于文本字段,因此如果想要对选择对象应用各3D动画的动画预设,需要将其转换为影片剪辑实例。

2.将补间另存为自定义动画预设

除了可以将Flash对象进行动画预设的应用外,Flash还允许将已经创建好的补间动画另存为新的动画预设,这些新的动画预设存放在【动画预设】面板中【自定义预设】文件夹中。

将补间另存为自定义动画预设的操作可以通过【动画预设】面板下方的“将选区另存为预设”

按钮完成。具体操作如下。

(1)首先旋转【时间轴】面板中的补间范围,或者旋转舞台中应用了补间的对象。

(2)然后单击【动画预设】面板下方的“将选区另存为预设”按钮,此时可弹出【将预设另存为】对话框,在其中“png”可以设置为另存预设,如图5-53所示。

(3)单击【确定】按钮,将选择的补间另存为预设,并存放在【动画预设】面板中【自定义预设】文件夹中,如图5-54所示。

3.创建自定义预设的预览

将选择补间另存为自定义预设后,对于细心的读者来说,还会发现一个不足之外,那就是选择【动画预设】面板中已经另存的自定义预设后,在“预览窗口”中无法进行预览。如果自定义预设很多的话,这将会给操作带来极大不便,当然在Flash中也可以创建自定义预设,具体操作步骤如下。

(1)首先创建补间动画,并将其另存为自定义预设。

(2)然后创建一个值包含补间动画的FLA文件,注意使用与自定义预设完全相同的名称将其保存为FLA格式文件,并通过【发布】命令将该FLA文件创建为SWF文件。

(3)将刚才创建的SWF文件放置在以保存的自定义预设XML文件所在的目录中。如果用户使用的是Windows系统,那么就可以放置在如下目录中:<硬盘>\Docunmentsandsettings\\LocalSettings\ApplicationData\Adobe\FlashCS5\Configuration\MotionPresets。

到此,完成自定义动画预设的操作,重新启动Flash,这时选择【动画预设】面板【自定义预设】文件夹中的相对应的自定义预设后,在“预览窗口”中就可以进行预览。

5.5补间形状动画

补间形状动画用于创建形状变化的动画效果,使一个形状变成另一个形状,同时也可以设置图形形状位置、大小、颜色和变化。

补间形状动画的创建方法与传统补间动画类似,只要创建出两个关键帧中的对象,其他过渡帧便可以通过Flash自己制作出来,当然创建补间形状动画也需要如下条件。

①在一个补间形状动画中至少要有两个关键帧。

②这两个关键帧中的对象必须是可编辑的图形,如果是其他类型的对象,则必须将其转换为可编辑的图形。

③这两个关键帧中的图形必须有一些变化,否则制作的动画将没有动的效果。

5.5.1创建补间形状动画

当满足了以上条件后,就可以制作补间形状动画,与传统补间动画类似,创建补间形状动画也有两种方法,一是通过右键快捷菜单,二是通过菜单命令,两者相比,前者更方便快捷,比较常用。

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

选择同一图层的两个关键帧之间的任意一帧,单击鼠标右键,在弹出的快捷菜单中选择【创建补间形状】命令,这样就在两个关键帧间创建出补间形状动画,创建的补间形状动画以带有黑色箭头和淡绿色背景的起始关键帧处的黑色圆点2.使用菜单命令创建补间形状动画

同前面制作传统补间动画相同,首先将同一图层两个关键帧之间的任意一帧选择,然后选择菜单栏中的【插入】→【补间形状】命令,就可以在两个关键帧之间创建补间形状动画;如果想取消已经创建好的补间形状动画,可以选择已经创建补间形状动画两个关键帧之间的任意一帧,然后选择菜单栏中的【插入】→【删除补间】命令,又可将已经创建好的补间形状动画删除。

5.5.2补间形状动画属性设置

补间形状动画的属性同样通过【属性】面板的【补间】选项进行设置。首先选择已经创建补间形状动画两个关键帧之间的任意一帧,然后展开【属性】面板,在其下的【补间】选项中就可以设置动画的运动速度,混合等,如图5-56所示,其中【缓动】参数设置请参照前面介绍的传统补间动画。

【混合】:共有两种选项【分布式】和【角形】。【分布式】选项创建的动画中间形状更为平滑和不规则;【角形】选项创建的动画中间形状会保留有明显的角和直线。

5.5.3使用形状提示控制形状变化

在制作补间形状动画时,如果要控制复杂的形状变化,那么就会出现变化过程杂乱无章的情况,这时就可以使用Flash提供的形状提示,通过它可以为动画中的图形添加形状提示点,通过这些形状提示点可以指定图形如何变化,从而控制更加复杂的形状变化。下面通过“形状控制动画”实例学习使用形状提示点控制补间形状动画的方法。

使用形状提示控制形状变化的步骤如下。

(1)选择菜单栏中【文件】→【打开】命令,打开本书素材\“第5章\形状提示控制.fla”

文件,在该文件中包括两个关键帧,分别为四边形与心形,如图5-57所示,接下来制作两个图形的形状转变动画。

(2)选择“图层1”第1帧至第20帧间的任意一帧,然后单击鼠标右键,在弹出的快捷菜单中选择【创建补间形状】命令,这样就在两个关键帧间创建出补间形状动画,如图5-58所示。

(3)选择菜单栏中的【控制】→【测试影片】→【测试】命令,在弹出影片测试窗口中可以观看到形状变化的动画效果,如图5-59所示。

此时的动画是没有任何干预的情况下由Flash自己创建的动画效果,其动画效果有些杂乱,接下来使用添加形状提示点制作规律变换的动画效果。

(4)关闭影片测试窗口,将【时间轴】面板播放指针拖曳到第1帧,然后选择菜单栏中的【修改】→【形状】→【添加形状提示】命令或按Ctrl+Shift+H组合键,在图形中出现一个红色形状提示点a,如图5-60所示。

(5)再次执行命令7次,在图形中依次出现添加红色的形状提示点b、c、d、e、f、g和h,并按住鼠标左键,将各形状提示点拖曳到如图5-61所示的位置。

(6)在【时间轴】面板中将播放指针拖曳到第20帧,可以看到舞台中的心形中也有8个形状提示点,将形状提示点拖曳到如图5-62所示的位置,此时形状提示点的颜色变化为绿色,而第1帧中的形状提示点将变为黄色。

注意:如果第20帧或第1帧中的形状提示点没有变绿或者变黄,则说明这个形状提示点没有在两个帧中对应起来,需要重新调整形状提示点的位置。

(7)选择菜单栏中的【控制】→【测试影片】→【测试】命令,弹出影片测试窗口,在此窗口中可以看到图形根据自己的意愿比较有规律地进行变换的动画效果,从而使变形动画更加流畅自如,如图5-63所示。

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

注意:在操作过程中,又可能因为误操作,而使添加的形状提示点无法显示,这时可以选择菜单栏中的【视图】→【显示形状提示】命令,将其显示;如果添加了多余的形状提示点,可以按住鼠标将其拖曳到舞台外,从未将其删除,而选择菜单栏中的【修改】→【形状】

→【删除所有提示】命令,又可以将添加的形状提示点全部删除。

5.6典型案例-足球之夜

通过前面的学习,已经熟练掌握了Flash基本动画的制作,包括逐帧动画、传统补间动画、补间动画和形状补间动画等,接下来将前面所学内容加以综合应用,并运用一些操作技巧,制作一个“足球之夜”广告动画,效果如图5-64所示。

制作“足球之夜”动画的步骤提示如下。

(1)创建一个空白的Flash文档,在“背景”图层中导入素材“第5章\背景.swf”图形文件,并将其转换为“背景”的影片剪辑元件,并为其创建由白色逐渐过渡显示的色调变化的传统补间动画。

(2)在“背景”图层之上创建“喝彩人群”图层,将导入素材“第5章\喝彩人群.swf”

同类推荐
  • 纵横于天地之间——互联网络技术

    纵横于天地之间——互联网络技术

    本书告诉你:不管你是谁,只要生活在当前的时代,你一定知道电话,知道电脑,知道上网……知道许许多多关于电子、关于计算机、关于网络的话题,这就是网络时代。网络的话题可多了:它是怎么来的?什么是“蜘蛛网”?网络的过去和现在,上网的方法,如何使用网络,互联网的安全,网络有“陷阱”吗?网络有“瘾”吗?网络文化和未来又是怎样的?到书中去找答案吧!
  • 悟道:一位IT高管20年的职场心经

    悟道:一位IT高管20年的职场心经

    本书是一位有20多年职场经验的IT企业高管撰写的一系列有关职场悟道的短文集成,讲述的是在企业里如何修炼自己,如何摆平自己的心态,怎样做到“世事洞明”和“人情练达”,如何“搞定老板”,怎样做到工作和生活平衡等诸多话题,涉及到跳槽、转行、升迁、环境、沟通、老板、下属、老外等等。每一篇都以作者的亲身经历或者身边的故事说明道理,语言简洁流畅,妙趣横生,更有不少经典片段和发人深省的职场警句,读起来就像是一个睿智幽默的老朋友坐在你面前娓娓道来。
  • 如何建设网站

    如何建设网站

    本书以问答的方式介绍了建设网站的基本知识,内容包括:网站设计的八个步骤、建设网站需要掌握的工具软件、网页中插入图像、在网页中隐藏内容等。
  • EDA技术

    EDA技术

    根据课堂教学和实验操作的要求,以提高实际工程设计能力为目的,深入浅出地对EDA技术相关知识作了系统和完整的介绍,相关知识作了系统和完整的介绍。
  • 信息技术教育大全-操作系统大全

    信息技术教育大全-操作系统大全

    本书系统介绍说明了有关电子信息系统及操作系统等知识,希望对该信息技术有需求的读者能够从中得到帮助。
热门推荐
  • 输给了青春的执着

    输给了青春的执着

    当年的事,是安小柒一生的阴影吧如果不是自己,怎么会发生那样的事……每次想起他,似乎都是一种罪恶她害怕了,把自己锁了起来自己出不去……别人也进不来……木槿,温柔的坚持朝开暮落,终是昙花一现……亦或……
  • 异界混混

    异界混混

    吴来本是街头混混,机缘巧合竟获得了江湖第一神器紫剑,从此化身为江湖大侠!别的大侠行侠仗义、浪迹天涯,这位大侠却遭到了各门派美女的纠缠,身陷桃色漩涡,难以脱身……
  • 伴君如伴虎之女相

    伴君如伴虎之女相

    她为了所谓的爱背弃了家族,疼她爱她的大哥被贬,惜她怜她的二哥惨死,宠她护她的三哥被囚,娘亲一夜白头,青府凋零。她知道错了!在皇殿她亲手杀她曾经挚爱,跪求七王爷帮她重振青府,一介女流有什么资本?没关系不会她学!陪笑她做!诗书史记,军法军书她读!爬过死人堆,舞出倾城艳!只求可以陪在你身边,为你成相,为你成将,为你守住这大好河山,看你和皇后君临天下。
  • 神秘岛

    神秘岛

    讲述了在美国南北战争期间,有五个被围困在南军城中的北方人乘坐热气球逃脱了。他们中途被风暴吹落到太平洋的一个荒岛上,依靠自己的科学知识和集体劳动,在没有任何工具的情况下,克服了重重困难,从赤手空拳一直到制造出陶器、玻璃、风磨、电报机,把小岛建设成了一个繁荣富庶的乐园。每当危难时刻,总有一个神秘人物援助受难者,这个人就是在他们到达之前就已住在岛上的尼摩船长。受难者们还挽救了一个在附近孤岛上独居了十二年而失去理智的罪犯,使他恢复了人性,成为了他们忠实的伙伴。他们一起打退了海盗的侵袭。好景不长,岛上的火山复活了,火山爆发导致了孤岛沉没,在最后的危急时刻,还会有神秘人物伸出援手吗?
  • 封天悲帝

    封天悲帝

    一位不受家族认可之人,保受家族嘲笑,冷漠之人。虽为族长儿子,但是却被他亲手废掉修为,看他如何强势归来。
  • 追妻路漫漫:萌宠小狂妃

    追妻路漫漫:萌宠小狂妃

    一朝穿越“我要变得强大~”某女望天自我加油。“娘子~我来帮你。”某男作势要抱某女。“我要自己虐小白花,打渣爹的脸!重振我嫡女之威~!”某女一脚踹开某男。“那我也要来帮你~”某男又凑了过来。“随你,反正不要妨碍我!”“好滴好滴!”剧情轻松幽默~以男女主为主线发展的故事,会和一般的穿越文不同哦哒哒哒~作者保证,绝对合常理,不虐男女主~记得收藏,记得投票票!还有就是……原谅我的更新龟速……
  • 案发前夜

    案发前夜

    末世来临,上古时期的恩恩怨怨,逍遥回归,且看末世如何争霸。
  • 天行

    天行

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

    大只学神是我的理想型

    南汐梦因为小时候偶然遇见言恒澈,就一见钟情,为了他,住在校外爸爸租的房子里,却变成了言恒澈的邻居南汐梦考试时:喂喂喂,你把你答案给我抄抄言恒澈:切切切,你凭什么叫我给你抄,就因为你喜欢我?希望打脸的可以慢一点好激动,好炫彩
  • 听闻你眼里都是繁星

    听闻你眼里都是繁星

    传说中的高冷学霸校花李繁星居然谈恋爱了?!据说她男朋友还是这个学校里最不顾正业的吴星辰??