Flash动画制作基础与案例教学教程电子教案整本书课件全套教学教程.ppt

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二层,第三层,第四层,第五层,*,按一下以编辑母片,第二层,第三层,第四层,第五层,按一下以编辑母片标题样式,*,第1章 Flash动画制作基础与案例教学,第,1,章,Flash动画制作基础与案例教学,Flash动画制作基础与案例教学教程,教 学 要 求 与 内 容,应知目标,应会目标,了解flash的基本特点,了解FlashCS3的工作界面、菜单和工具,了解flash动画的新增功能,熟悉FlashCS3的工作环境,掌握FlashCS3的基本操作,掌握Flash动画的制作流程,1.1 FlashCS3简介,Flash是目前使用最为广泛的网页动画制作和网站建设软件之一，具有强大的多媒体编辑功能。简单的操作和超强的功能使得flash迅速成为世界级主流软件，受到了用户的一致好评。,Flash及其发展史,1.1.1 Flash的特点,Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。,Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。,Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有文件小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到文件的下载过程。所以Flash动画在网上被广泛传播。,1.1.1 Flash的特点,Flash动画有崭新的视觉效果，比传统的动画更加清新与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。,Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。,Flash动画在制作完成后，可以把生成的文件设置成带保护的格式，这样维护了设计者的版权利益。,1.2 Flash CS3的工作环境,Flash CS3是Micromedia公司被Adobe公司收购之后发布的最新版本的软件，其操作界面和环境都发生了比较大的变化，下面介绍该软件的操作界面和基本操作。,1.2.1 Flash CS3的操作界面,1.2.1 Flash CS3的操作界面,该界面主要被划分成7个区域：,标题栏：标题栏位于软件界面的最顶部，在标题栏的左边用于显示该软件和当前编辑的文件名。双击标题栏可以最大化软件窗口，右边有3个按钮，分别是“最小化”、“最大化”和“关闭”按钮。,菜单栏：菜单栏是Flash界面的控制中心，可控制Flash文件和自定义工作环境。主要包括11个主菜单，每个主菜单的下拉菜单中还包含了各种相应的操作命令和选项。为了方面用户操作，各个主菜单下的很多子菜单都附有相应的快捷键，通过使用这些快捷键，用户可以直接执行相应的操作命令，从而提高效率。常用菜单栏的命令及简要说明见附录一。,1.2.1 Flash CS3的操作界面,菜单栏：菜单栏是Flash界面的控制中心，可控制Flash文件和自定义工作环境。主要包括11个主菜单，每个主菜单的下拉菜单中还包含了各种相应的操作命令和选项。为了方面用户操作，各个主菜单下的很多子菜单都附有相应的快捷键，通过使用这些快捷键，用户可以直接执行相应的操作命令，从而提高效率。常用菜单栏的命令及简要说明见附录一。,舞台：舞台是播放Flash电影时用户可看得到的区域。它包含所有可视的文档元素以及某些情况下不可视的文档元素，如文本、如下、视频和声音。,1.2.1 Flash CS3的操作界面,工具栏：使用“工具”面板中的工具可以绘图、上色、选择和修改插图，并可以更改舞台的视图。,属性面板：是一个可用来修改文档和对象的面板。它是区分上下文的，属性会根据选中的对象发生变化。,时间轴：控制不同层中动画的帧数与帧的效果，包括新层的增加、引导层的建立、层的删除及相关帧的操作。,浮动面板：可快速激活各常用面板，其中包括属性面板、动作面板、颜色面板、样本面板和库面板等。,1.2.2Flash CS3的基本操作,启动Flash CS3，新建一个Flash文档,选择“新建”“Flash文件（ActionScript 3.0）”进入界面,设置影片属性,使用快捷键Ctrl+F3打开属性面板,设置首选参数,执行“编辑”“首选参数”，打开“首选参数”窗口,使用控制面板,1.2.2Flash CS3的基本操作,使用控制面板,使用扩展剪贴板,使用工具面板,发布Flash文档,1.3 Flash动画的制作流程,设定舞台尺寸和安排场景,执行“文件”“新建”，出现如图1-8所示窗口，然后点击“Flash文件（ActionScript3.0）”，进入编辑界面。,1.3 Flash动画的制作流程,点击“属性”面板上“大小”处的位置，在弹出的窗口中设置参数,1.3 Flash动画的制作流程,创建和插入动画成员,执行“插入”“插入元件”或按CtrlF8快捷键,在“名称”文本框中输入元件的名称，并选择“类型”为“图形”，就建立了一个名为“元件1”的“图形”类型的元件。单击“确定”后，Flash进入了元件编辑模式。,1.3 Flash动画的制作流程,下面创建这个元件的内容，单击工具箱中的“T”按钮,在属性面板中设定字体,1.3 Flash动画的制作流程,点击“场景1”进入到舞台编辑区，执行“窗口”“库”或直接点击右上方的“库”或快捷键CrtlL,然后从元件库中将“元件1”拖动到舞台上，这时元件已经成为动画中的实例了。,至此，新建、插入动画内容的工作全部完成。,1.3 Flash动画的制作流程,具体操作步骤如下：,单击时间轴“图层1”的第15帧，按下F6快捷键，插入另外一个关键帧，这个关键帧的内容与第一帧完全相同,在第1帧处，使用工具箱里面的按钮，选中元件1，在“属性”面板的“颜色”中，选中“alpha”，并设置其值为0,1.3 Flash动画的制作流程,同第1步，在第30帧和第45帧处按下F6快捷键，创建两个关键帧。同第2步，将第45帧处的元件1的“alpha”值设置为0。,下面是添加动画的重要步骤，右键单击时间轴中第1帧第15帧之间的任意一帧，从弹出的快捷菜单中选择“创建补间动画”，同样在第30帧第45帧之间的任意一帧中点击右键，选择“创建补间动画”。,1.3 Flash动画的制作流程,预览测试动画,预览动画的方法是直接在工作区按Enter键。,动画的保存、输出与发布,动画做好之后就要保存文件，方法是执行菜单中的“文件”“保存”或者“另存为”，就可以将文件保存为FLA的标准格式。,动画的输出与发布过程也非常简单，执行“文件”“发布设置”，设定好要输出的文件类型（一般只要选中Flash即可），然后直接单击“发布”按钮即可输出动画。,1.4 Flash的应用领域,网络广播,制作游戏,MTV制作,教学课件制作,Flash电子贺卡,产品宣传,站点建设,制作视频文件,制作Flash Lite手机动画,1.5 Flash CS3的新增功能,Adobe Photoshop 和 Illustrator 导入,将动画转换为 ActionScript,Adobe 界面,ActionScript 3.0 开发,高级调试器,Adobe Device Central,丰富的绘图功能,用户界面组件,高级 QuickTime 导出,课堂总结,本次课主要介绍了Flash CS3的基础知识，从Flash的发展史到Flash动画的基本特点，还通过实例讲解了使用Flash CS3版本的软件制作Flash动画的相关操作和界面功能的讲解，同时针对新增功能也做了详细的介绍和图例说明。同时引用通俗易懂且比较实用项目实例详细的讲解了Flash动画的制作流程。另外对Flash CS3的新增功能也做了简要的介绍，尤其是了解动画的输出和发布，能根据动画内容生成除FLA之外的其他格式的文件。,本章的重点是熟悉动画制作相关的操作和界面功能设置，常用的面板有“属性”面板、“对齐”面板、“颜色”面板、“样本”面板、“库”面板和“动作”面板。掌握Flash动画的制作流程，无论多么复杂的Flash动画，都要遵循这个基本流程。深入了解了这个Flash动画的基本制作流程，真正的Flash动感之旅就要开始了！,模块二绘图、编辑和辅助工具,本章要点,flash中的绘图工具，掌握工具箱中各种绘图工具,选取工具,颜色编辑工具,矢量图与位图,矢量图,矢量图形是以数学的矢量方式来记录图像的内容的，它的内容以点、线条和色块为主。矢量图形的构成非常简单，基本上是由一些线条和线条所封闭的填充区域组成。对于图形的存储只需要记录线条的两个端点的坐标、线条的粗细和颜色以及填充区域的颜色等，所以矢量图形文件体积一般比较小。,位图,位图采用点阵法来枚举出图形中的所有的点，系统在保存位图时保存的是图像中各个像素点的色彩信息，因此，位图文件的图像看起来比较逼真，但是文件的体积都比较大。由于构成图像的像素点是固定在特定大小的栅格里，因而在对位图进行缩放操作时会降低它的显示质量，特别是当把位图图像的尺寸放大到一定程度后，图像会变的模糊失真，出现马赛克现象。,线条工具,单击工具箱中的“线条”工具按钮。,将鼠标移动到舞台中，当鼠标变为“”形状时，如图一所示，单击鼠标左键，确定绘制直线的起始点，此时不要松开鼠标左键。,拖拽鼠标到另外一个位置，再次单击鼠标左键，确定直线的结束点，这样就绘制好一条直线了，如图二所示，重复操作可以绘制多条直线。,图一,图二,线条工具属性面板的使用,改变线条颜色：如果想要修改线条的颜色，单击“笔触颜色”按钮后，可以弹出如图2-8所示的颜色设置面板，选择需要的颜色即可。,修改线条宽度：想要修改线条的宽度，只需要在“笔触高度”数值框中输入相应的数值即可，它的数值范围时0.1200之间的数值。,改变线条样式：如果想要改变线条的样式，可以单击“笔触样式”下拉列表框，然后从弹出来的下拉列表中选择需要的样式即可。,自定义笔触样式：如果“笔触样式”列表框中没有我们所需要的样式，可以单击“自定义”按钮，在弹出来的“笔触样式”对话框中自己进行设置。,其他设置：选择“端点”选项旁的三角按钮，可以在弹出来的下拉菜单中选择线段端点的样式，选择“接合”选项旁的三角按钮，可以在弹出来的下拉菜单中选择两条线段的相接样式，选择“笔触提示”复选框，可以将笔触锚点保持为全像素，防止出现模糊线条；选择“缩放”下拉列表框中的列表项，可以选择在使用Flash Player播放动画影片，播放器窗口变化时如何限制线条的缩放。,铅笔工具,单击工具箱中的“铅笔”工具按钮。,将鼠标移动到舞台中，当鼠标变为形状时，按住鼠标左键不放在舞台上任意拖动就可以绘制出图形,不同的铅笔模式,直线化：默认的模式，选择该模式后，可以使绘制的矢量图形自动趋向于规则的图形，如矩形、椭圆、三角形等常见的几何形状。,平滑：选择该模式，系统会将绘制图形中的棱角去掉，使其尽量趋于平滑流畅。,墨水：选择该模式，绘制的线条将最大限度的保持原样，接近手写体效果。,椭圆工具,由于“椭圆”工具与“矩形”工具在同一个工具组中，如果在工具箱中没有“椭圆”工具时，可以按住“矩形”工具不放，在弹出来的下拉列表中选择“椭圆”工具。,将鼠标移动到舞台中，按住鼠标左键不放在舞台上拖动，就可以绘制椭圆。,“椭圆”工具的属性,笔触颜色：用于设置图形中的线段颜色，如果选择“没有颜色”按钮，则绘制的图形中没有线段。,填充颜色：用于设置图形中的填充颜色，如果选择“没有颜色”按钮，则绘制的图形没有填充颜色。,起始角度和终止角度：在这两个对话框中输入起始角度和终止角度后，可以绘制扇形。,闭合路径：如果将“闭合路径”复选框中的勾去掉，则在绘制扇形时绘制出来的就是弧线段。,内径：如果在“内径”对话框中输入一个正数，并且“闭合路径”复选框选中的话，会绘制出来一个带有空心圆的椭圆或者扇形。,重置：如果对起始角度、终止角度、闭合路径和内径的设置不满意，可以单击“重置”按钮，恢复原状。,矩形工具,选择“矩形”工具。,在舞台上按住鼠标左键不放拖动，就可以绘制矩形，如图所示：,基本椭圆工具,“基本椭圆”工具是Flash CS3新增的工具之一，它的使用方法和“椭圆”工具基本一致。所不同的是在使用“基本椭圆”工具绘制好椭圆后，可以使用“选择”工具拖动椭圆外围的节点，改变起始角度和终止角度，如图1所示。同样也可以使用“选择”工具拖动椭圆内部的节点，修改内径的数值，如图2所示,图1,图2,基本矩形工具,“基本矩形”工具也是Flash CS3新增的工具之一，它的使用方法和“矩形”工具基本一样。所不同的是在使用“基本矩形”工具绘制好矩形后，可以使用“选择”工具拖动矩形边角上的节点，可以改变矩形边角上的弧度，如图所示：,多角星形工具,选择“多角星形”工具。,在舞台上按住鼠标左键不放拖动，就可以绘制一个多边形或者星形，一般系统默认的是五边形，如图所示：,选择“多角星形”工具后，“属性”面板中将会出现多角星形的属性，单击“选项”按钮，可以打开“工具设置”对话框。该对话框可以设置要绘制的是多边形还是星形，边的数目和大小,。,刷子工具,“刷子”工具用于绘制图形或者为图形填充颜色，它的使用方法和“铅笔”工具一样，但是它使用的颜色是填充颜色，不是线段的笔触颜色。在工具箱中选择“刷子”工具后，其属性面板如图所示：,刷子的不同模式,锁定填充：当使用渐变色作为填充色绘制多个对象时，按下“锁定填充”按钮，它不会对每个对象应用单独的填充内容，而是锁定其填充起点，只显示填充内容的一部分。,刷子模式：当在“刷子模式”按钮上单击鼠标左键后，会弹出如图2-41所示的下拉选项，可以从中选择一种合适的刷子模式。,标准模式：选择此模式，绘制的图形将覆盖原来的图形。,颜料填充：选择此模式，绘制的图形只覆盖原来图形的填充区域，不影响轮廓线。,后面绘图：选择此模式，绘制的图形将位于舞台的最底层，新绘制的图形被原来的图形覆盖。,颜料选择：选择此模式，只能对选择的填充区域进行绘图，对选择的线段没有影响。,内部绘图：选择此模式，刷子经过的地方只有第一个填充区域的填充色会被覆盖，对经过的其他区域不起作用。,钢笔工具,选择“钢笔”工具。,将鼠标移动到舞台上，在舞台上单击鼠标左键，确定线条的起点，此时起点位置会出现一个小圆圈，将鼠标移动到舞台的另外一个位置，单击鼠标左键，确定图形的第二个节点，此时在两个节点之间会出现一条直线，如图2-49所示。连续多次单击，可以绘制连续的直线段，如图所示：,在其他位置单击鼠标左键，但此时按住鼠标左键不放，拖拽鼠标会拖拽出一个调节手柄，拖拽这个调节手柄，调整出满意的曲线弧度后松开鼠标左键，可以绘制出一条曲线，如图所示：采用同样的方法，可以绘制出连续的曲线。,添加和删除锚点工具,其作用是为已经绘制好的路径添加锚点。所谓锚点就是使用“钢笔”工具绘制出来的节点，它们决定着线条起点、终点以及转折点的位置。调整锚点处的调节手柄，可以修改线条的曲线弧度。,“删除锚点”工具同样也是Flash CS3新增的工具之一，与“钢笔”工具在同一个工作组中，其作用是删除路径上不想要的锚点。,文本的输入,单击工具箱中的“文本”工具。,然后将鼠标移动到舞台上，此时鼠标光标变为形状，在舞台上单击鼠标左键，会出现一个文本输入框，在此文本框中输入文字即可。此时，文本输入框右上角有一个圆形符号，代表文本框没有宽度限制，文本框的宽度会随输入字符的增加而增宽；如果将鼠标移动到舞台上后，在舞台上按住鼠标左键拖动，会出现一个右上角右矩形符号的文本输入框，代表此文本输入框有宽度限制，当输入的字符超过输入框的宽度时，文字会自动换行。,文本的类型,静态文本：是一种静止不变的文本，是Flash动画在运行中不能修改的文字。,动态文本：Flash动画在运行中可以动态显示的文字，通常需要结合ActionScript，动态显示一些数据或者运算结果。,输入文本：Flash动画在运行过程中可以输入文字，与动态文本一样，需要结合ActionScript，达到动画和用户交互的目的。,文本属性的设置,当我们选择“文本”工具,后，或者在舞台上输入文本后，打开“属性”面板，可以设置文字的相关属性：,颜料桶工具,“颜料桶”工具用于为封闭或者半封闭的图形区域填充颜色，它可以为图形填充单色，也可以为图形填充渐变颜色，还可以为图形填充位图图形，但是不能为图形的线段填充颜色。,当选中“颜料桶”工具后，在工具箱的选项区域会出现一个“空隙大小”的按钮，单击该按钮，会弹出填充模式选项菜单。在“空隙大小”的按钮旁边，还有一个“锁定填充”按钮，当该按钮处于选中状态时，对于对象的填充都是相对于舞台位置的，此时和“刷子”工具的“锁定填充”模式功能相同。,墨水瓶工具,墨水瓶”工具主要功能是用来改变已有直线、曲线的颜色、粗细和线型等属性，此外还可以为没有边框的图形添加轮廓线。,在使用“墨水瓶”工具填充线段颜色时，可以使用“颜色”面板将“笔触颜色”设置为渐变颜色或者位图，从而将线段颜色填充为渐变颜色或位图。,滴管工具,“滴管”工具主要用于从线段、图形和文本中吸取填充颜色、笔触属性和文字属性，然后将它们应用到其他对象上。此外，“滴管”工具还允许从位图上进行采样作为对象的填充内容。下面我们来看如何使用“滴管”工具，吸取填充颜色、线条属性、文字属性和位图图案。,橡皮擦工具,“橡皮擦”工具可以擦除图形的填充颜色和线条，擦除打散的位图，还可以一次性擦除图形的填充颜色和线条。,当我们选择“橡皮擦”工具后，在工具箱中会出现“橡皮擦模式”、“水龙头”和“橡皮擦形状”3个选项按钮。,橡皮擦模式,标准擦除：选择此模式，以常规的模式擦除图形，可以把鼠标经过的地方的图形全部擦除。,擦除填色：选择此模式，可以把鼠标经过的地方的填充颜色擦除，不能擦除线条。,擦除线条：选择此模式，可以把鼠标经过的地方的线条擦除，不能擦除填充颜色。,擦除所选填充：选择此模式，只能擦除选择范围内的填充颜色，不能擦除选择范围内的线条。,内部擦除：选择此模式，只能擦除鼠标经过的第一个填充区域内的颜色，对其他区域没有影响。,水龙头,选择“橡皮擦”工具后，单击工具箱中的“水龙头”按钮，将鼠标移动到舞台上，此时鼠标会变成形状。,在想要擦除的填充色或者线条上单击鼠标左键，填充色或者线条就被擦除了，如图所示：,渐变变形工具,当为图形填充上渐变颜色或者位图后，可以使用“渐变变形”工具进一步编辑图形填充颜色或者位图图形，它可以调整渐变颜色和位图的范围、方向、角度等，从而使图形的填充效果更符合要求。在Flash CS3中，“渐变变形”工具与“任意变形”工具在同一个工作组中，如果在工具箱中没有“渐变变形”工具时，可以按住“任意变形”工具不放，在弹出来的下拉列表中选择“渐变变形”工具。,使用“渐变变形”工具调整线性渐变、放射状渐变和位图填充时的方法略有不同，下面我们来学习它的使用方法。,变形线性渐变,单击工具箱中的“渐变变形”工具，在线性渐变填充图形上单击鼠标左键，图形上会出现渐变颜色条件杆,在中心点拖拽鼠标，可以将填充颜色中心点的位置改变；拖拽旋转填充颜色方向的节点，可以改变填充图形填充颜色的方向；拖拽填充颜色的范围的节点，可以改变填充图形填充范围大小。,变形放射状渐变,单击工具箱中的“渐变变形”工具，在放射状渐变填充图形上单击鼠标左键，图形上会出现渐变颜色条件杆。,在中心点拖拽鼠标，可以将填充颜色整体的中心点位置改变；拖拽中心控制柄的三角符号，可以移动渐变中心；拖拽填充颜色的长度节点，可以改变图形的椭圆渐变形状大小；拖拽填充颜色的范围的节点，可以改变填充图形填充范围大小；拖拽旋转填充颜色方向的节点，可以改变填充图形填充颜色的方向。,变形位图填充,单击工具箱中的“渐变变形”工具，在位图填充图形上单击鼠标左键。,调整位图的高度或宽度控制柄，可以改变填充位图的高度或宽度；调整位图的横行或纵向倾斜控制柄，可以使填充位图水平倾斜或者垂直倾斜；旋转位图方向控制柄，可以对填充的位图进行旋转；调整位图大小控制柄，可以成比例改变填充位图的大小；调整位图的中心点控制柄，可以改变填充位图中心点的位置。,任意变形工具,“任意变形”工具在编辑图形时经常用到，它通常用于改变对象的大小，旋转与倾斜对象。当使用“任意变形”工具选择要编辑的对象后，工具箱中会出现“旋转与倾斜”、“缩放”、“扭曲”和“封套”四个按钮，如图所示：,要注意的是，“扭曲”和“封套”两个按钮只有在选中的对象是打散的图形或者是没有成组的矢量图时才能应用。如果没有选中任何一个按钮，“任意变形”工具处于自由变形模式，除了“封套”功能外，其他的操作都可以进行。,旋转与倾斜工具的使用,在工具箱中选择“任意变形”工具。,将鼠标移动到舞台上，将要编辑的对象选中，选择工具箱中的“旋转与倾斜”按钮，此时对象的四周将出现一个矩形框，矩形框上有8个黑色的矩形点。,将鼠标移动到所选图形边角上的黑色矩形点，鼠标光标变成形状后，按住鼠标左键并拖动鼠标，即可以对选取的图形进行旋转处理。,将鼠标移动到所选图形中间的黑色矩形点，鼠标光标变成或者形状后，按住鼠标左键并拖动鼠标，即可以对选取的图形进行垂直方向或水平方向的倾斜变形。,使用“任意变形”工具选中对象后，用鼠标将对象中心的变形点移动到其他地方，可以改变对象的变形点位置，则以后所有的变形操作都会以新的变形点为中心进行。,缩放工具的使用,在工具箱中选择“任意变形”工具。,将鼠标移动到舞台上，将要编辑的对象选中，选择工具箱中的“缩放”按钮，此时对象的四周将出现一个矩形框，矩形框上有8个黑色的矩形点。,将鼠标移动到编辑对象四个顶点位置的矩形点时，光标变为形状，此时按住鼠标左键并拖动鼠标，可以任意改变对象的大小。如果按住Shift键拖动鼠标可等比例改变对象的大小。,将鼠标移动到所选图形中间的黑色矩形点，鼠标光标变成或者形状后，按住鼠标左键并拖动鼠标，可以改变对象的高度或宽都，,扭曲工具的使用,使用“选择”工具选择要进行扭曲的图形。,在工具箱中选择“任意变形”工具。,将鼠标移动到舞台上，将要编辑的对象选中，选择工具箱中的“扭曲”按钮，此时对象的四周将出现一个矩形框，矩形框上有8个黑色的矩形点。,将鼠标移动到所选对象4条边的中心控制柄上，鼠标光标变为形状时，按住鼠标左键不放拖动鼠标就可以改变对象的高度或宽度，并对图形进行垂直或水平方向的倾斜。,将鼠标移动到所选对象4个顶点位置的控制柄上，鼠标光标变为形状时，按住鼠标左键不放拖动鼠标，可以改变顶点的位置从而改变图形的形状。,封套的使用,使用“选择”工具选择要进行扭曲的图形。,在工具箱中选择“任意变形”工具。,将鼠标移动到舞台上，将要编辑的对象选中，选择工具箱中的“封套”按钮，此时对象的四周边线上将出现一些控制点。,拖拽其中的控制点将会看到控制点上将出现两个方向上的控制柄，如果拖拽顶点只能出现一个控制手柄，拖拽相应的控制手柄，就可以改变图形的形状。,选择工具,的使用,单击工具箱中的“选择”工具。,单击舞台上需要选取的图形，如果要选择多个对象，可以按住键盘上的Shift键依次选择对象；或者在舞台中要选择的对象外面单击鼠标左键并拖拽鼠标，拖拽出一个矩形框，将要选择的对象全部框住。,“选择”工具没有以其对应的“属性”面板，当选择“选择”工具后，工具箱中会出现“紧贴至对象”、“平滑”和“伸直”三个按钮。,紧贴至对象：按钮的作用是使选择的图像吸附于舞台的网格、辅助线上。,平滑：按钮的作用是使所选择的线条的弯曲处变得比较光滑。,伸直：按钮的作用是使所选择的线条的弯曲处变得比较尖锐。,编辑图形线条,在舞台上，在图形或者线条没有被选中时，单击工具箱中的“选择”工具，将鼠标移动到图形或者线条的附近，当鼠标指针变为形状时，按住鼠标左键不放拖拽鼠标，可以调整图形或者线条的弧度。,选择“选择”工具，按住Ctrl键，将鼠标移动到线条的附近，当鼠标指针变为形状时，按下鼠标左键不放，此时鼠标光标变为形状，拖动鼠标，可以在线条上添加新的角点。,选择“选择”工具，将鼠标放置到线条的端点，当鼠标指针变为形状，按住鼠标左键不放拖拽鼠标，可以调整线条的长度及角度。,选择“选择”工具，将鼠标移动到图形的角点位置，当鼠标指针变为形状，按住鼠标左键不放拖拽鼠标，可以改变图形的角点位置，从而改变图形。,部分选取工具,单击工具箱中的“部分选取”工具。,选择需要调整路径的图形，会显示图形路径的节点，单击需要修改的节点，此时在图形路径上将会显示该节点及和该节点相邻的两个节点靠近被单击节点一侧的控制手柄。,使用“部分选取”工具拖拽节点，可以改变图形的形状。,使用“部分选取”工具拖拽图形上的节点的控制手柄，可以将节点两侧的曲线改变。如果按住Alt键，只可以拖动一边的控制手柄，改变一边的曲线的形状。,套索工具,“套索”工具主要用来选择位图图形的一部分。在使用“套索”工具之前，必须要将位图打散（快捷键是CtrlB），然后在图形上按住鼠标左键按照想要选择的图形轮廓拖动鼠标拖拽出一个封闭的区域，即可以将该区域中的图形选中，如图所示：,魔术棒,工具,选择“套索”工具 后，单击工具箱中的“魔术棒”按钮，使其处于选中状态，然后在舞台上单击要选择的位图，可以在位图中快速选择颜色近似的所有区域，如图所示：,魔术棒工具的设置,阀值：用来设置所选颜色的近似程度，参数值越大，选择的颜色越多，参数值越小，选择的颜色越少，参数值为0200之间。,平滑：用于定义选取范围的平滑程度，可以选择“像素”、“粗略”、“一般”和“平滑”。,多边形模式,“多边形模式”主要用于选择多边形图形区域。选择“套索”工具 后，单击工具箱中的“多边形模式”按钮，使其处于选中状态，将鼠标移动到舞台上，在要选取的图形位置处单击鼠标左键，确定选择区域的起始点，然后拖拽鼠标到其他的位置单击鼠标左键，确定下一个点的位置，当要结束选择时，在结束位置双击鼠标左键，完成多边形的选择，如图所示：,将线条转换为填充,使用这个命令可以产生一些特殊的效果，例如使用渐变色填充这个直线区域，那么就可以得到一条五彩缤纷的线段。将线段转换为填充区域会增大文件尺寸，但是它可以提高计算机的绘图速度。,选择“直线”工具，设置笔触的粗细为4.5，在舞台工作区上绘制两条直线，如果直接使用“颜料桶工具”填充两条直线，但是不能填充颜色。但是执行“修改”“形状”“将线条转换为填充”命令，将第1条直线转换为填充，然后在“颜色面板”中设置填充类型为“放射状”，填充颜色为七彩色。此时，再使用“颜料桶工具”填充第两条直线，则第1条经过转换为填充的直线可以填充上颜色，而第2条直线不能填充颜色。,优化曲线,优化曲线通过减少用于定义这些元素的曲线数量来改进曲线和填充轮廓，这能减小Flash文档的大小。,使用“选择工具”选择要进行优化的对象，然后执行“修改”“形状”“优化”命令，在出现的“最大优化曲线”对话框，拖动“平滑”滑块来确定平滑的程度，如图所示：,扩散填充,通过扩展填充，可以扩展填充形状。具体操作步骤为：使用“选择工具”，选中要扩展的形状，选择“修改”“形状”“扩展填充”命令，弹出“扩展填充”对话框。,距离：用于指定扩充、插入的距离,方向：如果希望扩充一个形状，请选择“扩展”项，如果希望缩小形状，请选择“插入”项。,柔化填充边缘,在绘图时，有时会遇到颜色对比非常强烈的情况，这时绘出的实体边界太过分明，会影响整个影片的效果。如果对实体的边界柔化一下，那么看起来效果就好多了。Flash提供了柔化填充边缘的功能。,柔化填充边缘可以使填充色的边缘产生模糊的效果，选中任意填充色，执行“修改”“形状”“柔化填充边缘”命令，弹出“柔化填充边缘”对话框，在其中进行设置，然后点击“确定”按钮,距离：用于指定扩展、插入距离,方向：如果希望向外柔化形状，请选择“扩展”项，如果希望向内柔化形状，请选择“插入”项。,步骤数：步骤数越大，形状边界的过渡越平滑，柔化效果越好。但是，这样也会造成文件尺寸太大以及绘图速度太慢的情况。,滤镜,“滤镜”功能是从Flash8.0版本开始新增加的功能，“滤镜”功能可以让我们制作出许多以前只在Photoshop或Fireworks等软件中才能完成的效果，比如阴影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色等。,和属性面板排列在一起的“滤镜”面板，是管理Flash滤镜的主要工具，增加、删除滤镜或改变滤镜的参数等操作都可以在此面板中完成。,滤镜的基础操作,滤镜效果只适用于文本、影片剪辑和按钮中。当场景中的对象不适合应用滤镜效果时，滤镜面板中的加号按钮处于灰色的不可用状态。在场景中输入一段文字，或插入一个影片剪辑和按钮，选中对象，加号按钮会变为可用状态。单击加号按钮，可以显示滤镜列表、滤镜的预设和滤镜的管理。,可以同时为对象增加多个滤镜效果。如果想保存组合在一起的滤镜效果，可以执行“预设”“另存为”命令，将效果保存起来，命名为“滤镜”，以便直接应用到其它的对象中。当要为动画中的多个对象应用同样的滤镜效果组合时，使用此命令可以大大提高工作效率,投影,模糊：可以指定投影的模糊程度，可分别对X轴和Y轴两个方向设定。取值范围为0-100。如果单击X和Y后的锁定按钮，可以解除X、Y方向的比例锁定。,强度：设定投影的强烈程度。取值范围为0-1000，数值越大，投影的显示越清晰强烈。,品质：设定投影的品质高低。可以选择“高”、“中”、“低”三项参数，品质越高，投影越清晰。,颜色：设定投影的颜色。单击“颜色”按钮，可以打开调色板选择颜色。,角度：设定投影的角度。取值范围为0-360度。,距离：设定投影的距离大小。取值范围为-32到32。,挖空：将投影作为背景的基础上，挖空对象的显示。,内侧阴影：设置阴影的生成方向指向对象内侧。,隐藏对象：只显示投影而不显示原来的对象。,模糊滤镜,模糊：可以指定模糊程度，可分别对X轴和Y轴两个方向设定。取值范围为0-100。如果单击X和Y后的锁定按钮，可以解除X、Y方向的比例锁定，再次单击可以锁定比例。,品质：设定模糊的品质高低。可以选择“高”、“中”、“低”三项参数，品质越高，模糊效果越明显。,发光滤镜,模糊：可以指定发光的模糊程度，可分别对X轴和Y轴两个方向设定。取值范围为0-100。如果单击X和Y后的锁定按钮，可以解除X、Y方向的比例锁定，再次单击可以锁定比例。,强度：设定发光的强烈程度。取值范围为0-1000，数值越大，发光的显示越清晰强烈。,品质：设定发光的品质高低。可以选择“高”、“中”、“低”三项参数，品质越高，发光越清晰。,挖空：将发光效果作为背景，然后挖空对象的显示。,内侧发光：设置发光的生成方向指向对象内侧。,斜角滤镜,模糊：可以指定斜角的模糊程度，可分别对X轴和Y轴两个方向设定。取值范围为0-100。如果单击X和Y后的锁定按钮，可以解除X、Y方向的比例锁定。,强度：设定斜角的强烈程度。取值范围为0-1000，数值越大，斜角的效果越明显。,品质：设定斜角倾斜的品质高低。可以选择“高”、“中”、“低”三项参数，品质越高，斜角效果越明显。,阴影：设置斜角的阴影颜色。可以在调色板中选择颜色。,加亮：设置斜角的高光加亮颜色，也可以在调色板中选择颜色，如图2所示为设置斜角阴影颜色为黑色，加亮颜色为红色时的效果。,角度：设置斜角的角度，取值范围为0-360度。,距离：设置斜角距离对象的大小，取值范围为-32至32。,挖空：将斜角效果作为背景，然后挖空对象部分的显示。,类型：设置斜角的应用位置，可以是内侧、外侧和整个，如果选择整个，则在内侧和外侧同时应用斜角效果。,渐变发光滤镜,模糊：可以指定渐变发光的模糊程度，可分别对X轴和Y轴两个方向设定。取值范围为0-100。如果单击X和Y后的锁定按钮，可以解除X、Y方向的比例锁定，再次单击可以锁定比例。,强度：设定渐变发光的强烈程度。取值范围为0-1000，数值越大，渐变发光的显示越清晰强烈。,品质：设定渐变发光的品质高低。可以选择“高”、“中”、“低”三项参数，品质越高，发光越清晰。,挖空：将渐变发光效果作为背景，然后挖空对象的显示。,角度：设置渐变发光的角度，取值范围为0-360度。,距离：设置渐变发光的距离大小，取值范围为-32至32。,类型：设置渐变发光的应用位置，可以是内侧、外侧或强制齐行。,渐变色：面板中的渐变色条是我们控制渐变颜色的工具，默认情况下为白色到黑色的渐变色。将鼠标指针移动到色条上，如果出现了带加号的鼠标指针，则表示可以在此处增加新的颜色控制点。如果要删除颜色控制点，只需拖动它到相邻的一个控制点上，当两个点重合时，就会删除被拖动的控制点。单击控制点上的颜色块，会弹出系统调色板让我们选择要改变的颜色。,调整颜色滤镜,亮度：调整对象的亮度。向左拖动滑块可以降低对象的亮度，向右拖动可以增强对象的亮度，取值范围为-100到100。,对比度：调整对象的对比度。取值范围为-100到100，向左拖动滑块可以降低对象的对比度，向右拖动可以增强对象的对比度。,饱和度：设定色彩的饱和程度。取值范围为-100到100，向左拖动滑块可以降低对象中包含颜色的浓度，向右拖动可以增加对象中包含颜色的浓度。,色相：调整对象中各个颜色色相的浓度，取值范围为-180到180，感觉对色相的控制没有Photoshop准确。,实例制作,下面我们利用前面所学的知识，绘制一幅“小鸭戏水”图：,第,3,章 动画制作基础知识,Flash动画制作基础与案例教学教程,浙江经济职业技术学院 信息与控制学院,教 学 要 求 与 内 容,应知目标,应会目标,了解动画的概念和原理,了解帧的概念和分类,了解图层的概念,了解时间轴的概念,掌握帧的基本操作,掌握时间轴和图层的基本操作,掌握三种类型的元件的制作方法,掌握影片剪辑元件的使用,3.1 帧,动画的形成原理是多张图片连续变换时，由于人眼的视觉停留现象，使人认为这些图片内容动起来了的感觉。Flash CS3.0也是根据这个原理产生动画效果的。在整个动画的制作过程中，帧是一个最基本的概念，贯穿于动画制作的全过程，通过改变连续帧的内容来实现动画的。,3.1.1 帧的概念,电影是由一格一格的胶片按照先后顺序播放出来的，由于人眼有视觉停留现象，这一格一格的胶片按照一定速度播放出来，看起来就“动”了，动画制作采用的也是这一原理，而Flash中的“帧”就相当于这一格一格的胶片。,认识帧之前，我们先得认识时间轴，如图所示。在FlashCS3.0的界面中，时间轴位于工作界面的上方，这里也是对帧进行操作的地方。随着影片播放时间的推进，动画将会按照横轴的方向播放，所以横轴就是时间线(Timeline)。每一个帧用一个小方格代表，我们也可以说一个小方格就是一帧。,3.1.2 帧的分类,关键帧:就是定义动画的起始点和终结点，也就是说，动画的起始点和终结点都是关键帧,。,过渡帧：在起始和终结关键帧之内的帧被称为过渡帧，过渡帧是具体动画的实现的详细过程图，它能具体体现动画变化过程。,空白关键帧：在一个关键帧里面，什么对象也没有添加，这种关键帧称为空白关键帧。单击鼠标左键，选定一个影格，然后再单击右键，在弹出菜单中选取“插入空白关键帧”，这样的关键帧就是空白关键帧。,3.1.3 帧的操作,插入帧:使用“插入帧”功能，将在选定的帧后插入一个和这个选定帧完全一样的帧。,删除帧：选定一个或多个帧后，单击右键，选择“删除帧”功能，或使用键盘快捷键“Shift+F5”，可以将选定的帧删除。,插入关键帧：将鼠标移动到帧的方格位置，用鼠标左键单击要定义为关键帧的方格，方格变为反亮显示，单击鼠标右键，在弹出的菜单中，选择“插入关键帧”或在选好方格后，直接按下键盘上的“F6”键，那么关键帧就定义好了。,3.1.3 帧的操作,删除帧：当我们不需要某个或某些关键帧时，就要将这些关键帧删除掉，只要选中这些帧，单击右键，选择“删除帧”就删除掉了。,插入空白关键帧,：将鼠标移动到帧的方格位置，用鼠标左键单击要定义为关键帧的方格，方格变为反亮显示，单击鼠标右键，在弹出的菜单中，选择“插入空白关键帧”或在选好方格后，直接按下键盘上的“F6”键，那么空白关键帧就定义好了。,3.1.3 帧的操作,选择全部帧：在影格编辑区单击鼠标右键，在弹出的菜单中选