1、第第3章章逐帧动画逐帧动画教师:杨萌教师:杨萌QQ:229781818Email:xian_ 1.2Flash动画设计与制作动画设计与制作 3.1 3.1 逐帧动画的基本概念逐帧动画的基本概念 3.2 3.2 帧的标识和编辑帧的标识和编辑 3.3 3.3 逐帧动画实例逐帧动画实例本章内容本章内容第第3章章 逐帧动画逐帧动画 1.3Flash动画设计与制作动画设计与制作 常用的快捷键常用的快捷键F5F5插入帧插入帧F6F6插入关键帧插入关键帧F7F7插入空白关键帧插入空白关键帧Ctrl+Alt+CCtrl+Alt+C复制帧复制帧Ctrl+Alt+VCtrl+Alt+V粘贴帧粘贴帧Shift+F5
2、Shift+F5删除帧删除帧Shift+F6Shift+F6清除关键帧清除关键帧第第3章章 逐帧动画逐帧动画 1.4Flash动画设计与制作动画设计与制作 了了解解逐逐帧帧动动画画的的基基本本概概念念、特特点点、适适用领域等概念。用领域等概念。3.3.1 1 逐帧动画的基本概念逐帧动画的基本概念3 逐帧动画逐帧动画 1.5Flash动画设计与制作动画设计与制作 定定义义:将将动动画画中中的的每每一一帧帧都都设设置置为为关关键键帧帧,在在每每一一个个关关键键帧帧中中创创建建不不同同的的内内容容,就就成成为为逐逐帧帧动动画画。逐逐帧帧动动画画是是指指动动画画的的每一帧的内容都是由一幅绘制的图象组成
3、每一帧的内容都是由一幅绘制的图象组成。原原理理:将将对对象象的的运运动动过过程程分分解解成成多多个个静静态态图图形形,再再将将这这些连续的静态图形置于连续的关键帧中,就构成了逐帧动画。些连续的静态图形置于连续的关键帧中,就构成了逐帧动画。什么是逐帧动画什么是逐帧动画什么是逐帧动画什么是逐帧动画3.1 逐帧动画的基本概念逐帧动画的基本概念 1.6Flash动画设计与制作动画设计与制作 缺点缺点 是太耗费时间和精力,而且最终生成的动画文件偏大。是太耗费时间和精力,而且最终生成的动画文件偏大。优点优点 即能最大限度地控制动画的变化细节。即能最大限度地控制动画的变化细节。适用领域适用领域 适适用用于
4、于表表现现细细腻腻、复复杂杂的的动动画画效效果果。通通过过更更改改每每一一帧帧中中的的舞舞台台内内容容而而获获得得动动画画效效果果,它它最最适适合合于于每每一一帧帧中中的的图图像像都都在更改而不是仅仅简单地在舞台中移动的复杂动画。在更改而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画的特点逐帧动画的特点逐帧动画的特点逐帧动画的特点3.1 逐帧动画的基本概念逐帧动画的基本概念 1.7Flash动画设计与制作动画设计与制作 学学习习帧帧的的基基本本标标识识,并并掌掌握握帧帧的的各各种种操作方法。操作方法。3.2 3.2 帧的标识和编辑帧的标识和编辑3 逐帧动画逐帧动画 1.8Flash动画设计与制
5、作动画设计与制作 【空白关键帧空白关键帧】用空心圆表示,代表这个帧中没有内容,在空白关键帧用空心圆表示,代表这个帧中没有内容,在空白关键帧中加入对象即可变为关键帧。中加入对象即可变为关键帧。各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识新打开文件时的空白关键帧新打开文件时的空白关键帧新打开文件时的空白关键帧新打开文件时的空白关键帧3.2 帧的标识和编辑帧的标识和编辑 1.9Flash动画设计与制作动画设计与制作 【普通帧普通帧】显示为一个单元格,普通帧中的内容永远和离它最近的显示为一个单元格,普通帧中的内容永远和离它最近的关键帧中的内容保持一致。关键帧
6、中的内容保持一致。各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识延续第一帧内容的普通帧延续第一帧内容的普通帧延续第一帧内容的普通帧延续第一帧内容的普通帧3.2 帧的标识和编辑帧的标识和编辑 1.10Flash动画设计与制作动画设计与制作 【传统传统补间帧补间帧】用底色为浅蓝色的箭头符号表示,代表这个区域存在运用底色为浅蓝色的箭头符号表示,代表这个区域存在运动补间动画。动补间动画。各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识运动补间帧运动补间帧运动补间帧运动补间帧3.2 帧的标识和编辑帧的标识和编辑 1.11F
7、lash动画设计与制作动画设计与制作 【形状补间帧形状补间帧】用底色为浅绿色的箭头符号表示,代表这个区域存在形用底色为浅绿色的箭头符号表示,代表这个区域存在形状补间动画。状补间动画。各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识形状补间帧形状补间帧形状补间帧形状补间帧3.2 帧的标识和编辑帧的标识和编辑 1.12Flash动画设计与制作动画设计与制作 【未完成或中断的渐变未完成或中断的渐变】如果补间动画出现错误,则本应出现的箭头符号显示为如果补间动画出现错误,则本应出现的箭头符号显示为虚线。虚线。各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间
8、轴上的标识各种帧在时间轴上的标识未完成或中断的渐变未完成或中断的渐变未完成或中断的渐变未完成或中断的渐变3.2 帧的标识和编辑帧的标识和编辑 1.13Flash动画设计与制作动画设计与制作 【一般空白帧一般空白帧】代表空白区域中没有任何内容。代表空白区域中没有任何内容。各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识空白帧空白帧空白帧空白帧3.2 帧的标识和编辑帧的标识和编辑 1.14Flash动画设计与制作动画设计与制作 【添加了动作语句的帧添加了动作语句的帧】如果在某一关键帧上有一个小字母如果在某一关键帧上有一个小字母a a,表示在这一帧中分,表示在
9、这一帧中分配了动作配了动作ActionAction,当动画播放到这一帧时将执行相应的动作,当动画播放到这一帧时将执行相应的动作各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识添加了动作语句的帧添加了动作语句的帧添加了动作语句的帧添加了动作语句的帧3.2 帧的标识和编辑帧的标识和编辑【课堂实例课堂实例】给动画添加动作给动画添加动作 1.15Flash动画设计与制作动画设计与制作 【添加了标签后的帧添加了标签后的帧】如果在关键帧的小黑点上有一个小红旗,表明该关键帧如果在关键帧的小黑点上有一个小红旗,表明该关键帧包含标签,如下图所示,将帧命名为圆包含标签,如下
10、图所示,将帧命名为圆各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识添加了标签后的帧添加了标签后的帧添加了标签后的帧添加了标签后的帧3.2 帧的标识和编辑帧的标识和编辑 1.16Flash动画设计与制作动画设计与制作 【设置了注释后的帧设置了注释后的帧】如果在标签名字前加如果在标签名字前加“/”,表示为该帧加注释,如果,表示为该帧加注释,如果在标签名字前加在标签名字前加 ,表示为该帧加锚记,在时间轴上的,表示为该帧加锚记,在时间轴上的效果如下图所示效果如下图所示各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识各种帧在时间轴上的标识设置了
11、注释后的帧设置了注释后的帧设置了注释后的帧设置了注释后的帧3.2 帧的标识和编辑帧的标识和编辑 1.17Flash动画设计与制作动画设计与制作 3.2 帧的标识和编辑帧的标识和编辑选取帧选取帧选取帧选取帧选取单个帧选取单个帧,单击时间轴上的某一帧,即可以选取它,单击时间轴上的某一帧,即可以选取它选取连续帧选取连续帧 单击开始帧,按住单击开始帧,按住ShiftShift键选取结束帧键选取结束帧 或拖拽鼠标或拖拽鼠标选取不连续帧选取不连续帧 按住按住CtrlCtrl键,单击选取多个不连续的帧键,单击选取多个不连续的帧【同一图层同一图层】选取连续帧选取连续帧,单击开始帧,按住,单击开始帧,按住Shi
12、ftShift键选取结束帧键选取结束帧选取不连续帧选取不连续帧 按住按住CtrlCtrl键,单击选取多个不连续的帧键,单击选取多个不连续的帧【不同图层不同图层】1.18Flash动画设计与制作动画设计与制作 3.2 帧的标识和编辑帧的标识和编辑创建关键帧创建关键帧创建关键帧创建关键帧 创建关键帧是设计制作创建关键帧是设计制作FlashFlash动画的一项最基本操作。动画的一项最基本操作。【方法方法】l用鼠标在时间线处选中所要创建关键帧的位置,然后单用鼠标在时间线处选中所要创建关键帧的位置,然后单击菜单栏中的击菜单栏中的“插入插入”“时间轴时间轴”“关键帧关键帧”l用鼠标在时间线处选中所要创建关
13、键帧的位置后,使用用鼠标在时间线处选中所要创建关键帧的位置后,使用快捷键快捷键(F6)(F6)l用鼠标选中所要创建关键帧的位置,单击鼠标右键,在用鼠标选中所要创建关键帧的位置,单击鼠标右键,在快捷菜单中选择快捷菜单中选择“插入关键帧插入关键帧”l用鼠标选中所要创建关键帧的位置,单击鼠标右键,在用鼠标选中所要创建关键帧的位置,单击鼠标右键,在快捷菜单中选择快捷菜单中选择“转换为关键帧转换为关键帧”1.19Flash动画设计与制作动画设计与制作 1.1.在时间轴面板中选中需要复制的帧,然后选择在时间轴面板中选中需要复制的帧,然后选择“编辑编辑”“时间轴时间轴”“复制帧复制帧”命令命令2.2.在时间
14、轴面板中选中需要复制的帧,单击鼠标右键,在时间轴面板中选中需要复制的帧,单击鼠标右键,在弹出的右键菜单中选择在弹出的右键菜单中选择“复制帧复制帧”命令命令3.3.按快捷键按快捷键 帧的复制帧的复制帧的复制帧的复制【方法方法】3.2 帧的标识和编辑帧的标识和编辑 1.20Flash动画设计与制作动画设计与制作 1.1.在在时时间间轴轴面面板板中中选选中中要要进进行行粘粘贴贴的的帧帧的的位位置置,然然后后选选择择“编辑编辑”“时间轴时间轴”“粘贴帧粘贴帧”命令命令2.2.在在时时间间轴轴面面板板中中选选中中要要进进行行粘粘贴贴的的帧帧的的位位置置,然然后后选选择择“编辑编辑”“时间轴时间轴”“粘贴
15、帧粘贴帧”命令命令3.3.按快捷键按快捷键 帧的粘贴帧的粘贴帧的粘贴帧的粘贴【方法方法】3.2 帧的标识和编辑帧的标识和编辑 1.21Flash动画设计与制作动画设计与制作 移动帧和帧的内容移动帧和帧的内容移动帧和帧的内容移动帧和帧的内容【步骤步骤】1.1.选中需要移动的帧选中需要移动的帧2.2.用用鼠鼠标标拖拖放放到到时时间间轴轴的的任任意意位位置置,这这个个位位置置可可以以是是同层的也可以是其他层的同层的也可以是其他层的3.3.松开鼠标,即完成帧的移动松开鼠标,即完成帧的移动4.4.该操作相当于帧的剪切和粘贴该操作相当于帧的剪切和粘贴 3.2 帧的标识和编辑帧的标识和编辑 1.22Flas
16、h动画设计与制作动画设计与制作 删除帧删除帧删除帧删除帧【步骤步骤】1.1.在时间轴面板中选中一个或多个帧在时间轴面板中选中一个或多个帧2.2.选择下面的方法之一:选择下面的方法之一:“编辑编辑”“时间轴时间轴”“删除帧删除帧”命令命令鼠标右击,在弹出的快捷菜单中选择鼠标右击,在弹出的快捷菜单中选择“删除帧删除帧”按快捷键按快捷键 3.2 帧的标识和编辑帧的标识和编辑 1.23Flash动画设计与制作动画设计与制作 插入帧插入帧插入帧插入帧3.2 帧的标识和编辑帧的标识和编辑【方法方法】1.1.在时间轴面板中选择要插入帧的单元格在时间轴面板中选择要插入帧的单元格2.2.选选择择“插插入入”“时
17、时间间轴轴”“帧帧”命命令令,或或者者按按快捷键快捷键F5F5,即可在选中的单元格中新增加一帧,即可在选中的单元格中新增加一帧 1.24Flash动画设计与制作动画设计与制作 翻转帧翻转帧翻转帧翻转帧3.2 帧的标识和编辑帧的标识和编辑 Flash Flash中帧的翻转就是将选择的一段连续帧的序列进中帧的翻转就是将选择的一段连续帧的序列进行头尾翻转行头尾翻转【步骤步骤】1.1.在时间轴面板中选择要进行翻转的各帧在时间轴面板中选择要进行翻转的各帧2.2.选择下面的方法之一:选择下面的方法之一:选择选择“修改修改”“时间轴时间轴”“翻转帧翻转帧”命令命令鼠鼠标标右右击击,在在弹弹出出的的快快捷捷菜
18、菜单单中中选选择择“翻翻转转帧帧”命命令令 1.25Flash动画设计与制作动画设计与制作 帧频率帧频率:也就是动画的播放速度,以每秒播放的帧的多少计算:也就是动画的播放速度,以每秒播放的帧的多少计算 设置帧频率的步骤:设置帧频率的步骤:1.1.可以选择可以选择“修改修改”“文档文档”命令命令2.2.然后在弹出的然后在弹出的“文档属性文档属性”对对话框中的话框中的“帧频帧频”输入框中,输入框中,输入设定的频率,如图所示,输入设定的频率,如图所示,默认值为默认值为1212修改帧频率修改帧频率修改帧频率修改帧频率 3.2 帧的标识和编辑帧的标识和编辑设置帧频率设置帧频率设置帧频率设置帧频率 1.2
19、6Flash动画设计与制作动画设计与制作 绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)3.2 帧的标识和编辑帧的标识和编辑 通通常常情情况况下下,在在flashflash动动画画制制作作过过程程中中,舞舞台台中中一一次次只只能能显显示示或或编编辑辑一一个个关关键键帧帧中中的的对对象象,如如果果需需要要显显示示多多个个关关键键帧帧或或同同时时编编辑辑多多个个关关键键帧帧中中的的对对象象,就就需需要要使使用用绘绘图图纸纸工工具具(洋葱皮工具)。(洋葱皮工具)。绘图纸工具绘图纸工具绘图纸工具绘图纸工具 1.27Flash动画设计与制作动画设计与制作
20、 绘图纸外观工具绘图纸外观工具绘图纸外观工具绘图纸外观工具 绘图纸外观效果绘图纸外观效果绘图纸外观效果绘图纸外观效果 绘图纸外观轮廓显示绘图纸外观轮廓显示绘图纸标记修改绘图纸标记修改3.2 帧的标识和编辑帧的标识和编辑绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)1.28Flash动画设计与制作动画设计与制作 绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)3.2 帧的标识和编辑帧的标识和编辑1.1.在舞台上同时查看多个帧在舞台上同时查看多个帧单单击击时时间间轴轴面面板板下下方方的的【绘绘图图纸纸
21、外外观观】按按钮钮,显显示示两两个个绘绘图图纸纸外外观观之之间间的的所所有有帧帧,当当前前帧帧为为实实体体显显 示,其它帧为半透明显示示,其它帧为半透明显示单单击击时时间间轴轴面面板板下下方方的的【绘绘图图纸纸外外观观轮轮廓廓】按按钮钮,当前帧以实体显示,其它帧以轮廓线显示当前帧以实体显示,其它帧以轮廓线显示 1.29Flash动画设计与制作动画设计与制作 绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)3.2 帧的标识和编辑帧的标识和编辑2.2.控制绘图纸外观的显示控制绘图纸外观的显示单单击击时时间间轴轴面面板板下下方方的的【编编辑辑多多个个帧
22、帧】按按钮钮,显显示示两个绘图纸外观之间的所有关键帧的实体两个绘图纸外观之间的所有关键帧的实体 1.30Flash动画设计与制作动画设计与制作 绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)绘图纸工具(洋葱皮工具)3.2 帧的标识和编辑帧的标识和编辑3.3.更改绘图纸外观标识的显示范围和属性更改绘图纸外观标识的显示范围和属性单单击击时时间间轴轴面面板板下下方方的的【修修改改绘绘图图纸纸标标记记】按按钮钮,修改外观标记的显示范围与属性修改外观标记的显示范围与属性始终显示标记:始终显示绘图纸外观的起止标记始终显示标记:始终显示绘图纸外观的起止标记锚记绘图纸:锁定绘图纸外的
23、起止标记的位置锚记绘图纸:锁定绘图纸外的起止标记的位置绘图纸绘图纸2 2:在当前帧的两侧显示:在当前帧的两侧显示2 2帧帧绘图纸绘图纸5 5:在当前帧的两侧显示:在当前帧的两侧显示5 5帧帧所有绘图纸:在当前帧的两侧显示所有帧所有绘图纸:在当前帧的两侧显示所有帧 1.31Flash动画设计与制作动画设计与制作 使用绘图纸外观工具可以移动整个动画,方法如下:使用绘图纸外观工具可以移动整个动画,方法如下:1.1.将所有图层解锁,而不移动某一层的对象,可将其隐藏或锁定将所有图层解锁,而不移动某一层的对象,可将其隐藏或锁定2.2.单击绘图纸外观工具中的单击绘图纸外观工具中的“编辑多个帧编辑多个帧”按钮
24、按钮3.3.单击绘图纸外观工具的单击绘图纸外观工具的“修改绘图纸标记修改绘图纸标记”“绘制全部绘制全部”命令命令4.4.选择选择“编辑编辑”“全部选择全部选择”命令,选中所有图层及对象命令,选中所有图层及对象5.5.使用鼠标拖动整个动画到新的位置使用鼠标拖动整个动画到新的位置 绘图纸工具实例绘图纸工具实例绘图纸工具实例绘图纸工具实例移动整个动画移动整个动画移动整个动画移动整个动画3.2 帧的标识和编辑帧的标识和编辑 1.32Flash动画设计与制作动画设计与制作 并并通通过过实实例例的的讲讲解解,熟熟练练掌掌握握逐逐帧帧动动画的制作方法和技巧。画的制作方法和技巧。3.3.3 3 逐帧动画实例逐
25、帧动画实例3 逐帧动画逐帧动画 1.33Flash动画设计与制作动画设计与制作 任务概述任务概述外部导入方式是创建逐帧动画最为常用的方法。外部导入方式是创建逐帧动画最为常用的方法。本实例首先导入动画文件,并对其进行修改,完成最终动本实例首先导入动画文件,并对其进行修改,完成最终动画效果画效果外部导入的方式创建逐帧动画外部导入的方式创建逐帧动画外部导入的方式创建逐帧动画外部导入的方式创建逐帧动画3.3 逐帧动画实例逐帧动画实例Gif图像图像Flash动画动画 1.34Flash动画设计与制作动画设计与制作 1.1.新建文件并修改文档属性新建文件并修改文档属性新建空白文档新建空白文档修改文档属性:
26、宽高均为修改文档属性:宽高均为150150像素,背景为白色,帧频为像素,背景为白色,帧频为10102.2.导入导入gifgif单击单击【文件文件】|【导入导入】|【导入到舞台导入到舞台】外部导入的方式创建逐帧动画外部导入的方式创建逐帧动画外部导入的方式创建逐帧动画外部导入的方式创建逐帧动画3.3 逐帧动画实例逐帧动画实例 1.35Flash动画设计与制作动画设计与制作 任务概述任务概述通过通过【工具工具】面板中各种绘图工具与各种帧的操作的结合面板中各种绘图工具与各种帧的操作的结合使用绘制一个使用绘制一个“生长的小花生长的小花”的逐帧动画实例。的逐帧动画实例。第 1 帧 第 4 帧 第 7 帧
27、第 9 帧生长的小花生长的小花生长的小花生长的小花3.3 逐帧动画实例逐帧动画实例 1.36Flash动画设计与制作动画设计与制作 生长的小花生长的小花生长的小花生长的小花3.3 逐帧动画实例逐帧动画实例1 1 绘制绘制“花盆花盆”修改图层修改图层1 1的名称为的名称为“花盆花盆”使用黑色的刷子工具绘制花使用黑色的刷子工具绘制花盆轮廓盆轮廓使用颜料桶工具填充花盆颜使用颜料桶工具填充花盆颜色为色为#cd9933#cd9933在第在第4 4帧处插入帧(帧处插入帧(F5F5)第 1 4帧 1.37Flash动画设计与制作动画设计与制作 生长的小花生长的小花生长的小花生长的小花3.3 逐帧动画实例逐帧
28、动画实例2 2 绘制绘制“叶子叶子”新建新建“叶子叶子”图层图层在在第第1 1帧帧,使使用用“刷刷子子工工具具”(颜色(颜色#3a5836#3a5836)绘制一个小芽)绘制一个小芽在在第第2 2帧帧处处插插入入关关键键帧帧(F6F6),使使用用“选选择择工工具具”修修改改枝枝条条为为合适的大小和高度合适的大小和高度在在第第3 3帧帧处处插插入入关关键键帧帧,在在用用“刷刷子子工工具具”绘绘制制更更高高的的枝枝条条和和叶子叶子在第在第4 4帧处插入帧(帧处插入帧(F5F5)第 1 帧 第 2 帧 第 3、4 帧 1.38Flash动画设计与制作动画设计与制作 生长的小花生长的小花生长的小花生长的
29、小花3.3 逐帧动画实例逐帧动画实例3 3 绘制绘制“花朵花朵”新建新建“花朵花朵”图层图层在第在第3 3帧,使用帧,使用“刷子工具刷子工具”(颜色(颜色#ff0000#ff0000)绘制一个)绘制一个花苞花苞在第在第4 4帧处插入空白关键帧帧处插入空白关键帧(F7F7),使用使用),使用使用“刷子工刷子工具具”(颜色(颜色#ff0000#ff0000)绘制盛)绘制盛开的花瓣,使用开的花瓣,使用#ffff00#ffff00绘制绘制花心花心 第 4 帧 第 5 帧 1.39Flash动画设计与制作动画设计与制作 任务概述任务概述 原动画出现频率太快,文字、图片效果只有淡入没有淡出。通过使原动画出
30、现频率太快,文字、图片效果只有淡入没有淡出。通过使用基本的帧操作来丰富动画效果。用基本的帧操作来丰富动画效果。蝴蝶广告蝴蝶广告蝴蝶广告蝴蝶广告3.3 逐帧动画实例逐帧动画实例 原动画原动画 修改后的动画修改后的动画 1.40Flash动画设计与制作动画设计与制作 蝴蝶广告蝴蝶广告蝴蝶广告蝴蝶广告 1.1.修改文字的帧数修改文字的帧数在在“文字文字”图层第图层第1010帧处,按帧处,按2 2次次F5F5,插入,插入2 2个普通帧个普通帧依次选择每个字的关键帧,按依次选择每个字的关键帧,按2 2次次F5F5,插入,插入2 2个普通帧个普通帧选择选择“文字文字”图层第图层第1010到到2424帧,复
31、制帧,在第帧,复制帧,在第3535帧处粘贴帧处粘贴帧,再选中帧,再选中3535到到4949帧,翻转帧帧,翻转帧3.3 逐帧动画实例逐帧动画实例 1.41Flash动画设计与制作动画设计与制作 蝴蝶广告蝴蝶广告蝴蝶广告蝴蝶广告 2.2.修改背景的帧数修改背景的帧数选中在选中在“背景背景”图层第图层第1 1帧到第帧到第1010帧(按住帧(按住shiftshift键),复键),复制帧制帧在在“背景背景”图层第图层第4747帧处,粘贴帧帧处,粘贴帧选中第选中第4747到到5656帧进行翻转帧操作帧进行翻转帧操作在在6060帧处,向上拖拽同时选中帧处,向上拖拽同时选中“文字文字”层,插入帧(层,插入帧(
32、F5F5)3.3 逐帧动画实例逐帧动画实例 提示:通过复制帧并对其进行翻转帧操作,可以制作淡入淡出动画效果 1.42Flash动画设计与制作动画设计与制作 卡通走路动画卡通走路动画卡通走路动画卡通走路动画任务概述任务概述 创建动画背景,导入外部创建动画背景,导入外部gifgif图像,借助绘图纸工具,移动导图像,借助绘图纸工具,移动导入的整个动画到合适的位置入的整个动画到合适的位置3.3 逐帧动画实例逐帧动画实例 原原gif图像图像 修改后的动画修改后的动画 1.43Flash动画设计与制作动画设计与制作 卡通走路动画卡通走路动画卡通走路动画卡通走路动画3.3 逐帧动画实例逐帧动画实例1 1 新
33、建文档新建文档尺寸:尺寸:300*200300*200像素像素背景颜色:白色(背景颜色:白色(#ffffffffffff)帧频:帧频:30302 2 创建背景创建背景修改图层修改图层1 1名为名为“背景背景”单单击击【文文件件】|【导导入入】|【导导入入到到舞舞台台】,选选背背景景图图片片,并并调调整整位位置置和和大大小小与与舞舞台台相相等等 1.44Flash动画设计与制作动画设计与制作 卡通走路动画卡通走路动画卡通走路动画卡通走路动画3.3 逐帧动画实例逐帧动画实例3 3 导入导入gifgif图像,并移动到合适位置图像,并移动到合适位置新建图层,命名为新建图层,命名为“卡通卡通”单击单击【文件文件】|【导入导入】|【导入到舞台导入到舞台】,选,选gifgif图片图片单单击击时时间间轴轴面面板板下下方方的的【修修改改绘绘图图纸纸标标记记】按按钮钮,选选“所所以绘图纸选项以绘图纸选项”单击单击【编辑多帧编辑多帧】按钮,显示所有关键帧内容按钮,显示所有关键帧内容锁定锁定“背景背景”图层图层点击点击【编辑编辑】|【全选全选】使用使用【选择工具选择工具】移动到合适位置移动到合适位置在背景层第在背景层第3636帧处插入帧(帧处插入帧(F5F5)