Flash元件、逐帧动画与形状.ppt

1 1第第6 6讲讲 FlashFlash元件与逐帧动画元件与逐帧动画2 2教师信息教师信息q教师：柳青 q电子信箱： Liuq@q办公室：信息楼B418q： 677038523 3复习与回顾复习与回顾q两种文件：.fla和.swfq注意舞台的大小以及导出swf后的结果4 4目的、重点和难点q目的q掌握帧的概念，类型，编辑方法q了解图层的概念、类型和操作q掌握元件的生成和其属性的设置q掌握Flash逐帧动画制作q了解影片剪辑q重点q掌握帧、关键帧和空白关键帧的概念q掌握Flash逐帧动画制作 q图形元件与实例q难点q帧、关键帧和空白关键帧的区别及帧的各种操作q元件与实例的区别5 5帧的概念q帧是进行Flash动画制作的最基本的单位，在时间轴上每一个 矩形小方块即是一个帧，它是时间轴上的最小单位，是通用 的动画计量单位q每一帧都可以包含需要显示的所有内容，包括图形、声音、 各种素材和其他多种对象.q一个完整的Flash动画就是由许多帧组成，播放时依次显示每 一帧中的内容通过连续播放这些帧，从而实现所要表达的 动画效果6 6帧的类型q空帧：q空帧不是真正意义上的帧，而只是在时间轴上一个矩形小方块，在 这些矩形方块里可以放入帧。

q空白关键帧：q空白关键帧就像一张白纸，可以在上面可以放入图形、声音、各种 素材和其他多种对象 q关键帧：q在空白关键帧中放入对象，形成了关键帧关键帧是特殊的帧，可 以定义动画中的变化，包括对象的运动和特点(如大小和颜色) q普通帧：q在时间轴上，普通帧总是在关键帧的后面前面关键帧的内容可以 一直显示在随后的每个普通帧中，直到到达另一个关键帧为止 q过渡帧：q过渡帧包含了一系列帧，往往处于两个关键帧之间利用过渡帧可 以制作两种过渡动画：运动过渡和形状过渡7各类的帧在时间轴上的显示q关键帧在时间轴上显示为实心的圆点q空白关键帧在时间轴上显示为空心的圆点q普通帧在时间轴上显示为灰色或白色填充的小方格q在关键帧后面显示为灰色q在空白关键帧后面显示为白色q过渡帧在时间轴上显示为浅绿色或浅紫色q表示“形状过渡帧”，颜色为浅绿色q表示“运动过渡帧”，颜色为浅紫色8 8各类的帧在时间轴上的示意图关 键 帧普 通 帧空 帧空 白 关 键 帧过 渡 帧普 通 帧9 9关键帧和空白关键帧的区别关键帧和空白关键帧的区别q实心圆的关键帧表示该关键帧中有对象（绘图元件）,是关 键帧 q空心圆的关键帧表示该关键帧中没有任何对象，也称空白 关键帧。

q单一的实心圆点表示关键帧独立关键帧后面浅灰色的帧 中具有与前面的关键帧同样的画面，这些浅灰色的帧以空 心矩形符号为结尾 q空心圆点代表空的关键帧，当你新增一个空白关键帧时， 就会以空心圆点表示1010关键帧和普通帧的区别关键帧和普通帧的区别q只有选择时间轴上的关键帧(包括空白关键帧)， 舞台上才可以放置各种绘图元件、绘制各种图形 q如果选择时间轴上的普通帧，舞台上不能放置任 何绘图元件，也不可以绘图1111插入关键帧、空白关键帧和普通帧的区别q在前一个关键帧的后面任一帧处插入关键帧，是复 制前一个关键帧上的对象，并可对其进行编辑操作 q如果插入普通帧，是延续前一个关键帧上的内容， 不可对其进行编辑操作 q插入空白关键帧，可清除该帧后面的延续内容，可 以在空白关键帧上添加新的实例对象q q关键帧和空白关键帧上都可以添加帧动作脚本，普 通帧上则不能1212帧的编辑q在时间轴上选择帧后，按右键打开快捷 菜单，可以对所选帧进行相应的编辑q帧的选择与移动q按住“ctrl”键，可以同时选择不相邻的多帧q按住“shift”键，可以选择相邻的多帧q右键，在快捷菜单中选择“选择所有帧”q帧的创建与转换q帧的复制、剪切与粘贴q帧的删除与清除q帧的翻转q如果希望制作的动画能倒着播放，可以使用“翻 转帧”命令来达到效果。

