魔法糖果.ppt

《魔法糖果.ppt》由会员分享，可在线阅读，更多相关《魔法糖果.ppt（55页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、本章提要本章提要1 时间轴特效动画2 动画元件于流程说明3 制作文字阴影4 元件转场特效5 文字分离特效6 背景的复制到网格特效1前言前言本章的重点在于应用 Flash 现成的时间轴特效来制作动画,我们一共会使用到：复制至网格(Copy to Grid)、投影(Drop Shadow)、分离(Explode)、与转换(Transition)4 种特效。请先播放范例文件,观看制作完成的时间轴特效：2前言前言31 时间轴特效动画时间轴特效动画时间轴特效时间轴特效 (Timeline Effects)(Timeline Effects)提供提供多达多达 8 8 种特效供你选用种特效供你选用,包括：转

2、包括：转换换 、变形、变形、复制至网格、复制至网格、分散式直接复制分散式直接复制、模糊模糊 、投影、投影 、展开、展开 、分离分离 。你只要。你只要在交谈窗中设定选项和参数在交谈窗中设定选项和参数,接着接着 Flash Flash 就会自动帮你完成时间轴、图层、就会自动帮你完成时间轴、图层、与与帧帧的安排的安排,快速获得不错的动画效果。快速获得不错的动画效果。4时间轴特效动画时间轴特效动画时间轴特效全部收录在时间轴特效全部收录在插入插入/时间轴时间轴特效特效命令之下命令之下,您只要先选取欲加上您只要先选取欲加上时间轴特效的关键帧或对象时间轴特效的关键帧或对象,然后再挑然后再挑选一种时间轴特效选

3、一种时间轴特效,便会开启交谈窗让便会开启交谈窗让你做相关设定。你做相关设定。52 动画元件与流程说明动画元件与流程说明组件介绍动画制作流程重点说明6元元件介绍件介绍本范例要制作一部“神奇糖果”小广告,大意是小女孩吃下神奇糖果后,马上拥有全新漂亮的发型,因此我们先准备好最主要的 4 个女孩图像元件：7动画制作流程动画制作流程使用复制到网格特效，快速为动画加上背景图案使用投影特效给文字添加阴影，并制作文字移动补间动画安排女孩吃下糖果的动画运用转换特效制作女孩“变发”动画运用分离特效制作文字爆炸的动画8重点说明重点说明动画一开始,中央出现阴影文字 Magic Candy,并以移动补间动画让文字移动至

4、动画底部。接着使用 girl1、girl2、girl3 图像组件,制作西瓜皮发型女孩吃下糖果的动作。第 2 阶段重点在于转场特效的应用,先让变 发 前的女孩往下淡出消失,再让变 发 后的摩登女孩往上淡入显现,营造人物变身的效果。9重点说明重点说明10重点说明重点说明第 3 阶段要应用爆破特效制作文字向上左右炸开的惊奇效果。而为了让画面更具有动感,还会加入糖果影片片段做为装饰之用。最后帧的总数确认了,再利用复制到特效,让简单的图形快速布满整个舞台,帮动画的背景美化一番。113 制作文字阴影制作文字阴影设定文件属性加入文字阴影建立文字移动补间动画12设定文件属性设定文件属性本范例之文件属性如右图所

5、示,你可执行修改/文件命令,开启文件属性交谈窗来做设定：13加入文字阴影加入文字阴影请开启练习魔法糖果元件.fla,我们要运用投影时间轴特效 来制作文字阴影：1.首先使用文字工具钮在舞台中建立文字对象：14加入文字阴影加入文字阴影15加入文字阴影加入文字阴影选取刚建立的文字对象,执行插入/时间轴特效/特效/投影命令,开启投影交谈窗来设定投影属性：16加入文字阴影加入文字阴影最后按下投影交谈窗的确定钮,文字阴影就做好了：17编辑与移除时间轴特效编辑与移除时间轴特效若是觉得效果不甚满意,想要修改时间轴特效的设定,可选取加上时间轴特效的影格,然后执行修改/时间轴特效/编辑特效命令(或者按下属性面板中

6、的编辑钮),即可再次开启交谈窗来修改设定值。而若是想移除时间轴特效,则是可执行修改/时间轴特效/移除特效命令。18编辑与移除时间轴特效编辑与移除时间轴特效19建立文字移动补间动画建立文字移动补间动画接着进行文字坠落舞台底部的移动补间动画。而为了让画面更显活泼,在文字坠落底部后,我们还刻意让文字弹跳一下,请如下操作：20建立文字移动补间动画建立文字移动补间动画21建立文字移动补间动画建立文字移动补间动画22出现出现 你正尝试编辑已套用特效你正尝试编辑已套用特效的组件的组件 讯息讯息当我们打算在影格 15 插入关键影格时,会跳出如下的提示讯息,这是因为时间轴特效动画是由 Flash 根据交谈窗设定

