Flash 动画原理
形状渐变动画的制作过程可以总结为下面的操作步骤: (注意:动画的对象不能是元件,而只能是打散图形) a.在动画开始的第一帧中绘制图形(保持是打散图形) b.在动画的最后一帧处插入空白关键帧 c.在动画的最后一帧中绘制图形(保持是打散图形) d.选择中间的任何一帧,在属性面板中处选择形状
20
郴州师范 YLEE
计算机动画的原理与传统动画基本相同,只是计算机能够自 动生成中间帧。
4
郴州师范 YLEE
动画原理
菜单栏
1.时间轴 时间轴是编辑、加工动画的 流水线,其最重要的成分是帧、 图层和播放头 绘图工具栏
2.帧 时间轴上的小格子就是帧,它 是构成动画作品的基本单位。 关键帧:实心圆圈的方格(按 F6键可插入关键帧) 空白关键帧:空心圆圈的方格
13
郴州师范 YLEE
打散对象和组合对象
打散对象 组合对象
组合对象 打散对象
crtl+G crtl+B
组合对象是一个整体,打散对象是打散的,可以任意切割
14
郴州师范 YLEE
Flash简单动画制作
重要概念 元件(Symbol):
• 可以重复利用的可编辑对象,包括图形,按钮,影片剪辑,声 音,位图,字体等,它存在库中。 • 类型有:图形,按钮,影片剪辑
• 选取要成为遮罩层的层,单击右键,选取“遮罩”
遮罩层和被遮罩层的关联方法
• 直接将被遮罩层拖到遮罩层下方 • 右键单击图层,选取“遮罩”或“被遮罩”
26
郴州师范 YLEE
Flash简单动画制作
小结:
• 制作遮罩动画需要注意的:
– 可以遮盖任何同遮罩层相关联的图层(被遮罩层)的内容 – 遮罩层中的对象必须是色块、文字、符号、电影剪辑 (MovieClip)、按钮或群组对象,但是位图及线条在遮罩层上 是不起作用的,就是不能对被遮罩层起作用,而被遮层不管线条 或是位图都不被限制
• 制作引导动画需要注意的:
– 引导路径必须是连续,并且是分离属性(即:打散)的线条 – 被引导的对象必须是群组属性(即:元件符号) – 被引导的对象的中心必须要和路径线条重叠
• 拓展练习:
– 地球绕太阳公转 – 定点投篮
25
郴州师范 YLEE
Flash简单动画制作
特殊的动画2--遮罩动画
遮罩层的对象实体以透明方式显示,被遮罩层的对象 实体只能透过遮罩层对象实体显示 创建遮罩层的方法
3
郴州师范 YLEE
Flash简单动画制作
动画原理
动画和电影正是利用人眼视觉残留特性,也称视 觉暂留。 人体的视觉器官,在看到的物象消失后,仍可暂 时保留视觉的印象。 视觉印象在人的眼中大约可保持0.1秒之久。如 果两个视觉印象之间的时间间隔不超过0.1秒, 两个视觉印象融合在一起,就形成视觉残(暂) 留现象。
7
郴州师范 YLEE
动画原理
2、大笑动画 FLASH动画播放时 会循环进行。利用 这个特点我们可制 作一些简单重复播 放的动画,如左图, 还可以导出为GIF图 片,在QQ中作为表 情使用。
8
郴州师范 YLEE
动画原理 ● 动画的时间特性
(1) 动作的发展按照时间发生的顺序进行 (2) 与自然现象一致的运动节奏 (3) 遵守自然规律,可有限的夸张
22
郴州师范 YLEE
Flash简单动画制作
特殊的动画1--引导动画
让实体沿着一定的路径运动产生的动画效果。 引导层的作用:使对象实体沿着引导层中的路径(直 线、斜线、不规则曲线等)运动。 创建引导层的方法
• 在需要成为引导层的层上点击右键,选择“引导” • 在需要被引导的层的时间线上单击鼠标,选择“添加引导层”
• 字符闪烁 • 打字机效果
19
郴州师范 YLEE
Flash简单动画制作
形状补间(渐变)动画
根据对象(对象必须为打散图形)的形状变化来实现 动画效果
形状渐变动画,是指在两个关键帧之间制作出图形对象的变形效果,让 一种图形随时间变化成为另一种图形。在形状渐变动画中,对象的位置可以 移动、对象的颜色可以改变,但这种变化是以打散图形(矢量图形对象)为 动画主角。 舞台上的矢量图形,在没有转化为素材库中的元件之前,只是普通的图 形,因此只能用来制作形状渐变的动画,不能用来制作运动渐变动画。
• 形状补间:用于形状变化的动画;如将字母A变成B • 动画补间(动作补间):用于图形及元件位移等变化的动画。
17
郴州师范 YLEE
Flas补间动画(渐变动画)设定两个关键帧,由计算机运 算逐渐改变的中间画面来完成。
特殊动画
• 引导线动画 • 遮罩动画
12
郴州师范 YLEE
Flash简单动画制作
重要概念 层(Layer):
• 一个场景可由几个图层组成,每个图层的内容由图像、动画、 组件或音效等构成。放在上层的对象会遮盖下层的重叠部分。
层的操作:
• • • • • • • 创建图层(文件夹) 删除 命名 显示与隐藏 锁定 复制:通过复制帧的方式 移动
● 动画的节奏掌握
(1) 利用各帧之间的位置差控制动画节奏 (2) 自然规律和有限的夸张是动作节奏的依据
Frame1
Frame2
Frame3
Frame4
Frame5
9
Frame6
Frame7
Frame8
郴州师范 YLEE
Flash简单动画制作
动画制作中的帧 帧的类型:帧有普通帧和关键帧两种类型,其中关键帧
元件创建方法:
• 将舞台中的元素转换成元件 • 直接创建新元件
15
郴州师范 YLEE
Flash简单动画制作
Flash的动画类型
逐帧动画:每一帧都是关键帧,通过每帧的内容变化产 生动画效果
16
郴州师范 YLEE
Flash简单动画制作
Flash的动画类型
逐帧动画: 补间动画(渐变动画)设定两个关键帧,由计算机运 算逐渐改变的中间画面来完成。
• 拓展练习:
– MTV片头动画 – 毛笔字效果
27
郴州师范 YLEE
逐帧动画 Flash动画 渐变动画 形状渐变动画 运动渐变动画
18
郴州师范 YLEE
Flash简单动画制作
逐帧动画
每一帧都是关键帧,通过每帧的内容变化产生动画效果 繁星闪烁实例制作(关键点)
• 注意帧速 • 将星星转换为元件 • F6插入关键帧后调节各帧对象的透明度,从而产生闪烁效果
其他实例(自己思考怎么完成效果)
绘图纸 外观
6
郴州师范 YLEE
动画原理
2、水滴落下动画 本动画中的水滴在第一帧中绘制 后,后面的帧中只需复制水滴后 往下移动位置即可形成下落动画。 因此第一帧绘制水滴后,从第二 帧起打开“绘图纸外观”,按下 F6插入关键帧,FLASH会将前 一关键帧的内容复制到下一帧, 将下一帧的水滴往下移动即可, 依次往后按F6插入关键帧,移 动水滴。
又分为关键帧和空白关键帧
关键帧是指在动画播放过程中呈现关键性动作或内容变化的帧,按【F6】 键可创建关键帧。Flash可以在关键帧之间添加普通帧,并通过制作补间 动画生成流畅的动画。在时间轴中拖动关键帧可以更改补间动画的播放 时间。 关键帧定义了动画关键的变化环节,在时间轴中用小圆圈来表示,如果 关键帧中有内容则以一个黑色的圆点来表示。空白关键帧中无任何内容, 以空心圆圈表示。增加空白关键帧用【F7】
21
郴州师范 YLEE
Flash简单动画制作
动作补间动画
书上实例制作(关键点)
• • • • • • 设置文档属性,导入图片作为背景图层1 新建球图层2,创建球图形,并转化为符号(元件) 设置球的上下跳动: 设置球跳动有动感: 为球添加地面阴影: 制作风吹文字效果:
对象可以变化的属性
• 位置,大小,旋转角度,透明度等
“层”区
时间轴
“混色器”面板
工作区域
3.图层 可理解为多张透明的幻灯片 按一定的顺序叠放在一起
“属性”面板
5
郴州师范 YLEE
动画原理
利用动画原理,在FLASH中使用逐帧绘制画面的方法,然后连续播放,就可 以形成动画。 入门实例: 制作时使用刷子工具, 每画一个画面后按 1、吃鱼动画
F7增加一个空白关 键帧(增加一个空画 面),并按下“绘图 纸外观”,绘制新画 面。
郴州师范 YLEE
Flash动画制作基础知识
大专班课件制作专用
内容简介
Flash动画原理
Flash简单动画制作
特效制作
交互控制(AS) Flash综合作品制作
2
郴州师范 YLEE
Flash动画原理
动画原理
当观看电影、电视或动画片时,画面中的人物和 场景是连续、流畅和自然的。 但看一段电影胶片时,看到的是电影胶片上的一 格又一格的不动的,但又是逐渐变化着的画面。
引导层和被引导层的关联方法:
• 直接将被引导层拖到引导层下方 • 右键单击图层,选取“引导”或“被引导”
23
郴州师范 YLEE
Flash简单动画制作
制作要点:
• 绘制小鸟,并转化为符号(元件),锁定鸟图层1 • 添加引导层2,创建文本曲线(不闭合),并打散 • 在鸟图层1的第70帧插入关键帧,并创建运动补间动画(1-70 帧之间) • 在引导层2的第70帧插入扩展帧 • 用“捕捉工具”将鸟图层1的第1帧和第70帧上的小鸟中心点分 别捕捉到文本曲线的缺口端点 • 测试效果,此时没有文本曲线,假如需要看到运动轨迹,则再 创建一普通层粘贴引导层2的文本曲线做为轨迹
10
郴州师范 YLEE
Flash简单动画制作