Flash四种动画的基本步骤
Flash 动画包括逐帧动画、动作补间动画、形状补间动画、遮罩动画、引导线动画等;
一逐帧动画
逐帧动画是一种常见的动画形式 ,其原理是在“连续的关键帧”中分解动画动作,即在时间轴的每个关键帧上逐帧绘制不同的内容,使其连续播放而成动画;
逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,很适合于表演细腻的动画;但因每个关键帧上的内容不一样,增加了动画制作负担,且使最终输出的文件体积很大;
实例:打字效果
1新建一个 Flash 文件,展开 Flash 窗口下端的文档属性面板或在舞台上单击右键,在右键菜单中选择“文档属性”,设置舞台的宽 500 像素、高 200 像素,背景为黑;
2选中第一帧,选取文本工具,在属性面板上设置字体为“楷体” 、字号“ 72 ”、颜“白”、粗体,键入“教育技术学”六个字;并设置它的位置相对于舞台居中对齐选择“窗口”主菜单的“设计面
板”,调出“对齐”面板;在“对齐”面板上先把“相对于舞台”五字下方的按钮单击成白,再分别单击“水平中齐”和“垂直中齐”;
3选中文本,在按住 Ctrl 键的同时,单击 B 键,把组合在一起的文字分解,并分别在第 10 、 20 、 30 、 40 、 50 帧插入一个关键帧 ;若连续单击 B 键两次,则把文字打散;
4选中第 1 帧,将五个文字全部删除;
5选中第 10 帧,将后四个文字删除,留下一个“教”字;选中第 20 帧,将后三个文字删除,留下“教育”两字;选中第 30 帧,将后二个文字删除,留下“教育技” 三字;选中第 40 帧,将后一个文字删除,留下“教育技术”四字;flash按钮制作
6在第 60 帧插入普通帧;测试效果,观看效果;
二补间动画
Flash 中的补间动画有两种:一种是动作补间动画;另一种是形状补间动画;
动作补间动画的制作流程一般是:先在一个关键帧中定义实例的大小、颜、位置、透明
度等参数,然后创建出另一个关键帧并修改这些参数,最后创建补间动画,让 Flash 自动生成中间的过渡状态;过渡帧在帧面板上的标志是在浅篮的背景下有一个向右的长箭头;
实例: 属性变化的矩形
1新建 Flash 文件,用矩形工具在舞台左边画一个无边框的红矩形;选中矩形,右击,执行“转换为元件”命令;在“创建新元件”对话框中选择类型为“图形”,确定;
2在第 30 帧插入关键帧,并把矩形拖到右边;
3用任意变形工具将其放大,并旋转;
4在属性面板中将矩形的“填充”属性改为蓝;
5用选择工具选中第 1 帧,单击属性面板“补间”里的“动作”即可创建补间动画;
6播放影片,观看效果;
形状补间动画,只要编辑首尾两帧上的图形,中间的形变过程由过渡帧来完成;过渡帧在帧面板上的标志是在浅绿的背景下有一个向右的长箭头;
实例: 形状变化的矩形
1新建 Flash 文件,在工具箱中选取矩形工具,在舞台左侧画一个红矩形;
2在第 15 帧插入一个空白关键帧,在舞台右端画一个绿五角星;
3在第 30 帧插入一个空白关键帧,选取椭圆工具,在舞台右上侧画一个无边线的黄圆形;
4单击图层,选中所有帧,单击底部属性面板“补间”两字右面白框后的黑三角按钮,再单击“形状”;创建形状补间动画;
5测试影片,观看效果;
动作补间动画与形状补间动画的区别和联系;动作补间动画与形状补间动画,都只需要编辑首尾两帧上的对象,中间的形变过程由过渡帧来完成;但动作补间动画首尾两帧上的对象,必须是同一个元件的实例,只能改变元件的大小和位置,不能改变形状;除了元件,组合体或文本也可作为制作动作补间动画的对象;而形状补间动画不同的是,首尾两帧上可以不必是同一图形元素,而且形状也可以改变;
三遮罩动画
遮罩动画,至少应该设置两个图层,上边的图层叫遮罩层,下面的图层叫被遮罩层;被遮罩层可以有多个,即多层遮罩动画;
遮罩动画的原理是:在遮罩层中的任何填充区域都是完全透明的,而任何非填充区域都是不透明的;换句话说,遮罩层中如果什么也没有,被遮层中的内容都不会显示出来;如果遮罩层全部填满,被遮层的所有内容都能显示出来;如果只有部分区域有内容,那么只有在有内容的部分才会显示被遮层的内容;
遮罩层中的内容可以是包括图形、文字、实例、影片剪辑等在内的各种对象,但是 Flash 会忽略遮罩层中内容的具体细节,只关心它们占据的位置;每个遮罩层可以有多个被遮罩层,这样我们可以将多个图层组织在一个遮罩层之下创建非常复杂的遮罩效果;
遮罩动画主要分为两大类:遮罩层运动产生的动画;被遮对象运动产生的动画;
实例:百叶窗效果
1新建 Flash 文件,选中图层 1 的第一帧,选择“文件” -> “导入” -> “导入到舞台”命令,导入一幅图片,调整成跟舞台一样大小,居中;
2插入图层 2 ,在图层 2 的第 10 帧插入一个空白关键帧,导入另一幅图片,也调整成跟舞台一样大小后居中;
3插入图层 3 ,在图层 3 的第 10 帧插入一个空白关键帧,在舞台左面画一个比图片略高且宽度几乎为一条线的无边框矩形;
4再复制出两个矩形;调整三个矩形间隔相同且水平排列在舞台上;
5在图层 3 的第 20 帧插入一个关键帧;选中第 10 帧,用任意变形工具把每个矩形的右边往右推,让每个矩形都稍有间隔;添加遮罩层
6选中图层 3 的第 10 帧,在属性面板上创建“形状”补间动画;在图层 3 的第 21 帧插入一个空白关键帧;
7先选中图层 3 的第 10 帧,然后在按住 Shift 键的同时,单击第 20 帧,以同时选中第 10 至第
20 帧;在选中的任一帧上右击,执行“复制帧”命令,再在第 30 帧上右击,执行“粘贴帧”命令,把 10 至 20 帧间的形状补间动画复制到 30 至 40 帧上;
9把图层 2 的第 10 帧复制到图层 1 的第 20 帧上,把图层 1 的第 1 帧分别复制到本图层的第 40 帧和图层 2 的第 30 帧上;在图层 2 的第 40 帧插入一个普通帧;
10把光标置于图层 3 上右击,执行“遮罩层”命令,把图层 3 变为遮罩层;
11测试影片;
实例:文字填充内容变化的动画效果
1新建 Flash 文件,在图层 1 的第一帧利用文字工具输入“遮罩动画”四个字,在其文字属性面板中设置字体为隶书,字号为 87 ;在第 10 帧插入普通帧;
2新建图层 2 ,在第一帧上利用矩形工具绘制一无边矩形,高度比文字略高,宽度大约是文字宽度的两倍;利用填充工具将矩形填充为七彩渐变;矩形右端与文字右端对齐;
3在图层 2 的第 10 帧插入关键帧,向右拖动矩形的位置,使矩形左端与文字左端对齐;在第 1
帧和第 10 帧之间创建形状补间动画;
4交换图层 1 和图层 2 的位置,将图层 1 设为遮罩层;
5测试影片,观看效果;
五引导线动画
引导线动画,至少应该设置一个引导层和一个被引导层两个图层,且引导层在上,被引导层在下;被引导层上的对象,可以按照引导层指定的路径运动;被引导层可以有多个,即多层引导动画;
实例: 沿引导线移动的文字效果
1新建 Flash 文件,在图层 1 的第 1 帧利用文字工具写入文字“ Flash ”,文字属性随意设置;
2在时间轴左下方单击“添加运动引导层”按钮,选中引导层的第 1 帧,用铅笔工具在舞台上随意绘制一条曲线,注意不要有闭合区域,并且让曲线尽量平滑;在第 20 帧插入普通帧;
3在图层 1 的第 20 帧插入关键帧;使图层 1 的第 1 帧的文字中心与引导层的曲线起点重合;在第 20 帧,使文字中心与引导层的曲线终点重合;
4选中图层 1 第 1 帧,在属性面板上创建“动作”补间动画,并在属性面板上选中“调整到路径”选项;
5测试影片,观看效果;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论