FLASH动画几个概念
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
逐帧动画
1.逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。
什么叫补间动画?
所谓补间动画又叫做中间帧动画,这里,又分为动作补间和形状补间动作补间是物体有一个状态到另一个状态。
补间动画有两种:动作补间和形状补间
动作补间:是由一个形态到另一个形态的变化过程,像移动位置,改变角度等。
动画补间是淡紫色底加一个黑色箭头组成的。
形状补间:是由一个物体到另一个物体间的变化过程,像由三角形变成四方形等。
形状补间是淡绿色底加一个黑色箭头组成的。
1、动作补间动画:
动作补间动画也是Flash中非常重要的表现手段之一,与“形状补间动画”不同的是,动作补间动画的对象必需是“元件”或“成组对象”。
运用动作补间动画,你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性,配合别的手法,你甚至能做出令人称奇的仿3D的效果来。
动作补间动画的概念:在一个关键帧上放置一个元件,然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等,Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。
构成动作补间动画的元素:构成动作补间动画的元素是元件,包括影片剪辑、图形元件、按钮、文字、位图、组合等等,但不能是形状,只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
动作补间动画制作实例
实例——飞行的飞机
实例简介
巍巍群山,茫茫云海,轻烟似的白云缓缓飘过,一架飞机由近而远的飞去,渐渐消失在远方,如图3-4-3所示。
本例制作不难,但通过它,你可以掌握创建动作补间动画的方法。
图3-4-3 飞机飞行动画
知识提要
●创建动作补间动画
●制作元件由大变小的效果
●制作元件透明度变化的效果
(1)创建影片文档
步骤1 设置影片文档属性
执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为650×255像素,【背景色】为白色,如图3-4-4所示。
图3-4-4 影片文档属性
步骤2 创建背景图层
执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中名为“山峰.jpg”的图片导入到场景中(“山峰”图片位置:光盘\example\part3\***\图片\山峰.jpg)。
用【箭头工具】调整图片在舞台上的位置,使其居于舞台的中央。
如果图片大小不合适,再选择【任意变形工具】调整图片大小。
选择第100帧,按F5键,添加普通帧。
(2)创建元件
步骤1 创建飞机元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“飞机”。
这时进入新元件编辑场景,选择第一帧,执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中的名为“飞机.png”图片导入到场景中(“飞机”图片位置:光盘\example\part3\***\图片\飞机.png)。
步骤2 创建白云元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“白云”。
这时进入新元件编辑场景,选择第一帧,执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中的名为“白云.png”的图片导入到场景中(“白云”图片位置:光盘\example\part3\***\图片\白云.png)。
(3)创建动画
步骤1 创建飞行效果
单击时间轴右上角的【编辑场景】按钮,选择【场景1】,转换到主场景中。
新建一层,把库里名为“飞机”的元件拖到场景的左侧,执行【修改】|【变形】|【水平翻转】命令,将飞机元件实例水平翻转。
在【属性】面板上打开【颜色】旁边的小三角,设置【Alpha】值为80%,如图3-3-5所示。
图3-3-5 第一帧中飞机在场景中的位置和Alpha值
飞机向远处飞去,应该越来越小,越来越模糊,来看看这种效果是什么做出来的吧,选中【图层2】的第100帧,按F6键,添加一个关键帧,在【属性】面板中设置飞机的大小,【W】值是飞机的宽值,为32;【H】值是飞机的高值,为18.9;【X】、【Y】则是飞机在场景中的X、Y坐标,分别是628.5,51,如图3-4-6所示。
图3-4-6 飞机在100帧处的位置和大小
在【属性】面板上,设置【Alpha】值为20%。
用鼠标右键单击【图层2】的第一帧,选择【创建补间动画】。
步骤2创建白云飘过的效果
新建一层,从库中拖出名为“白云”的元件,放置在背景图右侧的山峰处,设置【Alpha】值为80%,在第100帧处添加关键帧,把元件移到场景的左上方,设置【Alpha】值为40%。
用右键单击图层的第一帧,选择【创建补间动画】。
执行【控制】|【测试影片】命令,观察动画效果,如果满意,执行【文件】|【保存】命令,将文件保存成“飞机.fla”,如果要导出Flash的播放文件,执行【文件】|【导出】|【导出影片】命令,保存成“飞机.swf”文件。
2、形状补间动画:
1.形状补间动画的概念
(1)形状补间动画的概念
在Flash的时间帧面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
(2)构成形状补间动画的元素
形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性介于逐帧动画和动作补间动画二者之间,使用的元素多为用鼠标或压感笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”再变形。
(3)形状补间动画在时间帧面板上的表现
形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头,如图3-3-1所示。