q选中时间轴上一系列帧，用鼠标右击它，在快 捷菜单中选择“翻转帧”即可13帧操作的常用快捷键q创建关键帧：F6q创建空白关键帧：F7q创建普通帧：F5q删除关键帧或者空白关键帧：Shift+F6q删除普通帧：Shift+F514设置帧频q在Flash中，将每一秒钟播放的帧数称为帧频，帧频的单位是fpsq帧频是动画播放的速度如Flash 的帧频是24帧/秒，即每一秒钟可以播 放24帧画面以每秒播放的帧数为度量，帧频太慢会使动画看起来不连 贯，帧频太快会使动画的细节变得模糊q通过“属性面板”可以设置帧频，帧频越大，播放速度越快，帧频越小， 播放速度越慢1515图层的概念q在Flash动画中，可以将图层看作一叠透明的胶片，每张 胶片上都有不同的内容，将这些胶片叠在一起就组成了一 幅比较复杂的画面 q在上一图层的内容，会遮住下一图层相同位置的内容如 果上一图层的某个位置没有任何内容，透过这个位置就可 以看到下一图层相同位置的内容 图 层16图层的作用q图层是相对独立的，修改其中一层，不会影响到其他层，在 图层中用户可以对其中的对象或动画进行编辑修改，而不会 影响其他图层中的内容q用户可以将一个复杂的动画分解成几个简单的小动画，将不 同的动画放置在不同的图层上，各个小动画之间相互独立， 从而组成一个复杂的动画。

q利用一些特殊的图层还可以制作特殊的动画效果，如利用引 导层可以制作引导动画，利用遮罩层可以制作遮罩动画1717图层的类型q正常（普通）图层：q系统默认的图层类型q引导图层：q动画中的对象在运动时的路径引导的图层，例如某一图层中的小球沿路径运 动，就要用到这个引导图层 q被引导图层：q是一个与引导图层相关联的正常图层q遮罩图层：q好象是在对象上面遮着一个带有孔的图层，它常用于制作按照灯等动画效果 q被遮罩图层：q该图层的内容只有遮罩图层在相应位置有遮罩对象时才可见，其他内容不可 见q文件夹：q当图层过多时，可以使用图层文件夹，将图层放入文件夹中便于对图层进行 管理18图层的模式q当前模式：q当前模式是指当前层处于编辑状态，用户可以对该图层中的对象进行编辑q判别一个图层是否为当前模式的方法就是查看当前图层名称栏是否显示一个铅 笔图标q隐藏模式：q它的作用是指在将某个图层隐藏后，用户在编辑该图层以外的图层时，被隐藏 的图层不受影响q虽然被隐藏的图层在场景中看不到对象，但播放过程是可以看到的q锁定模式：q它的作用是将一个或多个图层锁定后，就无法对其进行修改q图层被锁定后，但是在场景中依然可以看到它。

q轮廓模式：q在选择该模式后，将只显示图层中对象的轮廓q在图层的名称栏上的彩色方块轮廓的颜色就是该图层中对象的轮廓颜色19图层各种模式操作示意图单击“时间轴”面板上方的 图标，可使 全部图层上的对象只显示轮廓线；再次 单击 图标，可恢复原状单击图层上的 图标，当其变为 形状 时，该图层上所有对象都只显示轮廓线； 再次单击 图标可恢复原状单击图层 图标下的 图标，当 图标 变为 形状后，该图层即被隐藏；要显示 被隐藏的图层，只需单击 图标即可单击“时间轴”面板上方的 图标，所 有图层都将被隐藏；再次单击 图 标，可显示全部图层单击“时间轴”面板上方的 图标，可锁 定全部图层；再次单击 图标可解除所 有图层的锁定单击某图层 图标下的 图标，当图标 变为 形状时，表示该图层被锁定；解除 图层的锁定，单击图层名称右侧的 图标 即可2020图层的操作q图层操作q选择图层，按鼠标右键，在快捷菜单中选择操作q通过图层工具栏进行操作q常用的图层操作q创建新普通图层。

