flash动画制作基础与项目实训.ppt

Flash基础知识,教学目的：教学重点：,Flash简介及应用范围、Flash界面与工作环境、Flash软件的基本设置、Flash的特点、Flash动画的创作流程。,本讲主要介绍了Flash软件的简介及应用范围、Flash界面与工作环境、Flash软件的基本操作设置、Flash的特点、Flash动画的创作流程。从了解软件到动画创作流程，为后续内容打下基础。,教学过程及主要内容：,一、调查同学接触并掌握FLASH操作程度。二、新课内容 1、Flash简介及应用范围（1）制作网页，甚至是整个网站都可以用它来完成。（2）动画制作，包括网页动画和角色动画（MTV、广告片头、贺卡）。,（3）信息媒体应用（多媒体课件、软件片头）。（4）制作开发游戏,2、Flash界面与工作环境,菜单栏、舞台、时间轴、帧和关键帧、层、工具箱、网格、辅助线和标尺、浮动面板和属性检测器、场景、影片浏览器。,3、工具箱4、,线性工具属性面板,有几种绘图工具的属性面板是非常相似的，它们是“直线工具”、“钢笔工具”、“椭圆工具”、“矩形工具”、“铅笔工具”、“墨水瓶工具”,“直线工具”属性面板,“钢笔工具”属性面板,“椭圆工具”属性面板,“矩形工具”属性面板,“铅笔工具”属性面板,“墨水瓶工具”属性面板,5、舞台,5、浮动面板,6、Flash软件的基本设置,(1)、设置Flash中的首选参数 选择“编辑”“首选参数”菜单命令。,7、Flash的特点与动画的创作流程,(1)Flash的优点,A、操作简单，硬件要求低。,B、功能较强，可以综合众多环节在Flash里完成动画。,(2)Flash的局限,A、比如制作较为复杂的动画,B、矢量绘图的局限,(3)Flash动画的创作流程 前期大概包括准备策划、选题、研究，编写故事、角色设计、分镜头、场景设计、设计稿等；中期包括元件库建立，原画绘制、动画添加等；后期包括声音录制、特效添加、剪辑合成等。,三、小 结,通过本章的学习我们首先了解了Flash简介及应用范围、Flash界面与工作环境，目的是让大家先明白Flash究竟能做什么，以及它的界面布局和工作环境。并对它的面板的应用和设置进行了说明，重点对Flash软件的基本设置和Flash的特点讲解、介绍了Flash在动画中的创作流程。虽说Flash在动画领域有着它独特的功能，但它还有自身无法替代传统动画的不足，我们取长补短。对软件的熟练操作和基本性能的掌握，是发挥它强大功能的有力保障。,课后任务单：任务内容一：,任务内容一：,第二章 Flash基本操作与应用,教学目的：,Flash基本工具的使用、Flash帧、关键帧、Flash时间轴的使用、Flash图层、Flash元件、Flash库资源管理与实例,本章主要从Flash基本工具的使用、帧、关键帧、时间轴的使用、图层、元件、库资源管理与实例、基本命令、对话框的使用入手，由浅入深，通过实例详细的讲解了在操作中可能遇到的问题及解决方法。也根据需要重点讲解了常用的工具和命令操作，为后续章节内容打下坚实的基础。,教学过程及主要内容：,一、复习上节课内容情况二、新课内容 1、Flash基本工具的使用（1）绘画和涂色工具（2）颜色和填充,教学重点：,Flash基本工具的使用、Flash帧、关键帧、Flash时间轴的使用、Flash图层、Flash元件、Flash库资源管理与实例实例操作：飘动的云 案例要点：本案例通过给云设置动画，了解插入帧和插入关键帧、以及空白关键。操作步骤：具体操作过程如下：步骤1、新建文档，文档大小使用默认。,步骤2、制作出“云”“天空”元件。,步骤3、选中所有元件，点击鼠标右键，在弹出的菜单中选择“分散到图层”命令，将每个元件分别放入图层，其目的为了方便制作动画。,步骤4、在第四十帧处把“天空”图层插入帧。,步骤5、将“大云”“小云”第四十帧插入关键帧。如图2-28所示,步骤6、“大云”第一帧处放在靠画面左边，第四十帧处放在靠画面右边。同样的方法调节“小云”。,步骤7、将“小云”第一帧选中按住鼠标左键向后托至第十帧的位置，前面为空白帧。,步骤8、选中“小云”“大云”图层中任意一帧，点击鼠标右键，选择“创建补间动画”。,步骤9、云的移动动画制作完成。,（3）Flash时间轴的使用,实例操作：增大、缩小层名字段显示区域案例要点：拖动时间轴上的分隔栏，改变层名和帧部分显示区域的大小。操作步骤：具体操作过程如下:步骤1、移动鼠标至时间轴中分隔层名和帧部分的栏。,步骤2、按下鼠标左键，拖动分隔栏左移，缩小层名字段的显示区域.,步骤3、按下鼠标左键，拖动分隔栏右移，增大层名字段显示区域。,实例操作：调整时间轴大小案例要点：本案例通过调整时间轴大小，显示时间轴的内容。操作步骤：具体操作过程如下：步骤1、如果时间轴停放在主应用程序窗口，请用鼠标拖动分隔时间轴和应用程序窗口的栏。,步骤2、如果时间轴没有停放在主应用程序窗口中，请用鼠标拖动右下角。,实例操作：移动播放头 案例要点：本案例通过移动播放头，查看在时间轴上所显示的内容，以便随时进行修改。操作步骤：具体操作过程如下：步骤1、播放头在时间轴上移动，指示当前显示在舞台中的帧。时间轴标题显示动画的帧编号。要在舞台上显示帧，可以将播放头移动到时间轴中该帧的位置。,步骤2、如果正在处理大量的帧，而这些帧无法一次全部显示在时间轴上，则可以将播放头沿着时间轴移动，从而轻易地定位当前帧。如图2-42所示,实例操作：转到帧、使时间轴以当前帧为中心案例要点：本案例通过操作转到帧，主要是快速的查看该帧。操作步骤：具体操作过程如下：步骤1、单击该帧在时间轴标题中的位置，或将播放头拖到所需的位置。如要在第20帧出修改该帧。,步骤2、要使时间轴以当前帧为中心单击时间轴底部的“帧居中”按钮。,步骤3、更改时间轴中的帧显示单击时间轴右上角的“帧视图”按钮，显示“帧视图”弹出菜单。,步骤4、要显示每个帧的内容缩略图（其缩放比率适合时间轴帧的大小），请选择“预览”。这可能导致内容的外观大小发生变化。,步骤5、要显示每个完整帧（包括空白空间）的缩略图，请选择“关联预览”。如果要查看元素在动画期间在它们的帧中的移动方式，此选项非常有用，但是这些预览通常比用“预览”选项生成的小。,实例操作：更改时间轴中的帧显示眼睛的制作案例要点：本案例通过操作更改时间轴中的帧显示，更加形象、直观的查看每一帧所显示的动画过程。操作步骤：具体操作过程如下：步骤1、在图层的第一帧处选择椭圆工具在舞台中画一个椭圆。,步骤2、新建图层，选择矩形选框绘制高光和反光，,步骤3、用选择工具框选，按F8键将其转换成图形元件。,步骤4、绘制闭眼。在第二十帧处插入空白关键帧，打开绘图纸效果绘制直线，并用选择工具将直线拉弯。,步骤5、在第二十一帧插入空白关键帧，复制第一帧，在舞台上点击右键，选择“粘贴到当前位置”粘贴在二十一帧处，并延长至25帧。,步骤6、关闭绘图纸效果，单击时间轴右上角的“帧视图”按钮，显示“帧视图”弹出菜单，选择“预览”，时间轴上的帧以动画图形显示。,（4）Flash图层,A、创建层和层文件夹,B、查看层和层文件夹C、编辑层和层文件夹D、组织层和层文件夹E、引导层,（5）Flash元件,A、元件概述B、元件的类型C、创建和编辑图形元件 D、创建和编辑影片剪辑元件E、创建和编辑按钮元件,实例操作：复制并编辑元件案例要点：通过复制元件的实例并作编辑，了解元件和实例的关系操作步骤：具体操作过程如下：步骤1、在舞台上，选择头像。按 Alt 键并用鼠标左键点住头像将头像向右拖动以创建另一个实例。,步骤2、保持副本处于选中状态，从属性检查器的“颜色”下拉菜单中选择“色调”。,步骤3、在 RGB 区域中，在“红色”弹出菜单中输入 0，在“绿色”弹出菜单中输入 0，在“蓝色”弹出菜单中输入 255。然后按 Enter键。复制的实例变为蓝色，但原始实例保持不变。,实例操作：创建具有特效的影片剪辑元件案例要点：创建影片剪辑元件的实例，并添加特效。操作步骤：具体操作过程如下：步骤1、使用“选择”工具，单击舞台上的转轮，将其选中，然后选择“修改”“转换为元件”，或按F8。步骤2、在“转换为元件”对话框中，输入“剪纸”作为名称，并选择“影片剪辑”作为行为。步骤3、在注册网格中选择中心正方形作为注册点，因此影片剪辑的中心成为元件绕其旋转的轴。然后单击“确定”。如图2-98所示。舞台上的图像现在是库中“剪纸”元件的实例。,步骤4、为了在动作脚本中引用实例，并且作为一种通常的最好习惯，应始终为按钮和影片剪辑元件分配实例名称。不能为图形元件分配实例名称。在属性检查器中，保持“剪纸”的实例在舞台上处于选定状态，在“实例名称”文本框中输入“剪纸”。,步骤5、选择“时间轴特效”“变形/转换”“变形”。步骤6、在“变形”对话框中的“特效持续时间”文本框中输入 60，以指定该特效跨时间轴中 60 帧。步骤7、在“旋转度数”文本框中输入360，并确认“旋转次数”文本框中填入的是 1。,步骤8、单击“更新预览”来查看特效的预览，然后单击“确定”。特效跨越影片剪辑时间轴中的 60 帧。步骤9、单击时间轴上面的场景 1，退出元件编辑模式。步骤10、选择“控制”“测试影片”来查看动画。或按快捷键Ctrl+Enter测试动画。,实例操作：炫丽按钮案例要点：此练习使用了元件的三种类型，通过综合使用掌握他们的不同属性，制作一个特殊按钮。操作步骤：具体操作过程如下：步骤1、先制作第一个按钮弹起的效果。新建元件，元件类型选择按钮，起名为“btn”。,步骤2、制作中间弹起的图形元件，新建3个图形元件，两个圆和中间的“email”文字，创建好以后，再在按钮弹起帧上把这三个图形元件拖放进来。,步骤3、用椭圆工具按同样的方法绘制指针经过时的图形元件。,步骤4、制作按下帧上的图形元件，框选中上一帧指针经过处的图形元件，点击右键复制。,步骤5、将刚才复制好的图形元件，在按下处插入空白关键帧，在工作区中点右键“粘贴到当前位置”。,步骤6、将粘贴好的图形组缩小，并选中转换成图形元件，打开属性面板，把颜色选择“高级”选项，在设置里对RGB值进行调节，使其颜色发生变化。,步骤7、在“点击”出插入空白关键帧，用椭圆工具绘制一个正圆。,步骤8、接下来制作第二个按钮。新建按钮，在弹起时不显示内容，所以在弹起处插入空白关键帧，指针经过处显示效果，在指针经过处插入空白关键帧。,步骤9、新建图形元件“dots”。绘制圆圈，把填充颜色设置不显示，选择一个边框颜色，打开属性面板，调节边框宽度，并把线条模式选择点状。,步骤10、在舞台中按住shift键画正圆。,步骤11、将图形元件选中点击右键转换为元件，选择影片剪辑，并命名为“mv:dots tweening，双击mv:dots tweening给它设置动画，第一帧为空白关键帧，第二帧处插入关键帧，第六帧处插入关键帧，第十一帧处插入关键帧，分别给他们创建补间动画。,步骤12、选中第6帧，再选中元件，打开属性面板对其颜色进行设置。,步骤13、再将图形元件“dots”第二次转换成影片剪辑，命名为“mv:dots tweening 2”依照上面的制作进行设置。,步骤14、将做好的影片剪辑拖到第二个按钮的“指针经过”里，两个大小要有区分，在“按下”处点右键插入帧。,步骤15、在“点击”处插入空白关键帧，然后选择椭圆工具画正圆。,步骤16、回到场景，把按钮“btn”拖进来，新建图层把按钮“tracing”拖放进来，分别把图层名称重命名。,步骤17、选择按钮元件“tracing”复制，将复制出的用任意变形工具按住shift键放大，并且点击右键将其移至下层。,步骤18、多复制几个按上面同样的方法进行操作，完成，测试影片观看效果。,(6)Flash库资源管理,A、库的操作,三、小 结,通过这一章的学习，我们对Flash有了深刻的认识，知道它的工作原理，方法，同时我们还学会了创建和使用这些元件，最后我们还学会了使用库来管理元件。确保今后的项目有条不紊的进行。,课后任务单：任务内容一：,任务内容二：,任务一,任务二,第三章 Flash文本处理、图像、声音文件的导入和应用,教学目的：,文本处理、图像文件的导入及应用、声音文件的导入及应用。,本章将学习如何利用文本工具创建文字动画，如何导入图像和编辑图像，如何导入声音和编辑声音等，掌握最基本的图像和声音在Flash中的应用。,教学过程及主要内容：,一、抽查上章课后实训任务完成情况。二、新课内容 1、文本处理概述（1）Flash文本块的类型（2）创建文本,教学重点：,（3）分离文本,实例操作：文字动画案例要点：本案例通过给文字设置动画，掌握元件分离命令的效果。操作步骤：具体操作过程如下：步骤1、新建文档，文档大小使用默认。选择文本工具横排输入“中国水利水电出版社”文字，将其颜色、字体、文字大小进行设置,步骤2、按Ctrl+B组合键将文字分离，并将每一个分离的文字按F8键转换成图形元件。,步骤3、选中所有元件，点击鼠标右键，选择“分散到图层命令”。,步骤4、在第六十帧处插入帧，,步骤5、从“国”图层开始每层统一间隔向后移动5帧,步骤6、每层制作淡入效果。先在“中”图层第五帧处插入关键帧，选中两个关键帧中间任意一帧点击鼠标右键，选择“创建补间动画”。,步骤7、先选中第一帧，再点击元件，打开属性面板，点击“颜色”后三角形。,步骤8、选择Alpha，把后面数值调至“0”。,步骤9、依次类推，按同样的方法将其他的元件都进行设置。,步骤10、制作完成，按Ctrl+Enter观看效果。,2、图像文件的导入及应用,A、图像素材的导入 B、图像编辑,3、声音文件的导入及应用,实例操作：制作片头实例要点：此实例使用了图形绘制，文本文字动画效果、以及声音，通过综合使用制作一段片头预告动画。掌握影像、声音相结合的影视效果。操作步骤：具体操作过程如下：步骤1、新建元件，命名为“背景”用矩形工具绘制一个矩形。,步骤2、填充颜色选择放射状，两个颜色选择绿色系，颜色面板中前一个色标颜色十六进制为（#429382），后一个色标颜色十六进制为（#234E45），选择颜料桶工具进行填充。,步骤3、再新建元件，命名为“天”，颜色选择（#AACECC）,纯色填充。,步骤4、回到场景，将元件“背景”“天”分别放到各自的图层上，将“天”图层放至下层。,步骤5、绘制远处的树木，选择画笔工具，新建元件，命名为“远树木”，颜色（#518C89）进行填充。,步骤6、用同样的方法绘制中景的树木，颜色（#365F5C）,调整好用颜料桶工具进行填充。,步骤7、绘制近景的树木，颜色（#0D1716），选择颜料桶工具进行填充。,步骤8、绘制两边的树藤。颜色（#000000）用画笔绘制。,步骤9、制作轮船，用钢笔工具绘制基本型，然后用颜色填充。,步骤10、制作一段水波动画。新建影片剪辑元件，命名为“水波”。在第一帧处用画笔进行绘制。填充颜色选择（#AFDEE2）。,步骤11、在第三帧处插入空白关键帧，并且打开洋葱皮效果。,步骤12、用画笔工具画出水波，再在第六帧处插入空白关键帧，进行绘制。,步骤13、新建元件，命名为“文字”，输入文字。,步骤14、准备好所有素材，回到场景。分别新建图层，把做好的元件拖放进来。,步骤15、将所有的灌木丛向两边做位移动画，在第50帧处插入关键帧，并创建补间动画。把轮船做一个从后向前的位移缩放动画。,步骤16、新建图层把文字放进来，做动画。在第5帧处插入关键帧，在第45帧处插入关键帧。,步骤17、给整个动画做安全框。新建元件，命名为“安全框”，选择矩形工具。关闭填充颜色。边框颜色选择黑色。,步骤18、回到场景，新建图层，把安全框拖进去，打开属性对话框，把它的宽、高设置成550X400，X、Y轴设置成225、195。,步骤19、“打开窗口”“变形面板”，点击复制并应用变形按钮。,步骤20、将缩放百分比勾选约束，分别输入300。,步骤21、选中复制出来的一个安全框，再按住shift键加选里面的安全框。,步骤22、按Ctrl+B将两个框分离，填充色选择黑色，进行填充。,步骤23、测试影片观看效果，完成。,三、小 结,本章学习了Flash文本的处理，以及如何制作文本的动画、本章还讲解了对图片的编辑，声音的添加与编辑，怎样控制声音的播放效果等。进而以实例讲解了文本，图像、声音的综合使用。声音在动画当中是非常重要的一个环节，所以对如何编辑和添加声音效果是本章的重点内容。,课后任务单：任务内容一：,任务内容一：,任务内容三：,第四章 Flash基础动画,教学目的：,创建Flash动画概述、Flash位移动画、Flash逐帧动画、Flash路径动画、Flash遮罩动画、Flash补间动画。,本章从Flash基本的位移动画、逐帧动画、路径动画、遮罩动画、补间动画开始着手，以实例为引导，详细讲解在Flash中经常出现的一些基础动画。虽然每部动画或者个人的制作方法不同，但动画的基本原理都不会变。本章所讲重点是基础的动画制作，为后续的项目实训做好准备。,教学过程及主要内容：,一、抽查上章课后实训任务完成情况。二、新课内容 1、创建Flash动画概述 2、Flash位移动画,教学重点：,实例操作：小飞机飞行案例要点：本案例通过制作小飞机的飞行位移动画，要求掌握最基本的动画设置。操作步骤：具体操作过程如下步骤1、打开“文件”“新建”命令，创建新文件。步骤2、使用线条工具和椭圆工具绘制卡通飞机图形，注意打开“对齐对象”选项，方便绘画。,绘制步骤如下：A、在舞台中，用直线工具绘制两根直线，通过选择工具拖拉成机身的上半个轮廓，然后再用直线工具绘制一根直线，通过选择工具拖拉成机身的下半个轮廓，最后把飞机的头补完。,B、用直线工具绘制飞机的机翼，把多余的选取，然后删除，再使用椭圆工具绘制飞机的发动机。,C、用直线工具绘制飞机头部。,D、用椭圆工具绘制飞机窗户，然后用直线工具修饰机身。,步骤3、用选择工具选取图形按F8将图形形状转换为元件，取名，“行为”选择“图形”。,步骤4、选择第30帧处，并插入关键帧，插入关键帧的方法有按F6或在右键上下文菜单中选择插入关键帧。,步骤5、选择第一个关键帧，然后移动飞机到舞台右边。,步骤6、选择最后一个关键帧，然后移动飞机到舞台左边。,步骤7、选择第一个关键帧和最后一个关键帧区间，然后鼠标右键单击，选择创建补间动画命令来实现补间动画。,步骤8、按Ctrl+Enter组合键或选择菜单“控制”“测试影片”，如果只是简单预览，也可以直接按Enter键。但是在复杂的动画中按Enter键是预览不到所有动画效果的，如场景中嵌了影片剪辑。,3、Flash逐帧动画,实例操作：小女孩走路案例要点：本案例通过制作角色的走路动画，掌握角色走路的的基本规律和调节走路的基本方法。操作步骤：具体操作过程如下：步骤1、新建文件，根据角色设定制作角色，将角色要运动的部位单独制作元件。,步骤2、走路的特点是手臂和腿的交错前后进行，我们把头部和身体转换一个元件，手臂和腿单独分开我们来调节动画。,步骤3、选中舞台当中的所有元件点击右键选择“分散到图层”命令。,步骤4、复制腿元件和手臂元件并重命名调整走路姿势，我们用16帧做走路的一个完步，将每个图层延长至16帧。,步骤5、在5、9、13、16帧处插入关键帧，这几个关键帧是关系人体高低起伏，步伐转折。,步骤6、选中身体图层第5、13帧，按键盘向上箭头移至参考线。,步骤7、调节两条腿的动画。选择前腿和后退图层在第3帧处插入关键帧，调节腿的姿势。,步骤8、选择前腿和后腿的第2帧插入关键帧，打开绘图纸效果调整，绘制中间画。,步骤9、在第4帧同样插入关键帧，打开绘图纸效果，旋转腿的方向，再用选择工具进行调整。,步骤10、在第5帧处，身体重心落到左腿上，复制第4帧的内容进行“粘贴到当前位置”分别粘贴到第5帧，打开绘图纸效果再进行调整。,步骤11、在第7帧处插入关键帧，身体运动曲线下降，前腿向前，后腿向后。,步骤12、在第6帧处插入关键帧，打开绘图纸效果进行调节。,步骤13、按同样的方法调节第8帧、第9帧,步骤14、从第9帧至第16帧的调节方法可根据从第1帧到第8帧的制作方法，制作完成后将15帧按F5键。,步骤15、将延长的16帧插入关键帧，选中17帧点击右键删除帧，延长的意思是让第16帧的动作和第1帧衔接自然流畅，测试完成。,步骤16、腿的动画调整完成后调节手臂以及其他运动的部位。,4、Flash路径动画,实例操作：蟑螂爬行案例要点：本案例通过绘制运动路径，制作基本的路径动画效果。操作步骤：具体操作过程如下：步骤1、新建文件，用椭圆工具制作蟑螂身体，画出椭圆。,步骤2、制作身体光阴以及斑纹。先从中间绘制一条黑色直线，然后打开“绘制对象”按钮，绘制一边的圆圈，颜色为橘黄色。,步骤3、用选择工具选择绘制好的橘色斑点，按Ctrl+C复制，再按Ctrl+Shift+V粘贴，按向右方向键头，将复制出来的斑点放置右边。,步骤4、用选择工具截取上面的弧度，框选中全部图像，按Ctrl+G键组合。,步骤5、新建图层，绘制光影。选择椭圆工具，将边框颜色设置为无，填充颜色设置为线性渐变。画椭圆，并将一半删除,步骤6、调节渐变颜色，打开颜色面板，将后一个色标的颜色也设置成白色，并且把Alaph数值设置为0%。,步骤7、同样的方法制作反光。然后全选中图形，按F8键将其转化为图形元件。,步骤8、制作蟑螂头部。选择椭圆工具绘制椭圆，颜色和身体颜色一样。,步骤9、制作眼镜，选择椭圆工具画正圆，填充放射渐变，颜色添加和效果图。,步骤10、将制作好的眼镜进行复制放在右边，选中头部所有图形按F8转换为图形元件。,步骤11、将头元件和身体元件进行对位置。,步骤12、制作触角。新建图层，选择直线工具，打开属性面板并设置线的宽度为“1”，拉出一直线，并用选择工具将其一端拉弯。,步骤13、选中调整好的触觉，按Ctrl+C复制，新建图层再按Ctrl+Shift+V粘贴，调整好位置。,步骤14、分别将两个触觉转换为元件。分别制作6条腿，并且转换为元件单独放入图层，拖出参考线查看腿的高低程度。,步骤15、选择任意变形工具把触觉、每个腿的中心点移到靠身体一边。,步骤16、选中时间轴上的所有图层第7帧，按F6键插入关键帧。,步骤17、选中两个触觉在第4帧处按F6键插入关键帧，把触觉进行向两边旋转，并创建补间动画。,步骤18、选中6条腿，在第4帧处插入关键帧，每条腿调至如图4-46所示，并创建补间动画。,步骤19、转换元件。选中所有的帧右键复制帧，新建元件命名为“蟑螂-动画”，点击右键粘贴帧。,步骤20、将场景中新建图层，把其他图层都删除，并把“蟑螂-动画”元件从库当中托入舞台。,步骤21、绘制简单场景。新建图层并将其放到最下端，选择直线工具勾勒大体轮廓并上色。,步骤22、制作蟑螂路径动画。新建“创建添加运动图层”，并选择铅笔工具画一条曲线。,步骤23、将三个图层的帧延长至30帧，把蟑螂选择任意变形工具缩小放置在引导线的左端。,步骤24、在图层12的第30帧处插入关键帧，并将蟑螂移动到引导线的右端。,步骤25、图层创建补间动画，蟑螂的中心点和引导线两端相重合，在中间线条转折地方插入关键帧，调整蟑螂方向,制作完成，查看播放结果。,步骤26、按同样的方法可以制作更多的蟑螂，可以把蟑螂大小不同制作，这样效果会更好。,5、Flash遮罩动画,实例操作：演唱的企鹅案例要点：本案例通过设置图层的遮罩，制作遮罩动画效果。操作步骤：具体操作过程如下：步骤1、新建文件。,步骤2、修改图层1的名字为QQ，然后用椭圆工具绘制QQ。,步骤3、绘制步骤如下：在舞台中，用椭圆工具绘制QQ的身体、眼睛、嘴和脚，用直线工具绘制QQ的手和围巾，可按下面的流程来绘制。,步骤4、新建一个图层，并取名为Mic，把Mic层放到QQ图层上面，用直线工具和矩形工具绘制麦克风。绘制过程如图。,步骤5、新建一个图层，取名为Screen，用直线工具和矩形工具绘制幕布。,步骤6、绘制步骤如下：A 在舞台中，用直线工具绘制一个矩形，然后在底部用选择工具拖拉出曲线，再用颜料桶工具填充颜色,B 用直线工具绘制幕布褶皱曲线,C 用颜料桶工具填充阴影色，选择比幕布较暗一点的颜色,步骤7、新建一个图层，取名为Mask，把Mask图层放置到最上层，即所有的图层上面，选择椭圆工具，在颜色栏中，设置笔触没有颜色，按住Shift键，在舞台上绘制正圆，选取该圆，按F8转换为图形元件，并取名为light。,步骤8、新建一个图层，取名为Shadow，绘制阴影，选择椭圆工具，按住Shift键，绘制一个正圆，并用选择工具选取该圆，打开混色器面板，选择“填充样式”为“放射状”，调整渐变定义栏中的指针，左边为黑色，右边为白色，然后选择任意变形工具，按住Alt键，上下对称挤压，如图，然后选取该圆，按Ctrl+D组合键，复制一个圆，然后分别把它们放置到QQ下方和麦克风下方。,步骤9、新建一个图层，取名为Shadow，绘制背景，用矩形工具，在颜色栏中，设置笔触没有颜色，设置填充色为白色，在舞台上拖拉一个矩形，足以覆盖舞台宽度大小。最后设置舞台背景色为黑色,步骤10、单击Mask层，在第30帧处按F6插入关键帧，把light实例拖到QQ处，并遮住QQ。回到第1帧和第30帧区间，然后单击鼠标右键，选择“创建补间动画”。,步骤11、右键单击Mask层，在上下文菜单中选择“遮照层”，然后你会看到Mask层原先的图标变成了，而Mic层原先的图标变成了，表示Mic层被遮照了，但是其他图层还未被遮照，如何把其他图层加入到遮照中呢？单击QQ层，拖到Mic前的图标下即可，其他的也用同样的方式。然后把所有的图层都加上锁,步骤12、按Ctrl+Enter测试动画。,6、Flash补间动画,实例操作：小车变卡车案例要点：本案例通过形状补间设置，制作基本的两个物体渐变动画效果。操作步骤：具体操作过程如下：步骤1、新建文件。步骤2、打开属性检查器，单击“文档属性”按钮。修改舞台大小，“宽”设为600，“高”设为200，“背景颜色”设为灰色。,步骤3、用直线工具和椭圆工具绘制一辆甲壳虫车轮廓，下面是最终的效果,步骤4、绘制过程如下：A 在舞台中，用直线工具和椭圆工具绘制车的轮廓。可按下面的流程来绘制。,步骤5、绘制完后，用选择工具选取车轮廓线，单击笔触颜色，选择笔触颜色为白色，为后面删除轮廓线做准备。,步骤6、改变笔触颜色后，取消选取状态，可在车轮廓外单击一次即可取消选取状态。然后用颜料桶工具进行填充，填充色为黑色。然后再用选择工具双击或单击车轮廓线，由于车轮廓线不是一条线绘制而成的，是由多个线勾勒而成的，线于线之间确实是相连的，但又是各自独立的。双击会选取与当前点击的线相连的所有线条，而单击只选取当前点击的线，相连的线不会被选取，然后按Del键，把车轮廓全部删除。,步骤7、最后修改成全封闭的，不留空隙是为了让形变更流畅和更协调。,步骤8、在第30帧处插入空白关键帧，然后用矩形工具、直线工具和椭圆工具绘制一辆卡车，方法同上面绘制甲壳虫一样。当然你也可以用下面的方法绘制。,步骤10、绘制过程如下：A 选择矩形工具，先把“笔触颜色”设为“没有颜色”，然后“填充色”设为“黑色”，在舞台上绘制如下矩形。,B 用矩形工具绘制车头，先绘制一个矩形，然后用直线工具切割右上角，再用鼠标单击右上角，按Del键，删除。双击直线，按Del键，删除。点住右上角的转角点，向左下角拖动。与前面的图形合成。,C 用上面相同的方法调整车头。如果图形太小，按Ctrl+组合键可放大编辑区域，想要返回小图形，按Ctrl+-组合键可缩小编辑区域，如果放大编辑区域后，找不到你要编辑的区域，可按住空格键，此时会出现一个手形图标，再按住鼠标左键拖动舞台，直到看到编辑区域。,D 用椭圆工具绘制轮胎，先绘制一个圆，用选择工具选取上半个圆，按Del键，删除，留下半个圆。选取剩下的半个圆，按Crtl+D复制一个半圆，然后与前面的图形合成。,步骤11、在第1帧和第30帧区间，单击，打开属性检查器，在“补间”栏中选择“形状”，创建“形状补间”动画。在第1帧处，选取甲壳虫车，移动到舞台靠左边的位置，在第30帧处选取卡车图形，移动到舞台靠中间的位置，单击第60帧处，按F6插入关键帧，在第60帧处选取卡车，移动到舞台靠右边的位置，然后创建“形状补间”动画，注意这里不能用“创建补间动画”命令，因为当前的卡车是形状而不是实例，如果使用“创建补间动画”命令就会出现虚线，如图4-78所示，则您的动画会创建失败。单击第120帧处，按F5插入帧，补充时间，因为Flash动画在默认情况下是循环播放的，为了让动画在最后保持一段静止的时间，所以在这里我们补充它的时间。,步骤12、按Ctrl+Enter测试动画。,三、小 结,本章我们学习了Flash动画小飞机飞行的位移动画、卡通人物走路的逐帧动画、蟑螂爬行的路径动画、演唱企鹅的遮罩动画，以及小车形状补间动画。通过学习要求掌握动画基础知识，了解Flash动画的基本原理。,课后任务单：任务内容一：,任务内容二：,任务内容三：,任务内容四：,第五章 Flash动画镜头表现,教学目的：,Flash动画景别、Flash动画镜头语言、Flash动画镜头角度、Flash动画的镜头衔接,本章将从Flash动画的景别、Flash动画镜头语言、Flash动画镜头角度、Flash动画的镜头衔接等内容讲解在制作影片当中常用到的远景、全景、中景、近景、特写、大特写；推、拉、摇、移、跟；俯拍、仰拍；淡出淡入、叠影、切镜等，以及在影片当中的使用方法。,教学过程及主要内容：,一、抽查上章课后实训任务完成情况。二、新课内容 1、Flash动画景别,教学重点：,根据镜头的拍摄范围，一般分为6种常用类型：远景、全景、中景、近景、特写和大特写。,2、Flash动画镜头运动语言,摄影机的拍摄轨迹可以概括为推、拉、摇、移和跟5种.推镜头，使屏幕或银幕的取景范围由大到小，画面里的次要部分逐渐被推移画面之外，主体部分或局部细节逐渐放大，占满银幕,移镜头是摄影机沿着水平方向作左、右横移拍摄的镜头。移镜头是机器自行移动，不必跟随被摄对象。它类似生活中的人们边看边走的状态。移镜头同摇镜头一样能扩大银幕二维空间映像能力，但因机器不是固定不变的，所以比摇镜头有更大的自由，它能打破画面的局限，扩大空间视野，表现广阔的生活场景。,上下位移镜头指的是镜头固定，而摄影机本身进行垂直位移所拍摄到的镜头效果,跟镜头是镜头锁定在某个行动中的物体上，当这个物体移动时镜头也跟着移动，以便快速和详细地表现对象整个的活动情况。,景深是指在影片中三维空间的场景感觉。往往会把镜头当中的背景模糊给人一种镜头对远景失去焦距的感觉，或者将画面当中内容进行主次变化，将次要内容模糊，这种处理手法经常用到影片当中。,3、Flash动画镜头角度,俯视镜头是指摄象机高于被摄主体水平线，向下拍摄被摄对象所获取的镜头。,平视镜头是指摄象机与被摄主体在同一水平线上，与人眼等高的高度进行拍摄所获取的镜头，被摄对象不易变形，给人平等、客观、公平的视觉感受。,仰视镜头是指摄影机低与被摄主体的水平线，向上拍摄被摄对象所获取的镜头。这种拍摄方式称为仰拍。,“切入切出”一般有称为“切”。,4、Flash动画的镜头切换,叠镜又称叠化，采用在前一个画面逐渐淡化消失的同时，后一个画面逐渐显露出来（化入）并相互叠在一起的方法。,淡出淡入指镜头画面的渐显、渐隐。画面由亮转暗，以至完全隐没，这个镜头的末尾叫淡出，也叫渐隐；画面由暗变亮，最后完全清晰，这个镜头的开端叫淡入，又叫渐显。,三、小 结,通过本章的学习我们了解了Flash动画说应用到的景别、Flash动画镜头语言、Flash动画镜头角度、Flash动画的镜头衔接，充分利用影视基础的镜 头表现是动画成败的重要内容，只有从基础做起，打好动画的根基，我们的项目制作才能得以顺利而且完美进行。,课后任务单：任务内容一：,第六章 Action Script常用语句及应用,教学目的：,动作面板、设计交互的Flash动画、按钮处理事件。,动作脚本是指在 Flash 中开发应用程序时所使用的语言，是在播放影片时指示影片执行某些任务的命令,不必使用动作脚本就可以使用 Flash，但是，如果要与用户产生交互性、想控制舞台上的对象（例如按钮和影片剪辑）或者令的 SWF 文件更适合于用户使用，可能还是要使用动作脚本。本章将从Flash Action Script基本的出发，以实例进行由浅入深的讲解。,教学过程及主要内容：,一、抽查上章课后实训任务完成情况。二、新课内容 1、动作面板,教学重点：,A 关于“动作”面板,B 为帧指定动作概述,C 为按钮指定动作概述,D 为影片剪辑指定动作,2、设计交互的Flash动画,实例操作：制作鼠标特效一案例要点：本案例通过制作鼠标特效，掌握鼠标特效动画制作完成的基本方法。操作步骤：创建一个按钮创建一个影片剪辑把按钮导入影片剪辑 具体的制作过程如下：步骤1、打开“文件”“新建”命令，创建新文件。步骤2、按Ctrl+F8创建元件，选取“按钮”行为，取名Button，在Button按钮元件编辑模式下，单击“点击”帧，按F6插入关键帧，用椭圆工具，按住Shift键，绘制一个笔触为没有颜色的正圆。,步骤3、按Ctrl+F8创建元件，选取“影片剪辑”行为，取名Cool mouse，在Cool mouse影片剪辑元件编辑模式下，保留第1帧为空帧，单击第2帧，按F6插入关键帧，用椭圆工具，按住Shift键，绘制一个填充色为没有颜色的正圆轮廓。,步骤4、单击第15帧，按F6插入关键帧，用任意变形工具，按住Alt+Shift组合键，放大正圆轮廓。,步骤5、选取第15帧的正圆轮廓，打开菜单“修改”“形状”“将线条转换为填充”，因为线条是不能改透明度的。,步骤6、选取第15帧的正圆轮廓，打开混色器面板，在Alpha栏中输入0%。,步骤7、选取第2帧的正圆轮廓，打开菜单“修改”“形状”“将线条转换为填充”，因为我们要做形状补间动画，单击第2帧和第15帧区间，打开属性面板，在“补间”栏中选择“形状”，创建形状补间动画。,步骤8、新建图层，取名为hotarea，打开库，选取Button按钮元件，拖到Cool mouse影片剪辑中，对准注册点，在hotarea层，单击第2帧，按住Shift键，单击第15帧，右键单击第2帧和第15帧区间，在上下文菜单中选择“删除帧”。1,步骤9、新建图层，取名为action，用上面同样的方法删除帧第2帧到第15帧，单击第1帧，按F9，打开动作面板，在脚本窗口中输入stop();语句。,步骤10、选取Buttom按钮实例，打开动作面板，如图6-13所示，在脚本窗口中输入如下代码：on(rollOver)gotoAndPlay(2);/这段代码是指鼠标经过按钮的时候，让播放头跳到第2帧播放。,步骤11、回到场景1编辑模式下，打开库，选取Cool mouse影片剪辑元件，拖倒舞台上，并移动到舞台的左上角，保持Cool mouse影片剪辑实例被选取的状态下，按Ctrl+D，重制（重制与复制类似只是多了一个粘贴的步骤）Cool mouse影片剪辑实例，用同样的方式重制多个并且对它们进行排列，直到覆盖整个舞台。,步骤12、按Ctrl+Enter组合键测试动画。,实例操作：制作鼠标特效二案例要点：本案例通过制作鼠标特效，掌握鼠标特效动画制作完成的基本方法。操作步骤：创建一个按钮创建两个影片剪辑把按钮导入影片剪辑具体的制作过程如下：步骤1、打开“文件”“新建”命令，创建新文件。步骤2、按Ctrl+F8创建元件，选取“按钮”行为，取名Button，在Button按钮元件编辑模式下，单击“点击”帧，按F6插入关键帧，用椭圆工具，按住Shift键，绘制一个笔触为没有颜色的正圆。,步骤3、按Ctrl+F8创建元件，选取“影片剪辑”行为，取名mvcolor，在mvcolor影片剪辑元件编辑模式下，用椭圆工具，按住Shift键，绘制一个笔触为没有颜色的正圆，保持正圆被选取的状态下，打开混色器面板，选择填充样式为放射状，给左边的指针设置为蓝色，给右边的指针设置为白色，选取右边的指针，在Alpha栏中