发布时间:2019年08月15日
「动画制作」Flash基本动画的制作方法与实例:
在Flash中有三种基本的动画:逐帧动画、补间动画、引导路径动画。
一、逐帧动画
原理:在连续的关键帧中分解动画动作,也就是每一帧中的内容不同,连续播放而成动画。
1)导入静态图片建立逐帧动画
【实例5-1】“走路的女孩”逐帧动画。
① 新建影片文档
② 创建背景图层(导入1个图片到第1帧,末尾帧位置按F5)
③ 创建动画图层,并导入系列图片(在第1帧导入,自动分配图片)
④ 调整对象位置(注意锁定背景层,再用到绘图纸按钮)
⑤ 创建文字图层,并设置标题文字 (用到“文本工具” )
⑥ 测试存盘
2)制作由变化文字组成的逐帧动画
【实例5-2】由变化数字组成的“倒计时”逐帧动画。
① 新建一个文档,单击“工具箱”中的“文本工具” ; 选中时间轴的第1帧,在舞台中央输入文本“9”。 …..
②
选中时间轴上第2帧,连续按9次“F6”键,插入9个关键帧(即第2到第10个关键帧为插入的关键帧)。每当插入一个关键帧时,系统会自动将前一帧的内容复制到后一帧。
③ 选中时间轴的第2帧,双击舞台中的文本,将其原来的文字“9”改为“8”。
④ 重复与步骤③相同的操作,将第3帧的文本由“9”改为“7”;直至将第10帧的文本由“9”改为“0”。这时,动画制作完毕。
3)绘制矢量逐帧动画
【实例5-3】“球形单摆的周期性摆动”矢量逐帧动画。
(1)新建一个文档,在图层1画一根水平直线和一个小圆球表示天花板和单摆的固定点。
(2)选中时间轴上第2帧,连续按9次“F6”键,插入9个关键帧,即第2到第10帧是插入的9个关键帧;使第1帧的图形延续到2~10帧。再单击“插入图层”按钮,添加图层2。
(3)选择图层2的第1帧,画出单摆图形(含直线、球);转换为图形元件 ;并调整单摆图形到相应的位置方向。
(4)由第一个单摆图形 “复制”出多个单摆图形 ,并调整各单摆图形到不同的位置方向。
(5)选中图层2时间轴上第2帧,连续按9次“F6”键,在第2~第10帧处插入关键帧,于是第1帧的单摆图案被复制到第2~第10帧。
(6)然后依次选定1帧,删除该帧中多余的单摆图形,每帧只保留1个相应方向的单摆图形。
二、补间动画
补间动画即过渡变形动画,包括动作补间和形状补间。补间动画只需制作动画的首末两个关键帧,这样可减少制作工作量和文件大小;中间帧由系统自动生成,能使过渡效果平滑。
1)动作补间动画的制作原理与实例
在Flash的时间轴面板上,在一个时间点(关键帧)放置一个元件,然后在另一个时间点(关键帧)改变这个元件的大小、颜色、位置、透明度等等。
【实例5-4】 “上下弹跳的小球”动作补间动画。
(1)双击“层 1”的标题并键入“跳动的球”并按回车键重命名图层。
(2)在该图层的第l帧画一个正圆。
(3)将舞台中的正圆转换为图形元件。
(4)选择第 30 帧 按 F6 键插入一个关键帧。
(5)选择第 15 帧并按 F6 键以添加另一个关键帧。
(6)在播放头仍处于第 15 帧上时,按住 Shift 键沿直线移动小球,使它移动到原位置正上方一定距离的位置。
【实例5-4】 “上下弹跳的小球”动作补间动画。
(7)在“跳动的球”图层中,选择第 2 帧与第14帧之间的任何帧。在属性面板中,从“补间”下拉菜单中选择“动作”,
(8)选择第16帧和第29帧之间的任何帧。同样,使用属性面板中的“补间”下拉菜单,选择“动作”菜单项。
(9)选择“文件”→“保存”菜单命令,保存源文件;并按“Ctrl+Enter”键测试影片。
2)形状补间动画的制作原理与实例
在Flash的时间轴面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,Flash
根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
【实例5-5】“五球连环”形状补间动画的制作。
(1)新建一个Flash文档,将该图层名称改成“变形的球”。
(2)在“变形的球”图层的第1帧,用椭圆工具结合Shift键,画5个大小差不多的圆。并调整相互位置到合适程度。
(3)在第30帧处插入关键帧;并删除此帧里原来的5个园;最后在第30帧画一个大园,大园的位置大约在原来5个园的中央。
(4)这是最后关键的一步,选定第1到第30帧间的任意一帧;再展开下面的属性面板,选择“补间”下拉菜单中的“形状”。
(5)按“Ctrl+Enter”组合键测试影片。
三、引导路径动画
将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。
1)创建引导路径动画的一般方法
(1)创建引导层和被引导层
(2)引导层和被引导层中的对象
“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。
而“被引导层”中的对象可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。
(3)向被引导层中添加元件
“引导动画”最基本的操作就是使一个动作补间动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端,被引导的对象起点、终点的2个“中心点”一定要对准“引导线”的2个端头。
2)应用引导路径动画的技巧
(1)“被引导层”中的对象在被引导运动时,还可作更细致的设置,比如运动方向。
(2)引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不含“被引导层”的“引导层”,该引导层中可以放置一些文字说明、元件位置参考等。
(3)在做引导路径动画时,按下工具栏上的“对齐对象”功能按钮,可以使“对象附着于引导线”的操作更容易成功。
(4)过于陡峭的引导线可能使引导动画失败,而平滑圆润的曲线段有利于引导动画成功制作。
(5)被引导对象的中心对齐场景中的十字星,也有助于引导动画的成功。
(6)向被引导层中放入元件时,在动画开始和结束的关键帧上,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导。
(7)如果想解除引导,可以把被引导层拖离“引导层”;或将引导层的 “图层属性”设置为“正常”,使它改变图层类型。
(8)如果想让对象作圆周运动,可以在“引导层”画个圆形线条,再用橡皮擦去一小段,使圆形线段出现2个端点,再把对象的起始、终点分别对准端点即可。
(9)引导线允许重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash能辨认出线段走向,否则会使引导失败。
3)引导路径动画的制作实例
【实例5-6】“纸飞机沿引导线轨道飞行”的引导路径动画制作。
(1)新建影片
属性对话框中,设定尺寸400×300,背景颜色为蓝色。
(2)制作纸飞机图形元件
①
先利用矩形工具在舞台上画一个矩形;然后用部分选取工具向外拖拉矩形的一角,再将矩形另一对角向内拖动;用直线工具连接刚拖过的两个角;利用颜料桶工具填充直线两边三角区域的颜色,以便改变飞机两三角翅的颜色。此时,飞机图形画好了。
② 将飞机图形转换为图形元件,注册点选为中心点。
(3)制作动画
① 双击图层1名称,将名称改为“被引导层”;单击被引导层的第1帧,将飞机拖放在场景中的左上角。用变形工具调整飞机大小方向,一直调到满意为止。
② 选择被引导层第40桢,按F6键插入关键帧。
【实例5-6】“纸飞机沿引导线轨道飞行”的引导路径动画制作。
(3)制作动画
③
单击被引导层第1~第40帧之间的任何帧,找到下面的属性面板,选择“补间”下拉菜单的“动作”,建立1~40帧之间的小飞机动作补间动画;并将“调整到路经”复选框选中。
④
在第一图层上就增加一个引导图层,并将名称改为“引导层”。单击引导层第1帧,选择铅笔工具(附属选项为“平滑”);然后用铅笔工具在场景中画一个平滑曲线(就是飞机的运动轨迹)。
⑤ 选择被引导层的第1帧。拖动第1帧上的飞机到曲线左端点上,注意一定要把飞机上的注册点调到与曲线左端点重合。
⑥ 选择被引导层的第40帧。用同样的方法将飞机拖动到曲线的右端点上,飞机注册点与曲线的右端点重合。
⑦ 按Ctrl+Enter快捷键,测试影片效果。
(4)输出和保存影片文件
黄鹤楼动漫星空动画制作:027-82730702;82720703 移动/微信:139-9566-0877 企鹅QQ:76211136
推荐阅读:
武汉MG动画制作之颈部绘画
黄鹤楼动漫武汉flash动画制作业务范围
武汉MG动画制作舒服的延迟(惯性)