打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【FLA基础教程】逐帧动画制作全过程
第一节 帧和逐帧动画
电影的生动、活泼画面让人们有身临其境之感。Flash动画和影片一样是由一幅幅画面连续播放产生的,其中的每一幅画面称作一个帧(Frame)。
逐帧动画很适合制作动作表演细腻的动画。如,飘动、走路、说话等动作。
一、有哪些帧的基本操作:
Flash中,根据帧功能不同,通常将帧分为空白关键帧、关键帧和普通帧。通过帧可以设定画面出现的前后顺序。
1.创建空白关键帧
空白关键帧是没有包含舞台上的实例内容的关键帧,在时间轴上以空心圆点标示,表示这一帧上舞台的内容为空。如图所示:
插入空白关键帧的要点:在时间轴上选中要播入的帧,右击(“插入”菜单中的“空白关键帧”或按快捷键F7),插入空白关键帧。我们来在第10帧插入一个空白关键帧,如图所示:
2.创建关键帧。
有关键内容的帧叫“关键帧”,关键帧在时间轴上的标志是一个实心黑点。比如,我们选中第一帧在舞台上画一圆,这时第一帧就变成了关键帧,如图:
如果我们这时在第5帧,右击它,在弹出的菜单中选择“插入关键帧”,这时在第5帧也会产生一个关键帧,而且这个关键帧会复制前一关键的内容,它们的内容是一样的(插入关键帧的快捷键是F6)。如图:
3.创建普通帧。
普通帧是对前面帧内容的显示,不能对实例对象进行编辑操作,我们一般利用普通帧让关键帧的内容在一段时间内保持不变,比如场景中的背景。普通可以有效地减少动画的容量。
4.复制帧和删除帧
在时间轴上选中要复制的帧,按ctrl+c,单击要粘贴的帧,按ctrl+v,复制还可以在不同的动画之间进行。
删除帧:右击要删除的帧,在弹出的菜单中选择“删除帧”,当选择一段帧时,则可以删除这一段帧。
逐帧动画是一种常见的动画形式,原理是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画效果。绘制逐帧动画有一个很重要的功能“绘图纸”,可以在舞台中一次查看多帧内容。
观看一个非常有动感的逐帧动画——翻筯斗的兔子:
我们来创建个逐帧动画吧!——跑动的小人。
新建Flash文档,命名为“跑动的小人”,存盘; 选择“画笔工具”,调整画笔大小和画笔形状,在舞台中间绘制一个运动的小人; 右击第2帧,插入空白关键帧(为什么不直接插入关键帧呢?图为每个帧的图案都有变化,且修改较难),此时舞台是空的,为了方便第2帧图案的定位和绘制,单击“绘图纸外观”按钮,让第1帧图案淡化并显示出来,如图所示:
绘制第2帧的小人运动图案,依此分别画出第3、4、5帧的动画。效果如下:
三、进行动画测试
1、在场景中测试:单击第一帧,按回车键,可以让动画在舞台上直接播放。重按回车,可重复播放。
2、获得连续的动画:单击“控制”菜单,选择“测试影片”(或直接按ctrl+回车),可以得到连续播放的动画。
3、调整“帧频率”:如果感觉动画速度过快,可以双击“帧频率”进行修改。
课堂练习:制作一个旋转的正方形动画。
参考步骤:
在第一帧绘制一个正方形,可填充渐变色以增加美感。 在第2帧插入关键帧,利用“任意变形工具”对其旋转约30度,注意这里不要插入空白关键帧,因为这里每个帧的内容都基本相同,只需对图形做旋转就行。(提问:同学们能进行快速地操作吗?关键帧用F6,旋转角度用crtl+alt+s。) 在后面的各帧中,你可以依次插入关键帧,并使用“任意变形工具”,制作几个不同旋转角度的正方形。 按【Ctrl】+【Enter】键进行观看。效果如下:
四、扩展:阅读下面两个逐帧动画制作的实例。
Flash逐帧动画制作:花儿吃蝴蝶动画短片制作常用表现方法与技巧
第二节 图层的操作
我们在制作动画的时候,常常要求在一个舞台上实现相互重叠的画面,而这些画面又要彼此独立,互不影响,这在一个图层上是很难做到的。图层的引入给动画界提供了无限的的可能,试想,如果所有的对象都放在同一层上,那对制作者会是怎么的难受。
这一节,我们将以“燃烧着的蜡烛”为例,介绍图层的作用和基本操作。
一、什么叫图层:
图层就如同透明的胶片,它们可以在舞台上一层层地重叠在一起,透过图层没有对象的区域,可以看到下面图层上的对象。当我们对其中一个图层中的对象进行处理时,不会影响到其他图层的内容,但在视觉上,位置靠上的图层会遮盖住与下方图层重叠部分的内容。 在图层1中画一个图形。
新建一个Flash文档。我们看到在时间轴面板上会自动生成一个图层,我们把它更名为为“蜡烛”(双击“时间轴”面板上“图层1”文字部分,输入“蜡烛”)。为图层取一个体现图层内容的名称,当我们要使用这个图层时,能快速地从众多图层中定位到该图层。如图所示:
单击舞台,在“属性”面板里设置舞台“背景”为黑色。 画蜡烛体:用“矩形工具”,填充颜色为红色,笔触颜色为无,在“选项”区将圆角矩形半径设为10磅,在舞台上拖动鼠标,绘制一支蜡烛。如图所示:
用“橡皮擦工具”,将蜡烛的上端部分擦除,如图所示:
二、添加新图层
添加新图层,画火焰。
单击“时间轴”面板上的“插入图层”按钮,在原来图层上方创建了一个新图层(“图层2”),将“图层2”改名为“火焰”。如图所示:
用“椭圆工具”,填充颜色为橙红色,笔触颜色为无,在“蜡烛”上方绘制一个椭圆; 用“箭头工具”,调整椭圆成火焰形状,将“混色器”填充类型设置为“放射状”,左边取色器设为橙色,右边取色器设为白色,并将左边取色器往右拖一点,然后使用“颜料桶”调整“椭圆”颜色,让它呈“火焰”状。如图所示:
制作火焰跳动的逐帧动画:在“火焰”图层的第2帧上插入“关键帧”,用“箭头工具”改变火焰的形状。依此绘制第3、4、5帧的火焰。 选择“蜡烛”图层,在第5帧“插入帧”,让“蜡烛”在后面各帧显示出来。在制作过程中使用Ctrl+Enter进行效果测试,效果如图所示:
画光晕。
插入一个新图层,命名为“光晕”。 在“混色器”面板中将混色器填充类型设置为“放射状”,左边取色器设为橙白色(较火焰色浅),右侧为白色,Alpha值为0%。(透明度用于设置局部透明度,值越低,透明度越高。)如图所示:
单击“光晕”图层第1帧,用“椭圆工具”,在舞台上绘制一个圆(这里笔触颜色为无),然后拖至火焰处。如上图 分别在第2、3、4、5帧插入“关键帧”,作用“任意变形”工具,随火焰的大小、高低调整圆的大小,让光晕随火焰大小变化,使动画更真实。用Crtl+Enter测试影片,效果如下:
三、管理图层
我们将时间轴面板左边的区域称为“图层管理区”。在这里,我们可以创建、编辑、管理图层或观察图层状态,可以方便地隐藏、锁定图层,以轮廓线方式显示各层上的对象以及改变图层顺序等。
每个图层右侧都有三个图层状态提示区(大家在操作过程中可以灵活应用):
“眼”,单击该图标,可以显示或隐藏所有图层。单击该图标下对应图层上的“点”,可以显示或隐藏该图层。 “锁”,单击该图标,可以锁定或解锁所有图层。单击该图标下对应图层上的“点”,可以锁定或解锁该图层。当某一图层被锁定后,就不能对该图层进行编辑操作了。 “轮廓”,单击该图标,可以显示或隐藏所有图层对象的轮廓线。单击该图标下对应图层上的“轮廓”,可以显示或隐藏该图层对象的轮廓线。
注意,选择图层时可不要按到它们啊!
好,我们以上面的例子练习一下隐藏、锁定、移动图层:
单击“眼”图标,舞台上各元素是不是都消失了?如果只隐藏光晕呢? 单击“火焰”图层对应“锁”图标下的点,锁定该图层,是不是不能编辑该图层了呢? 单击“火焰”图层,将它拖到“光晕”图层之上,这样动画就更加自然了。效果如开头动画。
如果遇到不需要的图层,只需要选择该图层,按图层“管理理区”右下角的“删除图层”按钮就能将该图层删除了。(注意,“时间轴”上至少要有一个图层,隐藏和删除是不一样的)
四、任务(下面三选二):
一、做燃烧的蜡烛动画。
二、制作 一个带阴影效果的文字。参考:
三、制作日全食动画。参考:
第三节 制作补间动画
在Flash中,许多简易的动画都是通过自动补间生成的。“间”可以理解为两帧之间,就是在两个关键帧之间经过计算自动生成中间各帧,使画面从前一关键帧平滑过渡到下一关键帧,这正是Flash的迷人之处。补间动画可分为动作补间动画和形状补间动画。
动作补间:物体有一个状态到另一个状态。如位置变化、色彩变化、透明度变化、倾斜角度变化,其实现的要求应用对象是一个整体,如元件等。 形状补间:物体由一个物体变化到另一个物体。利用形状补间可以实现对象的形态变化的动画效果,如圆渐变到正方形,红色渐边到蓝色,其实现的要求应用对象是打散状态。
一、创建动作补间动画:
注意:要做动作补间动画前,需将对象转换为元件或进行组合才能使用。
生成运动补间动画,让心“跳起来”。
打开第一单元第三节制作好的“爱心.fla”文件,选中“爱心”,把“爱心”图形转换为图形元件(提示:舞台上直接绘制的矢量图是不能用来生成动作补间的,必须转换为元件或进行组合)。 在“时间轴”面板上选中第10帧,按【F6】键插入一个关键帧;再选中第5帧,按【F6】键插入一个关键帧(思考一下,为什么这样做?); 在“时间轴”面板上选中第5帧,单击“任意变形工具”,将第5帧的图形元件拉大,如图所示:
在“时间轴”面板上分别右击第1帧和第5帧,在弹出的菜单中选择“创建补间动画”命令,观察“时间轴”的变化,如图所示:
按Ctrl+Enter预览动画:
二、创建复杂的动作补间动画
要获得好的动画效果,需要在细节上做更多的属性设置。 这节课我们会学到:
1、混色器的应用
2、补间动画的制作
3、对运动补间的属性设置
4、一些flash动画的制作技巧
(一)制作一个小球自由下落过程的动画。
要点:
在舞台的较上位置画一个圆,用“混色器”和“颜料桶工具”给圆填充,作一个局部高亮的球体。如图所示:
把球体转换为元件,命名为“球”,类型设置为“图形”; 在第15帧插入关键帧,用“箭头工具”选中这一帧的球体,按下【Shift】键,垂直拖动球体到舞台的下方。 创建它们之间的补间动画,测试动画:
(二)让小球由慢到快下落、反弹、再下落,反复直至静止
为了让球的动画更逼真,我们来做些细节上的改变:
先给舞台画个地面,这样效果会更好,我们在小球落地的位置画一条直线作地板; 用鼠标单击时间轴第1帧,在第1帧的“属性”面板中将简易(缓动)值设为“-100”(提示:简易值为正,物体减速运动;简易值为负,物体加速运动,可以把简易值理解为阻力),如图所示:
我们还需要让小球在下落的过程中有些旋转的变化,那么就在第1帧的“属性”面板中设置旋转为“顺时针”,次数为1次。好,测试一下效果:
为了实现小球跳下又弹起,我们在第25帧、第33帧插入关键帧,选中第25帧,将小球垂直上移到比第1帧小球较低的位置,创建它们的补间动画,并设置相应的属性(向上运动时,简易值为100,并让它逆时针旋转1次),如图所示:
依此,进行后面关键帧的设置,按Ctrl+Enter观看动画:
任务(三选二):
制作下落的小球,并完成小球的后续动作。 流量动画,参考:
文字旋转动画(参考:http://tech.china.com/zh_cn/netschool/homepage/flash/base/sample/2005062704.html)。
扩展阅读:
文字动画,参考:http://www.wzsky.net/html/Photo/Flash/106843.html Flash鼠绘:卡通风车的绘制
三、创建形状补间动画
形状补间动画也称为“变形动画”,它的作用是生成从一个形态到另一个形态的变化,这个形态可包括形状、位置、颜色。它能处理的对象正好和运动补间动画不同,只能对矢量图起作用。
我们来制作一个几何图形的渐变。
新建一个Flash文档并保存。在舞台上绘制一个无填充色的小长方形; 选中矩形框,单击“窗口”菜单中的“变形(T)”命令,打开“变形面板”,如图:
在“变形”面板的“旋转”框中输入旋转角度为20度,连续单击“变形”面板的“复制并应用变形”按钮,很神奇吧!(同学们观察一下,复制是不是围绕中心点进行的?我们如果改变中心点的位置,结果会怎么样呢?) 在第15帧处插入“空白关键帧”,再绘制一个无填充色的小长方形,打开“变形”面板,选择“倾斜”,在“垂直倾斜”框中输入20度。连续单击“复制并应用变形”按钮,效果如图:
单击第1帧,将属性面板上的“补间”设置为“形状”,观察时间轴的变化,和动作补间有什么不一样?按【Crtl】+【Enter】观看动画
四、创建精确形状补间动画
精确形状补间动画就是对变形对象加上形状提示,使其能精确控制复杂的形状变化。
形状提示:在形状变形的起始帧图形与结束帧图形上,分别指定一些变形关键点并使这些点在起始帧中和结束帧中一一对应,Flash将根据这些提示点之间的对应关系计算形状的变形过程。我们先来看一个变化过程的例子:
标记成功后,起始关键帧上的形状提示是黄色的,结束关键帧的形状提示是绿色的,当不在一条曲线上时为红色。
新建一个Flash文档并保存; 单击“文本工具”按钮,在舞台上输入大写字母“T”;单击第15帧,按【F6】插入关键帧,并将该帧的字母“T”改为“S”。分别单击第1帧和第15帧,按两次【Ctrl】+【B】,将文字打散,分离成矢量图。(注意:这步很重要,因为形状补间动画只能对矢量图作用)
单击第1帧,将“属性”面板上的“补间”设置为“形状”。按【Ctrl】+【Enter】观看效果。
显然,对于这个效果,我们并不会满意!我们来进一步修改。 单击第1帧,选择“修改”菜单中的“形状”子菜单中的“添加形状提示”命令,如图:
这时在“T”的中央出现一个红色的a,拖动a到变化的起始位置,如图所示,再回到第15帧,也把a拖动到适当的位置。这时红色符号变成了绿色,同时第1帧的提示也变成了黄色。
用同样的方法再添加一个形状提示,分别在第1帧和第15帧调整好b的位置,如图所示:
再次播放,效果自然多了。
任务:
制作一个形状补间动画,变圆为方。 制作一个文字渐变(中国→加油)。使用形状提示来进行精确控制。
五、制作按钮:
在Flash动画中,有很多的交互动作是通过按钮完成的,按钮元件本身具备一些特殊的帧,这些帧用来监控鼠标的状态。
例子:做一个简单的按钮
新建一个Flash文件,打开“插入菜单”,选择“新建组件”,在弹出的组件属性对话框中设置新组件的属性为“按钮”,然后按“确定”,进入按钮的编辑状态。
可以看到不同的时间轴,分别由“弹起”、“指针经过”、“按下”、“点击”4个帧组成。 这4个帧分别表示按钮的不同姿态。其中“弹起”表示正常状态时按钮的图像;“指针经过”表示当指针位于按钮上方时,该按钮的图像;“按下”表示单击按钮时,该按钮的图像;“点击”则表示播放时鼠标在响应单击的区域内呈现为手形; 单击“弹起”帧,在“混色器”面板中设置填充样式为放射状,颜色设为蓝色,左边取色器Alpha为100%,右边取色器Alpha为0%,并将左边取色器拖至下图的位置:
选择“椭圆工具”,去除笔触色,在舞台上画一个带模糊边的黑色圆,如上图。 添加新图层2,单击第一帧,在“混色器”面板中设置填充样式为放射状,颜色设为白色,左边取色器Alpha为80%,右边取色器Alpha为0%,选择“椭圆工具”,在舞台上再画一个圆,调整大小和位置,如图:
选择“填充变形工具”,再选择白色内圆,此时看到内圆上出现一个小方块、两个相邻小圆和一个中心圆。将鼠标指针移到中心小圆,指针变为十字箭头,按下鼠标左键,向上拖动调整填充方向(大家还可以试一下调整其他三个点,感受它们的其他功能),效果如下:
通过以上步骤,完成了“弹起”按钮的图形制作,接下来制作其他几个状态的图形。选中图层1、图层2中标签为“按下”的第3帧,按【F6】键插入关键帧,如图:
参照步骤5,将图层2中的渐变往下调整,结果如图:
单击标签为“点击”的图层1的第4帧,按【F6】键插入关键帧。 回到场景1,从库中将按钮拖到舞台中,按【Ctrl】+【Enter】测试影片:
任务:
将前面所做的按钮进行调整,在“指针经过”这一帧中做新的设置,使鼠标指针经过按钮时按钮也发生变化。同时将按钮的鼠标指针响应区域,扩大到外圆。
扩展阅读:使用按钮
第四节 路径动画和遮罩效果
这一节我们来学习让元件按照指定的路径移动的动画,借助的是运动引导。
一、创建运动引导层?
运动引导层可以用来绘制运动路径,然后让元件沿着路径运动。 例子:飞翔的小鸟 新建一个Flash文档并存盘; 将图层1命名为“小鸟”; 单击“文件”菜单下的“导入”,导入“小鸟”图片到舞台,并将该图片转换为图形元件,名称为“小鸟”(最好找一张会动的gif动画)。
拖动时间轴上的滚动条找到第100帧,按【F6】键插入关键帧; 右击第1帧,创建运动补间动画; 单击“时间轴”面板左下方的“添加运动引导层”按钮。此时在原图层上方将自动生动一个引导层,如图:
单击“引导层”图层,在舞台中绘制一条运动曲线(可以用铅笔或直线工具),如果曲线不够平滑,可选中该曲线,在工具箱的“选项”区中单击平滑按钮,让曲线更为平滑自然,如图:
(提示:引导层中的线条在播放时不会显示) 单击第1帧,用“箭头工具”选中“小鸟”的中心圆点(这就是为什么做路径动画需要元件而不是矢量的缘故),并拖动到曲线的起始位置,让“小鸟”的中心圆点与曲线的起始点吻合,如上图。 单击第100帧,将“金鱼”拖到曲线的终点位置,同样注意“金鱼”中心圆点与曲线的终点要吻合。 回到第1帧,按回车键看动画效果。
(提示:小鸟是不是整体按照规定的曲线路径移动,却不会自动调整自身前进的方向。) 怎么办呢?单击“小鸟一”图层第1帧,在“属性”面板中勾选“调整到路径”,如图:
按回车键,观察播放效果。
作业(二选一):
制作一个地球绕太阳转的动画。 制作蝴蝶在花从中飞舞的动画。
扩展阅读:路径引导动画
二、创建遮罩效果
解读:普通的图层就像是一张透明的胶片,当多个普通图层重叠时,位于上方图层的对象会遮盖下方图层的对象,但其他部分依然保持透明。遮罩层和普通图层恰好相反,无图像部分会遮盖下方图层的所有对象,有图像部分却像是被镂空的,可透过它观察到下方图层的内容。
例子:探照灯遮罩动画
素材:一张图片
新建一个flash文档,舞台大小为图片的大小550*315像素,导入上面这一张图片,并转化为元件。 新建图层2,把图片元件复制到第1帧,保持位置完全重叠(可以利用“编辑”菜单下的“粘贴到当前位置”命令)。 调整图层1图片元件的亮度为-80%,让他呈现昏暗的色调,如图所示:
新建图层3,用“椭圆工具”,在舞台左侧画一个圆,大小颜色由大家喜欢,并转化为元件。 做这个圆的运动轨迹,为了模仿探照灯的效果,我们让探照灯来回运动,在图层3做椭圆的运动补间动画,如图:
测试动画:
解除遮罩效果的方法:右击“遮罩层”,在弹出的菜单中去除遮罩层前的“√”选项就行了
遮罩层或被遮罩层被锁定后,不能对其编辑,如要编辑必须去除锁定,但去除锁定后,遮罩效果将不起作用,如要重新显示遮罩效果,必须再将其锁定。
任务:
完成探照灯效果的动画。(并思考:若要让探照灯跟随鼠标移动,该如何实现呢?) 提示:把那圆的图形元件转化为影片剪辑,并在“属性”面板里给它命名为yuan; 因为要做鼠标跟随,所以只需要一帧,选中图层3,打开动作面板,输入鼠标跟随代码,如图:
效果如下:
以文字做遮罩层,以七彩背景为被遮罩层,制作一个移动着的不断变化颜色的文字动画。
扩展阅读:遮罩动画
第五节 编辑声音元件
通常MP3格式的声音文件所占容量比较小,一般情况下,我们就选mp3作为声音元件。
一、在Flash中添加声音的方法:
我们打开上一节中的按钮,让按钮在鼠标经过和按下时发出声音。
单击“文件”菜单中的“导入到库”选项,打开“导入到库”对话框,查找并选择声音文件,将声音文件导入到库中。
提示:一次可以选择多个文件导入。声音被导入到库中之后,就成为当前Flash文档的一部分。因此在作品完成后要把无用的声音文件从库中删除,以减小文件的容量。 打开“库”面板(快捷键Ctrl+L),选中某个声音文件,在“库”面板上有播放按钮,可以感受一下声音的效果。
双击按钮元件,编辑按钮元件,新建一个图层3,在“指针经过”和“按下”这两个帧上插入空白关键帧,将库中的声音文件分别拖到元件上。
提示:为了以后编辑和管理的方便,一般在拖动声音前先建立个新图层,让声音单独放在一个图层中。 回到舞台,测试一下按钮,我们可以听到声音啦。
二、改变声音的属性:
选中“声音”图层,打开“属性”面板,我们来看一下一些关于声音的属性;
改变“效果”下拉列表选项,体验动画声音。 无:不附加任何效果。 左声道或右声道:只播放左声道或右声道的声音。 从左向右淡出或从右向左淡出:将声音从左(右)声道逐渐切换到右(左)声道。 淡入或淡出:声音从小到大或从大到小。 自定义:用户自己设置声音播放效果。
改变“同步”下拉列表选项,体验动画声音。 事件:当动画运行到声音帧时,开始播放声音,直至声音结束。 当一段帧动画设置为循环,再次回到声音帧时,如果声音没有结束,则继续播放。如果声音已结束,则重新播放。 停止:如果有多个声音同时播放,可指定一个静音。 数据流:将声音和动画绑定。动画开始,声音也开始;动画结束,声音也结束。
任务:制作一个声音按钮。
扩展阅读:
什么是ActionScript? 声音的As控制:http://www.52design.com/html/200707/design2007727154334.shtmlhttp://www.yesky.com/SoftChannel/72351185150935040/20020422/1607943.shtml
第六节 综合创作——“荷塘月色”MTV
一、构思和素材准备
为了降低同学们的制作难度,也给同学们 一个学习模仿的机会,这里以一个已经初步做好的flash雏形为基础,再配上我们精心为它挑选的歌曲“荷塘月色.mp3”,再运用前面学到的知识,添加一些美妙的元件,制作我们的MTV。
素材:
出水芙蓉.fla
荷塘月色.mp3
完成作品:
荷塘月色.swf
二、制作步骤:
打开“出水芙蓉.fla”,分析这个源码。我们可以单击每个图层或双击场景中的元件,学习它是怎么实现这些动画的。比如鱼儿的游动,柳枝的飘遥,荷叶的画法……研究优秀的flash源码是学习flash动画设计重要方法。
为了实现我们的“荷塘月色MTV”效果,我们需要在场景中加一些元件,包括:月亮、音乐、字幕、控制按钮,我们现在就来制作它们。 先锁住所有图层,在“柳”图层下插入一个图层,命名为“月亮”,在舞台上用黄色,画个月亮,并把它转化为图形元件,再拖放到适当的位置,如图:
把“荷塘月色.mp3”导入到库中,通过分析,这个场景它只用到115帧,而我们的音乐有2950帧,若是我们在场景中新建一层,把音乐直接插入到这一层上,是无法实现音乐的完整播放的:在声音属性中如果选择“事件”就会不断地循环而出现混音;如果选择的是“数据流”,音乐根本无法正常播放。所以我们考虑到另一种方法,新建一个影片剪辑,命名为“sound-word”,在这个影片剪辑中做音乐和字幕,sound图层放音乐,word图层用来做字幕。如图:
我们做的字幕比较简单,就是让它随着音乐不断向上同步滚动,为了实现同步,我们要在适当的位置插入关键帧,根据需要调整字幕的位置,并在这些帧之间做运动补间动画。如图所示:
提示:为了更精确,我们可以在场景中的“水面”图层上新建一个“sound”层,把“sound-word”元件拖放到场景中进行调试,使刚开始的字幕不会出现,并在属性面板中给它一个“sound”的实例名称,用来给按钮进行实例调用。如图:
为了让人们自由地控制MTV播放,我来加入一些按钮,在“遮掩”层下面新建一个“按钮”层,选中该层,打开“公共库”中的“按钮”。如图:
找到playback中的“播放”、“暂停”、“停止”按钮,把它们拖放到舞台的适当位置,如图:
为了实现用按钮控制音乐,我们在“sound-word”元件的第一帧插入动作“stop();”让动画播放的时候,音乐和字幕先停止;在场景中选中“播放”按钮,在动作面板中输入代码,如图:
用同样的方法, 给“暂停”按钮插入代码: on (press) {
sound.stop();
}
“停止”按钮代码: on (press) {
sound.gotoAndStop(1);
}
好,现在可以测试动画了:
任务:制作一个自己喜爱的MTV。
概括总结:
本单元分六节介绍了制作Flash动画的一般方法。
通过本单元的学习,应建立的基本概念和应掌握的基础知识与基本操作: Flash通过“时间轴”面板中的图层和帧来组织和控制动画效果。 Flash可以将不同的动画元素分别安排在不同的图层中,但这些元素组合起来就是一个完整的画面,而且在一个图层中绘图或编辑,不会影响其他图层的内容。 Flash动画是通过连续显示排列在“时间轴”上的画面形成的。“时间轴”上的每一个小方形格就表示一个帧。帧可以分为关键帧、空白关键帧和普通帧等 在Flash动画中,场景犹如一个戏剧舞台,所有的情节都在这舞台上表演,但不同的情节,其舞台的大小、音响、灯光等条件不同,场景布置也不相同。一个Flash动画可以安排多个场景。 了解Flash中的逐帧动画、运动补间动画、形状补间动画、路径动画、遮罩等的概念与作用。 学会创建逐帧动画,操作不同图层,制作运动补间动画和形状补间动画,掌握路径动画和遮罩方法的使用。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【湖南工业大学】【现代教育技术】课程12.2
【聊动画】(三十五)色彩闪动文字效果的制作|老小孩讲述
基本动画制作
Flash知识点总结
Flash动画基础
翻页相册的制作原理与方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服