null第3章
逐帧动画第3章
逐帧动画教师:杨萌
QQ:229781818
Email:xian_ameng@163.comnull 3.1 逐帧动画的基本概念
3.2 帧的标识和编辑
3.3 逐帧动画实例本章内容第3章 逐帧动画null常用的快捷键第3章 逐帧动画null 了解逐帧动画的基本概念、特点、适用领域等概念。
3.1 逐帧动画的基本概念3 逐帧动画null定义:将动画中的每一帧都设置为关键帧,在每一个关键帧中创建不同的内容,就成为逐帧动画。逐帧动画是指动画的每一帧的内容都是由一幅绘制的图象组成。
原理:将对象的运动过程分解成多个静态图形,再将这些连续的静态图形置于连续的关键帧中,就构成了逐帧动画。
什么是逐帧动画3.1 逐帧动画的基本概念null缺点
是太耗费时间和精力,而且最终生成的动画文件偏大。
优点
即能最大限度地控制动画的变化细节。
适用领域
适用于
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
现细腻、复杂的动画效果。通过更改每一帧中的舞台内容而获得动画效果,它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画的特点3.1 逐帧动画的基本概念null 学习帧的基本标识,并掌握帧的各种操作方法。
3.2 帧的标识和编辑3 逐帧动画null【空白关键帧】
用空心圆表示,代表这个帧中没有内容,在空白关键帧中加入对象即可变为关键帧。各种帧在时间轴上的标识 新打开文件时的空白关键帧3.2 帧的标识和编辑null【普通帧】
显示为一个单元格,普通帧中的内容永远和离它最近的关键帧中的内容保持一致。各种帧在时间轴上的标识延续第一帧内容的普通帧3.2 帧的标识和编辑null【传统补间帧】
用底色为浅蓝色的箭头符号表示,代表这个区域存在运动补间动画。各种帧在时间轴上的标识运动补间帧3.2 帧的标识和编辑null【形状补间帧】
用底色为浅绿色的箭头符号表示,代表这个区域存在形状补间动画。各种帧在时间轴上的标识形状补间帧3.2 帧的标识和编辑null【未完成或中断的渐变】
如果补间动画出现错误,则本应出现的箭头符号显示为虚线。各种帧在时间轴上的标识未完成或中断的渐变3.2 帧的标识和编辑null【一般空白帧】
代表空白区域中没有任何内容。各种帧在时间轴上的标识空白帧3.2 帧的标识和编辑null【添加了动作语句的帧】
如果在某一关键帧上有一个小字母a,表示在这一帧中分配了动作Action,当动画播放到这一帧时将执行相应的动作
各种帧在时间轴上的标识添加了动作语句的帧3.2 帧的标识和编辑【课堂实例】给动画添加动作null【添加了标签后的帧】
如果在关键帧的小黑点上有一个小红旗,表明该关键帧包含标签,如下图所示,将帧命名为圆各种帧在时间轴上的标识添加了标签后的帧3.2 帧的标识和编辑null【设置了注释后的帧】
如果在标签名字前加“//”,表示为该帧加注释,如果在标签名字前加 ,表示为该帧加锚记,在时间轴上的效果如下图所示各种帧在时间轴上的标识设置了注释后的帧3.2 帧的标识和编辑null3.2 帧的标识和编辑选取帧选取单个帧,单击时间轴上的某一帧,即可以选取它
选取连续帧 单击开始帧,按住Shift键选取结束帧
或拖拽鼠标
选取不连续帧 按住Ctrl键,单击选取多个不连续的帧
【同一图层】选取连续帧,单击开始帧,按住Shift键选取结束帧
选取不连续帧 按住Ctrl键,单击选取多个不连续的帧
【不同图层】null3.2 帧的标识和编辑创建关键帧 创建关键帧是设计制作Flash动画的一项最基本操作。
【方法】
用鼠标在时间线处选中所要创建关键帧的位置,然后单击菜单栏中的“插入”→“时间轴”→“关键帧”
用鼠标在时间线处选中所要创建关键帧的位置后,使用快捷键(F6)
用鼠标选中所要创建关键帧的位置,单击鼠标右键,在快捷菜单中选择“插入关键帧”
用鼠标选中所要创建关键帧的位置,单击鼠标右键,在快捷菜单中选择“转换为关键帧”null在时间轴面板中选中需要复制的帧,然后选择“编辑”→“时间轴”→“复制帧”命令
在时间轴面板中选中需要复制的帧,单击鼠标右键,在弹出的右键菜单中选择“复制帧”命令
按快捷键
帧的复制【方法】3.2 帧的标识和编辑null在时间轴面板中选中要进行粘贴的帧的位置,然后选择“编辑”→“时间轴”→“粘贴帧”命令
在时间轴面板中选中要进行粘贴的帧的位置,然后选择“编辑”→“时间轴”→“粘贴帧”命令
按快捷键帧的粘贴【方法】3.2 帧的标识和编辑null移动帧和帧的内容【步骤】选中需要移动的帧
用鼠标拖放到时间轴的任意位置,这个位置可以是同层的也可以是其他层的
松开鼠标,即完成帧的移动
该操作相当于帧的剪切和粘贴 3.2 帧的标识和编辑null删除帧【步骤】在时间轴面板中选中一个或多个帧
选择下面的方法之一:
“编辑”→“时间轴”→“删除帧”命令
鼠标右击,在弹出的快捷菜单中选择“删除帧”
按快捷键
3.2 帧的标识和编辑null插入帧3.2 帧的标识和编辑【方法】在时间轴面板中选择要插入帧的单元格
选择“插入”→“时间轴”→ “帧”命令,或者按快捷键F5,即可在选中的单元格中新增加一帧null翻转帧3.2 帧的标识和编辑 Flash中帧的翻转就是将选择的一段连续帧的序列进行头尾翻转
【步骤】在时间轴面板中选择要进行翻转的各帧
选择下面的方法之一:
选择“修改”→“时间轴”→ “翻转帧”命令
鼠标右击,在弹出的快捷菜单中选择“翻转帧”命令null帧频率:也就是动画的播放速度,以每秒播放的帧的多少计算 设置帧频率的步骤:
可以选择“修改”→“文档”命令
然后在弹出的“文档属性”对话框中的“帧频”输入框中,输入设定的频率,如图所示,默认值为12修改帧频率 3.2 帧的标识和编辑设置帧频率null 绘图纸工具(洋葱皮工具)3.2 帧的标识和编辑 通常情况下,在flash动画制作过程中,舞台中一次只能显示或编辑一个关键帧中的对象,如果需要显示多个关键帧或同时编辑多个关键帧中的对象,就需要使用绘图纸工具(洋葱皮工具)。
绘图纸工具 null绘图纸外观工具 绘图纸外观效果 绘图纸外观轮廓显示绘图纸标记修改3.2 帧的标识和编辑绘图纸工具(洋葱皮工具)null 绘图纸工具(洋葱皮工具)3.2 帧的标识和编辑1.在舞台上同时查看多个帧单击时间轴面板下方的【绘图纸外观】 按钮,显示两个绘图纸外观之间的所有帧,当前帧为实体显 示,其它帧为半透明显示
单击时间轴面板下方的【绘图纸外观轮廓】 按钮,当前帧以实体显示,其它帧以轮廓线显示 null 绘图纸工具(洋葱皮工具)3.2 帧的标识和编辑2.控制绘图纸外观的显示单击时间轴面板下方的【编辑多个帧】 按钮,显示两个绘图纸外观之间的所有关键帧的实体null 绘图纸工具(洋葱皮工具)3.2 帧的标识和编辑3.更改绘图纸外观标识的显示范围和属性单击时间轴面板下方的【修改绘图纸标记】 按钮,修改外观标记的显示范围与属性
始终显示标记:始终显示绘图纸外观的起止标记
锚记绘图纸:锁定绘图纸外的起止标记的位置
绘图纸2:在当前帧的两侧显示2帧
绘图纸5:在当前帧的两侧显示5帧
所有绘图纸:在当前帧的两侧显示所有帧null使用绘图纸外观工具可以移动整个动画,方法如下:
将所有图层解锁,而不移动某一层的对象,可将其隐藏或锁定
单击绘图纸外观工具中的“编辑多个帧”按钮
单击绘图纸外观工具的“修改绘图纸标记”→“绘制全部”命令
选择“编辑”→“全部选择”命令,选中所有图层及对象
使用鼠标拖动整个动画到新的位置 绘图纸工具实例——移动整个动画3.2 帧的标识和编辑null 并通过实例的讲解,熟练掌握逐帧动画的制作方法和技巧。
3.3 逐帧动画实例3 逐帧动画null任务概述
外部导入方式是创建逐帧动画最为常用的方法。
本实例首先导入动画文件,并对其进行修改,完成最终动画效果
外部导入的方式创建逐帧动画3.3 逐帧动画实例Gif图像Flash动画null1.新建文件并修改文档属性
新建空白文档
修改文档属性:宽高均为150像素,背景为白色,帧频为10
2.导入gif
单击【文件】|【导入】|【导入到舞台】
外部导入的方式创建逐帧动画3.3 逐帧动画实例null任务概述
通过【工具】面板中各种绘图工具与各种帧的操作的结合使用绘制一个“生长的小花”的逐帧动画实例。
第 1 帧 第 4 帧 第 7 帧 第 9 帧生长的小花3.3 逐帧动画实例null生长的小花3.3 逐帧动画实例1 绘制“花盆”
修改图层1的名称为“花盆”
使用黑色的刷子工具绘制花盆轮廓
使用颜料桶工具填充花盆颜色为#cd9933
在第4帧处插入帧(F5) 第 1 — 4帧 null生长的小花3.3 逐帧动画实例2 绘制“叶子”
新建“叶子”图层
在第1帧,使用“刷子工具”(颜色#3a5836)绘制一个小芽
在第2帧处插入关键帧(F6),使用“选择工具”修改枝条为合适的大小和高度
在第3帧处插入关键帧,在用“刷子工具”绘制更高的枝条和叶子
在第4帧处插入帧(F5)
第 1 帧 第 2 帧 第 3、4 帧 null生长的小花3.3 逐帧动画实例3 绘制“花朵”
新建“花朵”图层
在第3帧,使用“刷子工具”(颜色#ff0000)绘制一个花苞
在第4帧处插入空白关键帧(F7),使用使用“刷子工具”(颜色#ff0000)绘制盛开的花瓣,使用#ffff00绘制花心
第 4 帧 第 5 帧 null任务概述
原动画出现频率太快,文字、图片效果只有淡入没有淡出。通过使用基本的帧操作来丰富动画效果。蝴蝶广告3.3 逐帧动画实例 原动画 修改后的动画 null 蝴蝶广告 1.修改文字的帧数
在“文字”图层第10帧处,按2次F5,插入2个普通帧
依次选择每个字的关键帧,按2次F5,插入2个普通帧
选择“文字”图层第10到24帧,复制帧,在第35帧处粘贴帧,再选中35到49帧,翻转帧
3.3 逐帧动画实例null 蝴蝶广告 2.修改背景的帧数
选中在“背景”图层第1帧到第10帧(按住shift键),复制帧
在“背景”图层第47帧处,粘贴帧
选中第47到56帧进行翻转帧操作
在60帧处,向上拖拽同时选中“文字”层,插入帧(F5)
3.3 逐帧动画实例 提示:通过复制帧并对其进行翻转帧操作,可以制作淡入淡出动画效果null卡通走路动画任务概述
创建动画背景,导入外部gif图像,借助绘图纸工具,移动导入的整个动画到合适的位置3.3 逐帧动画实例 原gif图像 修改后的动画 null卡通走路动画3.3 逐帧动画实例1 新建文档
尺寸:300*200像素
背景颜色:白色(#ffffff)
帧频:30
2 创建背景
修改图层1名为“背景”
单击【文件】|【导入】|【导入到舞台】,选背景图片,并调整位置和大小与舞台相等null卡通走路动画3.3 逐帧动画实例3 导入gif图像,并移动到合适位置
新建图层,命名为“卡通”
单击【文件】|【导入】|【导入到舞台】,选gif图片
单击时间轴面板下方的【修改绘图纸标记】按钮,选“所以绘图纸选项”
单击【编辑多帧】按钮,显示所有关键帧内容
锁定“背景”图层
点击【编辑】|【全选】
使用【选择工具】移动到合适位置
在背景层第36帧处插入帧(F5)