7、而产生的,因此若你尝试手动编辑时间轴特效所产生的影格内容,就会告知你如果要继续编辑,便无法再透过修改/时间轴特效/编辑特效命令来修改特效设定了：23出现出现 你正尝试编辑已套用特效你正尝试编辑已套用特效的组件的组件 讯息讯息24建立文字移动补间动画建立文字移动补间动画至于文字弹跳的效果也很容易,只要继续在影格 17、18 插入关键影格,然后让影格 17 中的文字略为往上移动；影格 18 中的文字恢复在动画底部，播放起来就会有文字弹跳的感觉了。你可开启魔法糖果元件.fla 来参考文字动画的安排。25 4 4 元件转换特效元件转换特效这节要先来一段女孩从口袋拿糖果吃的动画,接着再应用转场时间轴特效

8、(Transition),让变 发 前的女孩往下淡出,再让变 发 后的摩登女孩往上淡入,制造人物变身的效果。26女孩吃糖动画女孩吃糖动画请开启魔法糖果元件.fla,里面已经为你准备好女孩图像组件供你练习。此外,文档中我们把投影 1 图层延伸至影格 55,以便让 Magic Candy 文字维持显示在舞台底部。1.选取吃糖果图层的影格 25,按下 F6 键插入关键影格,然后从组件库面板将 girl1 图像组件拉曳到舞台正中央：27女孩吃糖动画女孩吃糖动画28女孩吃糖动画女孩吃糖动画接着将影格 30、35、40、45 设成空白关键影格,然后分别放入 girl2、girl3、girl2、girl3

9、图像组件,制造女孩吃糖的动作(注意！女孩出现的位置要保持一样)。最后再将影格延伸到第 55 格：29女孩吃糖动画女孩吃糖动画30加入转场特效加入转场特效接着要套用转场时间轴特效。1.首先将吃糖果图层的影格 45 复制到变发中图层的影格 56：31加入转场特效加入转场特效32加入转换特效加入转换特效2.选取变发中图层的影格 56,执行插入/时间轴特效/变形/转换命令,开启转场交谈窗做如下设定：33加入转场特效加入转场特效34加入转场特效加入转场特效3.原本的变发中图层这时会根据上面的设定,加入一段长度为 30 影格的转场动画,并自动更名为转场 2：35加入转场特效加入转场特效36加入转场特效加入

10、转场特效4.接着比照相同的方法,另外新增一个变发后图层,然后在影格 86 插入关键影格并放入 girl4 图像组件(X：150、Y：16),再执行插入/时间轴特效/变形/转场/转场命令,开启转场交谈窗做属性设定：37加入转场特效加入转场特效38加入转场特效加入转场特效最后按下交谈窗的确定钮就完成女孩变发的动画了：395 5 文字爆破特效文字爆破特效接着要带出此段广告的文字标语“Magic Candy change your hairstyle!”,然后使用分离时间轴特效(Explode)制做文字爆破效果。40加入爆破特效加入爆破特效在文档中我们已经将上一节的转场 4图层延长为135 个影格,让

11、变发后的女孩多停留在画面上几秒。另外还加入了哇 wow 图层,放入逐字出现的 wow 文字,你可自己研究看看。言归正传,我们来看看怎么制作爆破文字吧！41加入加入分离分离特效特效使用文字工具钮在舞台中输入 Magic Candy change your hairstyle!,并应用属性面板设定文字的字型、大小、色彩：42加入加入分离分离特效特效43加入加入分离分离特效特效2.将标语图层的影格 160 设成关键影格,让标语文字延伸到第 160 格。接着选取影格 160,执行插入/时间轴特效/效果/分离命令,开启分离对话框来设定分离特效的属性：44加入加入分离分离特效特效45加入加入分离分离特效特

12、效按下分离对话框的确定钮,即可回到动画中观赏文字爆炸效果了(此时标语图层已自动改名为分离5 图层)：46加入加入分离分离特效特效47加入加入分离分离特效特效486 背景速成复制法背景速成复制法这段趣味广告已接近完成,最后我们再利用复制至网格线时间轴特效(Copy to Grid),替单调的素色背景做点儿美化。在文档中我们已在爆破 4 图层的影格 135 加入几个可爱的糖果影片片段,增加俏皮效果。1.新增背景图层并搬移到最底层,然后选取影格 1 并如下操作：49复制到网格复制到网格50复制到网格复制到网格2.选取背景图层的影格 1,执行插入/时间轴特效/帮助/复制到网格命令,开启 拷贝至网格线交谈窗来设定：51复制到网格复制到网格52复制到网格复制到网格53复制到网格复制到网格这段神奇糖果广告总算完成了,期间一共运用了 4 种不同的时间轴特效,相信经过本范例的磨练后,你对于时间轴特效已经不再陌生了吧！假如你有兴趣想研究这些时间轴特效究竟是怎么做出来的,可以双按组件库面板中,时间轴特效组件名称前的图标,进入该组件的编辑模式下研究。54复制到网格复制到网格55