q创建新引导图层q删除图层q将普通图层转化为遮罩图层21图层的属性q在图层名称上右击鼠标，在快捷菜单中选择“属性” ，打开 “图层属性”对话框 ，可设置图层的各种属性 2222逐帧动画的基本原理q逐帧动画原理q将对象的运动过程分解成多个静态图形，再在时间轴上按顺序将 这些连续的静态图形置于连续的关键帧中，当连续播放这些图片 时，就形成了动画 q逐帧动画特点q对于要求较高的影片，逐帧动画能发挥出它独特的作用，具有非 常大的灵活性，能最大限度地控制动画的变化细节，很适合于表 演很细腻的动画q消耗大量的时间生成的动画文件较大23创建逐帧动画的方法q用静态图片建立逐帧动画q用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐 帧动画 q绘制矢量逐帧动画q用绘图工具等各种设计工具，在场景中一帧帧的画出内容 q文字逐帧动画q用文字作帧中的元件，实现文字跳跃、旋转等特效q导入序列图像q可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish 、swift 3D等）产生的动画序列2424课堂示例1：贵宾垂询热线 q制作如样张所示动画要求摆动的同时，电 话号码依次出现，并保持静止片刻。

q知识点：q逐帧动画基本原理q帧、关键帧和空白关键帧q图层的运用q控制动画的播放速度q控制某帧的延迟时间q参考“贵宾垂询热线-样张.swf”2525课堂示例1-关键步骤q打开“贵宾垂询热线.fla”，设置舞台大小500*130像素 q静态文字“贵宾垂询 敬请莅临”单独放一个图层，并延 续到40帧；q单独放一个图层，并延续到40帧；2626课堂示例1-关键步骤（续）q号码单独放一个图层，每间隔5帧增加一个数字q先在第1帧输入第1个数字 q然后在第5帧插入关键帧，并编辑第5帧增加一个数字q按上述步骤分别编辑第10、15、20、25、30、35帧q分别保存为“贵宾垂询热线.fla”和“贵宾垂询热线.swf”2727思考题q在本示例基础上，参考“贵宾垂询热线-思考-样张.swf”，完 成思考题28元件的概念q元件的建立是以重复使用为目的的，不但可以将其应用于当 前影片，而且可以将其应用于其它影片q元件中可以包含位图、图形、组合、声音甚至是其它元件q在Flash中创建的所有元件都会出现在库面板中，拖拽库面 板中的元件到场景，就可以反复利用元件q每个元件都具有独立的时间轴、工作区和图层，除此以外， 每种元件类型都具有独特的属性。

29元件的类型qFlash中包括三种元件类型，分别为图形元件、影片剪辑 元件与按钮元件q图形元件主要用于定义静态的、常用的图像符号q按钮元件是一种具有交互功能的图形元件，用于响应各种鼠标事 件，以实现用户的相应动作q影片剪辑元件是Flash中应用最为广泛的元件类型，可以将它自身 理解成为一个小动画q在影片剪辑元件中可以制作独立的影片，制作影片的方法与在场 景中没有区别 30创建元件q在Flash中，可以通过两种方式创建元件，分别为创建新 元件与将对象转换为元件q创建新元件是指直接创建一个空白元件，然后自动进入元件编辑 模式，接着在元件中创建和编辑元件中的对象q将对象转换为元件是指将选定的对象转换为元件，对象可以为任 何元素，将对象转换为元件后，即可改变对象的属性 q选择对象，用“修改/转换为元件”菜单命令，可以实现元件转换31编辑元件q在快捷菜单中选择“编辑” ，或双击库面板中的元件，就可进 入元件的编辑状态q元件的修改会直接影响到影片中每一个以它为基础的实例元件编辑状态32实例q应用于影片的元件均被称之为实例q在工作区中选中实例，可以改变实例的尺寸、颜色与元件 类型，但这些改动只针对实例本身，不会影响到库面板中 的元件 。

3333课堂示例2-瓢虫与花 q打开“瓢虫与花.fla”，利用库中的素材制作瓢虫飞 舞的影片剪辑；制作花丛中5只大小不一，头部朝 向不同的小瓢虫飞舞的动画 q知识点：q掌握制作影片剪辑的方法q区分场景动画与影片剪辑动画q区分实例与元件q进一步理解逐帧动画q参考“瓢虫与花-样张.swf”3434课堂示例2-关键步骤q打开文件“瓢虫与花.fla” q“插入。