Flash动画设计与制作教学课件.ppt

Flash动画设计与制作,主讲：张广亮,2,Flash动画设计与制作课程内容,第1章Flash与动画制作第2章Flash基础入门第3章制作第一个Flash动画第4章绘图工具第5章色彩第6章文本第7章元件与库第8章简单的图层动画第9章复杂的图层动画,3,第10章音频及应用第11章视频及应用第12章ActionScript基础第13章ActionScript使用进阶第14章高级互动动画制作第15章按钮和菜单制作第16章Flash组件全解析第17章预载画面、滑块及滚动条第18章各种特效制作,第1章Flash与动画制作,5,本章目标,了解Flash动画的特点熟悉安装Flash8操作Flash8的新增特性Flash中的常见术语,6,1.1初识Flash动画,1.1.1采用了矢量图形和流式播放技术1.1.2生成的文件体积小1.1.3支持声音效果1.1.4具有可交互性操作1.1.5制作程序简单,成本低廉提示:可根据教学需要给学员播放优秀动画实例.,7,1.2安装Flash8,系统要求600MHzIntelPentiumIII处理器或同等处理器。128MB内存（建议256MB）。190MB可用磁盘空间。Windows98、Windows2000、Windows2003或WindowsXP操作系统,8,1.2安装Flash8,安装图例演示：第一步：插入安装光盘，运行安装程序。,9,1.2安装Flash8,安装图例演示：第二步：接受许可证协议中的条款。,10,1.2安装Flash8,安装图例演示：第三步：选择FLASH8在硬盘中的安装位置。,11,1.2安装Flash8,安装图例演示：第四步：选择安装FLASH8播放器,12,1.2安装Flash8,安装图例演示：第五步：开始复制文件，单击“完成”安装完毕。,13,1.3Flash8的新增特性,FlashBasic8和FlashProfessional8共有的新增特性有渐变增强对象绘制模型FlashType脚本助手模式文档选项卡,14,1.3Flash8的新增特性,FlashProfessional8专属新增特性：自定义缓动控制图形效果滤镜混合模式位图开滑改进的文本消除锯齿功能新的视频编码器视频Alpha通道支持,15,1.4常见的FLASH术语,舞台时间轴帧关键帧场景,符号实例库窗口图层动作脚本组件,16,1.4.1常见术语舞台,指编辑电影（即动画）的白色矩形区域,舞台,17,1.4.2常见术语时间轴,时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。,18,1.4.3常见术语帧,帧是组成动画的基本单位。正如像素是组成位图的基本单位是一样的。下图中一个个的小格子就是帧。,19,1.4.4常见术语之关键帧,关键帧指动画制作时的关键画面，它是作用是用来定义动画中关键步骤的变化，Flash可以按照给定的动作方式，自动创建两个关键帧之间的变化过程，这使得动画的制作变得十分简单。关键帧有两种：一种是普通关键帧（即已经有对象的帧）；一种是空白关键帧（即没有对象的关键帧）,20,1.4.5常见术语场景,场景是FLASH动画的各个对象的位置关系按照一定的层状结构来呈现的舞台。动画中的场景概念与拍电影一样，也可以将多个场景连贯的形成一个完成的电影。,21,1.4.6常见术语符号,符号是可以被不断重复使用的一种特殊的对象。Flash中的符号有3种：影片剪辑（MovieClip）、按钮（Button）和图形（Graphic）。符号是Flash文件体积较小的主要原因之一。,22,1.4.7常见术语实例,当把一个符号放到舞台或别一个符中时，就创建了一个该符号的实例。如果修改符号，则所有实例都会发生改变，但修改实例不会影响符号。同一符号产生的实例，在文件保存时，都只有一个副本。,23,1.4.8常见术语库窗口,库窗口用于存放可以重复使用的符号的元素。,24,1.4.9常见术语图层,图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西，就可以透过它直接看到下一层。可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。,图层面板,25,1.4.10常见术语动作脚本,Actionscript是Flash的脚本语言。Actionscript是一种面向对象的编程语言。Flash使用Actionscript给电影添加交互性。,26,1.4.11常见术语组件,组件是用户化的通过ActionScript控制的动画,27,本章总结,Flash动画初识Flash8的安装步骤Flash8的新增特性Flash常见术语的学习,第2章Flash8基本入门,29,本章目标,熟悉Flash8的工作环境掌握设置个性化的工作界面的方法,30,2.1熟悉Flash8的工作环境,启动软件进入操作界面。首次运行时，有MacromediaFlashBasic8和MacromediaFlashProfessional8两个选项，本课中介绍的主要是MacromediaFlashProfessional8。,31,2.1熟悉Flash8的工作环境,2.1.1菜单栏2.1.2绘图工具栏2.1.3时间轴2.1.4舞台2.1.5面板,32,2.1熟悉Flash8的工作环境,界面组成,标题栏,菜单栏,绘图工具栏,面板,时间轴,舞台,33,2.1.1菜单栏,Flash8里共有十个菜单。其使用方法为：1、菜单命令后有【】：表示选择后将弹出对话框；2、菜单命令后有【】：表示选择后弹出子菜单；3、菜单命令后的组合键：即该菜单命令的快捷键,34,2.1.1菜单栏,十项菜单的主要功能【文件】菜单：用于文件操作，如创建、打开和保存文件等。【编辑】菜单：用于动画内容的编辑操作，如复制、剪切和粘贴等。【视图】菜单：用于对开发环境进行外观和版式设置，包括放大、缩小、显示网络及辅助线等。【插入】菜单：用于加入性质的操作，如新建元件、插入远景、图层和帧等。【修改】菜单：用于编辑或者更改作品中不同元素的属性。【文本】菜单：用于对文本的属性进行管理。【命令】菜单：用于对命令进行管理。【控制】菜单：用于对动画进行播放、控制和测试。【窗口】菜单：用于打开、关闭、组织和切换各种窗口面板。【帮助】菜单：用于快速获得帮助信息。,35,2.1.2绘图工具栏,绘图工具栏分为四个区：绘图工具区、视图区、颜色区和工具选项区，用较粗的深色线将工具分开放置。其中工具选项区的内容是随着当前所选工具的不同而变化的，用于对绘图工具进行细节上的设置。按住绘图工具栏顶端不放可将其变为浮动型；若双击浮动绘图工具栏的顶端又可将其固定。,36,2.1.3时间轴,时间轴是进行有关帧的层操作的地方，主要由图层、帧和播放头组成。我们经常把它分成两部分：图层操作部分和帧操作部分,图层面板,帧面板,播放头,37,2.1.3时间轴之图层,图层：图层可以看成是叠放在一起的透明胶片，除了画有图形或文字的地方，其他部分都是透明的，也就是说，下层的内容可以通过透明的部分显示。同时图层是有上下层关系的，上一层的内容会遮掉下一层相应位置的内容，图层又是相对独立的，修改其中一层的内容，不会影响到其他图层，可以在不同图层编辑不同的动画，并在放映时得到合成的效果，使用图层并不会增加动画文件的大小。,38,2.1.3时间轴之图层,图层的分类：普通层，引导层，被引导层，遮罩层，被遮罩层，辅助线层。也可用文件夹对其进行管理,39,2.1.3时间轴之图层部分,显示/隐藏所有层,锁定/解锁所有层,显示所有层的轮廓,新建图层,新建引导图层,新建图层文件夹,删除所选图层或文件夹,40,2.1.3时间轴之图层部分,图层操作新建图层选择图层（单选与多选）删除图层移动图层的位置重命名图层设置图层的显示，锁定及轮廓：ALT的使用图层的右键使用图层的属性操作,41,2.1.3时间轴之帧部分,空白帧,关键帧,空白关键帧,结束帧,补间,播放头,空白关键帧与空白帧的区别：空白关键帧是能够进行编辑的，可以在空白关键帧中添加内容使之成为关键帧；而空白帧是不能编辑的，不能为空白帧添加任何内容，而且也不能将播放头移动到空白帧处。,42,2.1.3时间轴之帧部分,播放头：播放头在时间轴上表示为一根红线，其作用是确定当前帧，播放头所在的帧即为当前帧，舞台中显示的内容即为当前帧的内容。用户选择特定的一帧，播放头会移至该帧处，也可以通过拖动播放头，来改变其位置。,43,2.1.3时间轴之帧部分,从左到右分别为：帧居中：绘图纸外观绘图纸外观轮廓多帧编辑修改绘图纸标记当前帧帧频影片播放到当前帧为止所用的时间,合称洋葱皮功能,合称时间轴状态栏,44,2.1.3时间轴之帧部分,洋葱皮功能：洋葱皮的作用是以当前帧为基准，透明地映射出洋葱皮开始标记和洋葱皮结束标记之的区域。按下洋葱皮按钮后，在播放头的两边会出现洋葱皮的开始与结束标记。可以拖动标记来改变洋葱皮的可视范围。帧频：上图中的12.0fps是指当前文档的帧频。所谓帧频，就是指导每秒钟播放头经过的帧数。,45,2.1.3时间轴之帧部分,如上所图示，单击红色矩形部分可弹出快捷菜单。用于改变时间轴上帧的显示情况。,46,2.1.3时间轴之帧部分,帧显示快捷菜单：右击弹出。可对帧进行相关操作。包括：创建新的关键帧，空白关键帧，普通帧，帧的转换，帧的复制，剪切等，还可进行帧的删除与翻转等操作。注：不同帧上右击操作所激活的快捷菜单内容是不相同的。,47,2.1.3时间轴之帧部分,帧的快捷操作【F5】：插入帧（非关键帧）。【Shift+F5】：删除帧。【F6】：转换为关键帧，并且复制前一关键帧的内容。【Shift+F6】：清除关键帧【F7】：转换为空白关键帧。【Ctrl+Alt+C】：复制帧。【Ctrl+Alt+X】：剪切帧。【Ctrl+Alt+V】：粘贴帧。,48,2.1.4舞台,舞台是进行Flash创作的工作区域，在舞台中可以对当前帧的内容进行编辑，只有在舞台的矩形区域中的内容才会最终被导出成为Flash作品。,49,2.1.4舞台,舞台的大小和背景：默认尺寸为：550400单位为像素打开对话框方法：【修改】【文档】快捷键CTRL+J未选中任何对象和工具时，属性面板上进行操作,通过该对话框还可设置文档背景颜色与帧频,50,2.1.4舞台,舞台的缩放与拖动使用舞台右上角的缩放比率输入框或通过【视图】菜单选择缩放命令进行缩放舞台的最小缩放比率为8%，最大缩放比率为2000%,51,2.1.4舞台,舞台缩放还可以通过以下方式实现：使用绘图工具栏中【查看】中的【缩放】工具，在选项中选择放大或缩小，然后单击舞台。最方便的是使用快捷键，放大使用【Ctrl+=】，缩小使用【Ctrl+-】。拖动舞台只需用手形工具（如上图所示）即可。,52,2.1.5面板的操作,Flash提供了许多功能面板，用户可以根据自己的需要，显示、隐藏和调整面板的大小，也可以组合面板并保存自定义的面板设置,标题栏,附加选项按钮,面板名称,折叠按钮,拖动按钮,53,2.1.5面板的操作,显示或隐藏面板：从【窗口】菜单中选择需要显示或隐藏的面板。要关闭面板时也可以在面板的附加选项中选择【关闭面板】选项。展开或折叠面板：单击标题栏中的【折叠按钮】。调整面板大小：拖动面板的边框。排列面板：使用【拖动按钮】可以拖曳面板，将面板的标题栏放在另一个面板上时，两个面板就会组合成组。反之可以取消组合，面板也是可以悬浮的。,快捷键的使用：F4可以快速隐藏所有面板，扩大舞台可编辑面积,54,2.1.5常用面板,属性面板：【属性】面板用来显示当前所选对象的最常用属性，并且可以对当前选中对象的各种属性进行设置。【属性】面板的内容是随着选定对象的不同而变化的。快捷键：【Ctrl+F3】,55,2.1.5常用面板,库面板。【库】面板是存放元件的地方，它还用于存储和组织导入的文件，包括位图图形、声音文件和视频剪辑。也可以在库中建立文件夹对元件进行管理。快捷键：【Ctrl+L】或F11。,56,2.1.5常用面板,公用库面板,公用库和库的功能是类似的，之所以称其为公用，是因为库中集中了一些常用的元件。用户可以定制自己的公用库。,57,2.1.5常用面板,帮助面板快捷键：F1,使用【帮助】面板可以快速地获得帮助信息。,58,2.1.5常用面板,【信息】面板中显示所选定对象的宽、高值，横、纵坐标值，色彩的RGB值，当前指针的坐标值，选定对象的注册点（即基准点）。这里设置的值与【属性】面板中的值是一致的。快捷键：【Ctrl+I】,59,2.1.5常用面板,对齐面板使用【对齐】面板可以对一个或多个对象进行对齐、分布和尺寸调整等操作快捷键：【Ctrl+K】,60,2.1.5常用面板,混色器面板：使用【混色器】面板可以创建出任意颜色，还可以指定Alpha值来定义颜色的透明度。也可设置单色，渐变色及位图的填充。快捷键：【Shift+F9】,61,2.1.5常用面板,颜色样本面板使用【颜色样本】面板可以方便选取存放在其中的预设好的各种色彩和渐变色进行填充，从而减少重复设置颜色，提高工作效率。快捷键：【Ctrl+F9】,62,2.1.5常用面板,变形面板：【变形】面板主要用于缩放、旋转和倾斜所选的对象，变形程度可通过在面板中的文本框内输入相应的数值来精确控制。快捷键：【Ctrl+T】,63,2.1.5常用面板,动作面板：【动作】面板用于影片添加脚本。Flash动画的交互性都是通过脚本（ActionScript）来实现的。快捷键：F9,64,2.1.5常用面板,行为面板【行为】面板的功能也是为影片增加交互信息。与【动作】面板不同的是，使用【行为】面板不需要编写复杂的脚本。快捷键：【Shift+F3】,65,2.1.5常用面板,组件面板：该面板提供了一些常用的组件。快捷键为【Ctrl+F7】,66,2.1.5常用面板,组件检查器面板使用组件检查器可以对按选定组件的参数、邦定和架构等信息进行查看和修改。快捷键：Alt+F7,67,2.1.5常用面板,调试器面板用于对象影片进行调试。快捷键：【Shift+F4】。,68,2.1.5常用面板,影片浏览器面板：使用影片浏览器可以轻松地查看和组织文档的内容。快捷键：【Alt+F3】,69,2.1.5常用面板,输入面板：在测试模式下，【输出】面板可显示相应的信息以帮助用户排查故障。在脚本中使用trace语句，可以向【输出】面板发送特定的信息快捷键：【F2】,70,2.1.5常用面板,辅助面板：针对需要依赖辅助技术来观赏Flash作品的用户专门设计的。快捷键：【Alt+F2】,71,2.1.5常用面板,历史记录面板：可以使用【历史记录】面板撤消或重做一个或多个步骤，也可以将面板中的操作步骤应用于文档中的其他对象。保存的操作步骤数默认为100，可以在Flash的【首选参数】中进行修改，可选级别为29999。快捷键：【Ctrl+F10】,72,2.1.5常用面板,【场景】面板它可以新建、复制和删除场景，也可以排列场景的顺序、对场景重命名。快捷键：【Shift+F2】,73,2.1.5常用面板,【字符串】面板。,74,2.1.5常用面板,WEB服务面板可以通过此面板添加为Flash提供【Web服务】的站点，形成站点列表并管理它。快捷键：【Ctrl+Shift+F10】。,75,2.2设置个性化的工作界面,2.2.1自定义面板2.2.2自定义快捷键,76,2.2.1自定义面板,保存自定义设置:打开所需要使用的面板.单击单栏中【窗口】【工作区布局】在弹出的【保存工作区布局】对话框中的【名称】中输入自己定义的名称如user,77,2.2.1自定义面板,调用自定义面板设置单击菜单栏中的【窗口】【工作区布局】【我的面板布局】删除自定义面板设置可以通过删除操作系统中自定义面板设置的文本文件来实现.具体路径见教材P42.,78,2.2.2自定义快捷键,为了满足个性化要需求，Flash还提供了自定义快捷键功能，用户可以根据自己的喜好修好默认的快捷键或创建新的自定义快捷键。【编辑】【快捷键】更改当前快捷键,79,2.2.2自定义快捷键,创建新的快捷键:创建新的快捷键设置可以分为两步，先复制原来的快捷键设置，得到一个副本，再编辑副本中的快捷键从而得到自定义的快捷键设置。,提示:具体步骤详见教材P43.,80,2.2.2自定义快捷键,删除快捷键设置单击菜单中的【编辑】【快捷键】单击【删除设置】按钮。在弹出的删除设置对话框中选中要删除的快捷键设置，单击【删除】按钮,81,本章总结,熟悉Flash8的工作环境掌握设置个性化的工作界面,第3章制作第一个动画,83,本章目标,熟悉Flash的基本操作了解动画制作的流程Flash中制作动画的方式,84,3.1动画制作的基本流程,构思动画,准备素材,设计动画,后期处理,保存并发布作品,85,3.2Flash的基本动画方式,逐帧动画补间动画,86,3.2.1逐帧动画,逐帧动画是最基本的动画方式，与传统动画制作方式相同，通过向每一帧添加不同的图像来创建简单的动画，每一帧都是关键帧，都有内容。逐帧动画经典实例:小小系列,87,3.2.2补间动画,补间动画只需要制作动画的起始状态与结束状态就可以了.其他的工作都交由FLASH完成补间动画分成形状补间和动作补间。在FLASH中，形状补间用绿色补间帧表示，动作补间用紫色的补间帧表示。如下图所示,88,3.3制作第一个FLASH作品,3.3.1运行FLASH程序3.3.2新建文档3.3.3保存文档3.3.4设置文档属性3.3.5导入外部素材3.3.6设计马的跑动3.3.7预览动画3.3.8保存作品3.3.9发布动画,89,3.3制作第一个FLASH作品,3.3.1运行FLASH程序,（运行程序后的FLASH界面）,90,3.3.2创建新文档,直接在向导中选择创建新文档或在【文件】【新建】中新建快捷键:【Ctrl+N】,91,3.3.3保存文档,单击菜单栏中的【文件】【保存】或按【Ctrl+S】组合键,92,3.3.4设置文档属性,单击菜单栏中的【修改】【文档】或按【Ctrl+】组合键,按下图所示进行设置,93,3.4.5导入外部素材,从本书附带的光盘中找到关于11张马的素材图片;新建影片剪辑元件单击菜单【插入】【新建元件】，或按【Ctrl+8】组合键弹出【创建新元件】对话框,创建名为MvHorse的影片剪辑,94,3.4.5导入外部素材,进入影片剪辑内部编辑,如下图所示红色部分表示当前处于MvHorse内部编辑,从图中可以看出,元件拥有自己独立的时间轴.,95,3.4.5导入外部素材,单击菜单【文件】【导入】【导入到舞台】，或者按【Ctrl+】组合键。选中第一个文件，确定,(导入对话框),96,3.4.5导入外部素材,提示“此文件看起来是图像序列的组成部分。是否导入序列中的所有图像？”Flash发现这个文件是一系列文件中的一个，询问是否要导入所有的图像。,如果选择“是”，将会导入该系列中的所有文件；如果选择“否”，则只导入被选中的一个文件夹。,97,3.4.5导入外部素材,选择“是”，然后将弹出【Illuustrator导入】对话框。按下图所示进行设置。,98,3.4.5导入外部素材,这时在图层的时间轴上会多出11帧，每一帧放置了一张图片，而第一帧是一个空白关键帧，如图所示。单击选中第一帧，按【shift+F5】组合键将其删除。,99,3.4.5导入外部素材,这时观察导入的奔马图片,发现它们的位置是不确定的，原因是导入的矢量图的基点不确定。如图所示为此时的洋葱皮。,100,3.4.5导入外部素材,单击【时间轴】面板下面的【编辑多个帧】按钮，这时播放的两边会出现可内见范围标记，用鼠标拖动到洋葱皮开始与结束标记，使编辑范围为所有帧。,101,3.4.5导入外部素材,按【Ctrl+A】选中所有的奔马图片，单击菜单栏中的【窗口】【对齐】，或按【Ctrl+K】组合键，打开【对齐】面板，将所有图片都对齐到舞台的正中央，此时图片全部重叠。,102,3.4.6设计马的跑动,切换至“场景”编辑窗口按【Shift+F2】调出场景面板。按场景1调出场景面板。如图左红部分所示。按编辑场景中的场景1调出场景面板。如图右红部分所示。,103,3.4.5设计马的跑动,单击【时间轴】面板，选择【图层】，将其重新命名为【Horse1】,104,3.4.5设计马的跑动,单击菜单栏中【窗口】【库】，或按【Ctrl+L】组合键，打开【库】面板，从库中选择编辑好的【MvHorse】元件，拖至舞台后释放，在舞台【Horse】图层的第帧放置一个“MvHorse”实例。,105,3.4.5设计马的跑动,选中舞台上的“MvHorse”实例，将其移出舞台的左侧边缘，如下图所示。,106,3.4.5设计马的跑动,选中【Horse】图层的第100帧，按【】键，插入关键帧并复制上一关键帧（第帧）的内容。,107,3.4.5设计马的跑动,选中第100帧舞台上的【MvHorse】实例，将其移出舞台的右侧边缘。,108,3.4.5设计马的跑动,选中第帧和第00帧之间的任意一帧，单击鼠标右键，选择快捷菜单中的【创建补间动画】命令，在第帧和第00帧之间创建出补间动画,动画制作完成！,109,3.4.6预览动画,单击菜单栏中的【控制】【测试影片】，或按【Ctrl+nter】组合键，就可以预览到动画的效果。在预览作品时，Flash会在fla文档的保存目录下，自动生成一个swf文件。,110,3.4.7保存作品,单击主工具栏中的保存按钮，或按【Ctrl+】组合键，保存fla文档。,111,3.4.8发布作品,单击菜单栏中的【文件】【发布设置】，或按【Ctrl+Shift+F12】组合键。选择“格式”选项卡中的格式，会在对话框中添加相对应的选项卡。,112,3.4.8发布作品,如果选择了“FLASH”格式，还需设置相关的内容。这里只做默认设置即可。,113,本章总结,熟悉Flash的基本操作了解动画制作的流程非常熟悉Flash中制作动画的方式,第4章绘图工具,115,本章目标,熟悉Flash的绘图工具掌握flash精确绘图的技巧,116,熟练掌握绘图工具的使用是Flash创作的基础。可分为图形绘制工具、图形编辑工具和文字编辑工具3类,4.1绘图工具,117,4.1.1图形绘制工具,使用绘图工具绘制的对象有两种：线和面画线工具直线工具主要用于绘制线段。快捷键：【N】属性：笔触须色、笔触高度和笔触样式附：画直线的同时按下shift键，可控制直线为水平、垂直或以45度为倍数角等方向。,118,4.1.1图形绘制工具,笔触样式：如果笔触下拉框不能够满足绘画要求，可以单击自定义按钮进行设置。,119,4.1.1图形绘制工具,画线工具钢笔工具用于绘制多段线和贝塞尔曲线，快捷键：【P】属性：与直线工具基本相同。但如果用钢笔工具绘制了封闭图形，则会多出填充属性。,120,4.1.1图形绘制工具,画线工具铅笔工具可以在舞台上自由地绘图，就像在纸上用铅笔绘图一样。快捷键：【Y】属性：与直线工具相同。模式：伸直，平滑，墨水三处。,121,4.1.1图形绘制工具,画线工具铅笔工具三种模式【伸直】模式：使用该模式绘制线段时，系统会忽略线条的细节部分，将图形进行规则化处理，因此该模式适合于绘制规则线条。【平滑】模式：在该模式下，系统会对线段平滑处理，适合绘制平滑曲线。【墨水】模式：在该模式下，系统会对绘制的线段不做任何处理，尽可能保持原来的样子，适合绘制自由曲线。,122,4.1.1填色工具,颜料桶工具使用【颜料桶工具】可以为绘制好的图形填充颜色，也可以更换已有的填充色。快捷键:【K】属性:【填充颜色】选项之填充空间隙:用来设置填充区域的封闭性要求,123,4.1.1填色工具,颜料桶工具【锁定填充】用来设置是否锁定填充色。在使用渐变色和位图方式填充时比较有用。,124,4.1.1填色工具,刷子工具:可以进行涂抹颜色的操作。刷子工具与铅笔工具很相似，要注意区分。刷子工具绘制的是具有面属性填充色，而铅笔工具绘制的只是线条。快捷键:【B】。【刷子工具】有4个选项：【笔刷模式】、【锁定模式】、【刷子大小】和【刷子形变】。,125,4.1.1填色工具,刷子工具:刷子的模式有五种:【标准绘画】：可以在工作区内任意刷写，刷写内容将覆盖原来的图形。【颜料填充】：刷写内容只覆盖原来图形的填充区域，不影响其轮廓。【后面绘画】：刷写内容被置于舞台的最底层，故不会影响到原来的图形。【颜料选择】：只能在选择的填充色区域内进行刷写。【内部绘画】：只在笔刷经过的第一个填充区域的内部进行刷写。,126,4.1.1填色工具,刷子工具:五种模式的效果图,127,4.1.1填色工具,【锁定填充】的使用同【颜料桶工具】。可以调整【刷子大小】和【刷子形变】参数，来修改笔刷的形状和粗细。,128,4.1.1规则图形绘制工具,椭圆工具。使用【椭圆工具】可以绘制椭圆或圆形，绘制出的图形包括轮廓与填充色。快捷键:【O】绘制椭圆的同时按下shfit可绘制正圆;按下ALT键可以鼠标点击处为中心画圆;同时按shfit+alt键可以鼠标点击处为中心画正圆;属性:设置填充属性和线条属性,129,4.1.1规则图形绘制工具,矩形工具。使用【矩形工具】可以绘制矩形或正方形图形和圆角矩形。快捷键:【R】。绘制矩形和正方形的方法与椭圆工具相同.双击矩形工具或点击工具栏中选项部分可设置圆角矩形的参数,130,4.1.1规则图形绘制工具,多角星形工具【多角星形工具】与【矩形工具】在【绘图工具栏】中占据同一个位置，按住【矩形工具】按住不放，会弹出工具选择列表,131,4.1.1规则图形绘制工具,多角星形工具多角星形工具可以绘制等边多边形或等边星形图形.属性:与矩形,椭圆基本相同.,单击【属性】面板中的选项按钮，弹出【工具设置】对话框，如衅4-18所示。,132,4.1.1规则图形绘制工具,多角星形工具【样式】用于设置绘制多边形或星形；【边数】输入框中可以输入多边形或星形的边数；【星形顶点大小】用于设置顶角锐化程度，数值越大越圆滑。,133,4.1.2选择工具,【选择工具】。主要用来选取、移动、变形对象，是使用频率最高的一个工具。快捷键:【V】。提示:无论当前在使用什么工具，如果需要临时使用【选择工具】，只需按住【Ctrl】键，当前工具就会暂时转换为【选择工具】，可执行【选择工具】的操作，一旦释放【Ctrl】键，则当前工具又切换为原来工具。,134,4.1.2选择工具,选取对象的具体方法如下:在某个对象上单击可以选择该对象。双击一个线段，可以选中与该线段连接的所有线段，双击一个填充色区域，可以选中与填充色及填充色的轮廓线。当光标位于舞台中的空白区域时显示为，表示可执行矩形选区操作，按下鼠标左键在舞台上拖曳出一个矩形区域，即可选中矩形区域中的所有对象，要取消选取，可以在舞台的空白处单击鼠标左键或者【Esc】键即可。,135,4.1.2选择工具,移动对象:略变形对象:将光标移至对象的边缘，光标会变成，表示可以调整线条的弧度，按住鼠标左键进行拖曳，可改变图形中线条的弧度。移动至对象的角点，光标会变成，表示可以调整该角点的位置，按住鼠标左键进行拖曳，可改变角点的位置。按住【Ctrl】或【Alt】键进行拖曳会生成拐角点，可以使对象形状发生很大改变。,136,4.1.2选择工具,【选择工具】还可以用于平滑或拉直处理。当选中对象为可编辑对象时，【绘图工具栏】【选项】中的平滑和伸直按钮会变成可用状态,如下图所示。该操作可以多次重复使用。,137,4.1.2部分选择工具,也称为【子选取工具】，使用【部分选取工具】可以很细致地调整图形，以达到理想的效果，快捷键：【A】操作方法：在图形边缘处单击鼠标左键，图形边缘会出现路径节点。拖曳这些节点可以改变对象的形状。单击选中其中一个节点，在此节点的两端会出现两条控制手柄。拖曳控制手柄，可以精确控制贝塞尔曲线的走向，从而获得理想的效果。如果想要单独控制一条控制手柄，另一条不受影响，可以按住【Alt】键进行拖曳,要求：使用部分选择工具，配合钢笔工具绘制心形实例,138,4.1.2套索工具,【套索工具】也是用来进行选取操作的，该工具可以自由地选取不规则形状的区域。快捷键：【L】操作方法：单击【绘图工具栏】中的【套索工具】按钮。围绕着要选择的区域拖动鼠标。点击【绘图工具栏】中的【套索工具】后，在【工具选项】中将出现【魔术棒工具】、【魔术棒属性工具】以及【多边形套索工具】选项。,139,4.1.2套索工具,使用【魔术棒工具】可以选择颜色相近的区域，一般用于删除相同颜色块。使用【魔术棒工具】工具时必须是矢量图，如不是矢量图，则必须将其打散【CTRL+B】。,140,4.1.2套索工具,【魔术棒属性工具】。使用【魔术棒属性工具】，可以修改魔术棒的【阈值】以及【平滑】两个属性。【阈值】是魔术棒选择相近颜色所允许的色差，范围为0200。【平滑】是设定选择区域边缘的光滑程度。,141,4.1.2套索工具,【多边形套索工具】。使用【多边形套索工具】可以比较准确地勾画出选择区域。在图片上单击鼠标，确定选择区域的开始位置，拖曳鼠标，拖动一个直线，再次单击，确定选择区域的第1条边线，继续将鼠标移动到下一位置。最后双击鼠标，结束选择区域。,142,4.1.2任意变形工具,使用【任意变形工具】可以对对象进行缩放以及旋转，选取【任意变形工具】快捷键：【Q】。选择【任意变形工具】以后，在【工具选项】中有4个选项：分别是【旋转与倾斜】、【缩放】、【扭曲】以及【嵌套】。提示：如果是对位图进行操作:其中后面的两个选项只有使用【Ctrl+B】将位图打碎以后才能出现。,143,4.1.2任意变形工具,旋转与倾斜：当鼠标放在四个顶角的控制点外时，可旋转当按住【Alt】键开始旋转时，将以对称点为中心点进行旋转；将鼠标移动到任意两个控制点之间的直线上时可进行倾斜。,144,4.1.2任意变形工具,缩放的使用方法当鼠标放在居中控制点上时，可进行水平或垂直方向缩放；当鼠标放在四角的控制点上时，可同时对水平和垂直方向进行缩放当按住【Shift】键开始旋转时，将以等比例进行旋转,145,4.1.2任意变形工具,扭曲的使用方法：单击选中要进行变形的图片。单击【绘图工具栏】中的【任意变形工具】按钮，在【工具选项】选中【扭曲】，在四周出现控制点。将鼠标移到任意一个控制点拖曳鼠标，图片开始发生扭曲按住【Shift】的同时通过拖曳图片边上的4个控制点来扭曲，扭曲的形状是梯子形，,146,4.1.2任意变形工具,使用【封套】的方法单击选中要进行变形的图片。单击【绘图工具栏】中的【任意变形工具】按钮，在【工具选项】选中【封套】，在四周出现控制点，拖动控制点，产生变形。,椭圆应用封套效果之后,147,4.1.2橡皮擦工具,使用【橡皮擦工具】也十分简单，只要选中【绘图工具栏】中的【橡皮筋工具】，在需要删除地位置上单击并拖曳鼠标，就可以将不需要的部分删除。快捷键：【E】【工具选项】中有以下几个：【橡皮擦模式】、【水龙头】以及【橡皮擦形状】。,148,4.1.2橡皮擦工具,五种【橡皮擦模式】【标准擦除】：擦除填充和轮廓线【擦除填色】：只擦除填充。【擦除线条】：仅擦除轮廓线。【擦除所选填充】：只擦除当前选择区域内的填充。【内部擦除】：只擦除橡皮擦经过的第一个填充区域,149,4.1.2橡皮擦工具,五种【橡皮擦模式】的不同效果,标准擦除擦除填充擦除线条擦除所选填充内部擦除,150,4.1.2橡皮擦工具,水龙头选项可以一次相连的擦除轮廓线或填充色,151,4.1.3其他工具,其他工具将在后面章节进行详细学习,152,4.2精确绘图技巧,4.2.1使用网格4.2.2使用辅助线4.2.3使用对齐面板4.2.4使用变形面板,153,4.2.1使用网格技术,使用【网格工具】可以精确绘图以及处理文本，如果在舞台上显示网格，就可以通过将对象与网格对齐，使对象放置的位置更加符合用户的要求。,154,4.2.1使用网格技术,显示和隐藏网格。选择菜单栏中的【视图】【网格】【显示网格】或者使用【Ctrl+】组合键，可以在显示和隐藏网格之间进行切换,155,4.2.1使用网格技术,贴紧至网格。贴紧至网格的主要作用是选中的对象与网格对齐，可以选择【视图】【贴紧】【贴紧至网格】命令或者是使用【Shift+Ctrl+】组合键来切换是否为贴紧至网格状态。如果为执行贴紧至网格命令状态，在相应的菜单项的左侧会出现一个勾，,156,4.2.2使用标尺和辅助线,辅助线与标尺的作用也是帮助用户精确绘图以及处理文本。显示和隐藏标尺。选择菜单中的【视图】【标尺】或者使用【Ctrl+Shift+Alt+R】组合键，可以在显示和隐藏标尺之间进行切换。,157,4.2.2使用标尺和辅助线,设置标尺。选择【修改】【文档】命令或直接【Ctrl+J】组合键，弹出【文档属性】对话框。可以对标尺的单位进行设置。,158,4.2.2使用标尺和辅助线,显示和隐藏辅助线。选择菜单中的【视图】【辅助线】【显示辅助线】或者使用【Ctrl+：】组合键，可以在显示和隐藏辅助线之间进行切换。贴紧至辅助线。操作与贴紧网格相同。一般来说，【贴紧至辅助线】的优先级别要高于【贴紧至网格】。锁定辅助线。选择【视图】【辅助线】【锁定辅助线】命令或者是使用【Shift+Alt+：】组合键可以锁定辅助线。,159,4.2.2使用标尺和辅助线,（清除辅助线。如果想要清除辅助线，可以选择【视图】【辅助线】【清除辅助线】命令。编辑辅助线。选择【视图】【辅助线】【编辑辅助线】命令，或者使用【Ctrl+Shift+Alt+R】组合键可以打开【辅助线】对话框，在其中可以对辅助线的相关参数进行设置。,160,4.2.3使用对齐面板,利用【对齐】面板可以将对象精确地对齐，选择菜单栏中的【窗口】【对齐】或者是直接按【Ctrl+K】组合键将打开【对齐】面板。,161,4.2.3使用对齐面板,对齐面板上分四类按钮：对齐类分布类匹配大小类间隔类,162,4.2.3使用对齐面板,对齐类按钮对齐类按钮主要是将对象进行对齐。分为【左对齐】按钮，【水平对齐】按钮，【右对齐】按钮，【上对齐】按钮，【垂直对齐】按钮，【下对齐】按钮。,163,4.2.3使用对齐面板,分布类按钮主要是将对象进行等距离排列。分为【顶部分布】按钮，【垂直居中分布】按钮，【底部分布】按钮，【左侧分布】按钮，【水平居中分布】按钮，【右侧分布】按钮。,164,4.2.3使用对齐面板,匹配大小类型按钮将所有的选中的对象根据对象的最大高度与宽度最行缩放。分布【匹配宽度】按钮、【匹配高度】按钮以及【匹配宽和高】按钮。,165,4.2.3使用对齐面板,间隔类按钮，使对象在水平方向与垂直方向的间隔相等。分为【垂直平均间隔】按钮以及【水平平均间隔】按钮。,166,4.2.4变形面板,使用【变形】面板可以使对象更加精确地进行缩放与旋转。选择菜单栏中的【窗口】【变形】命令，或者使用【Ctrl+T】组合键可以打开【变形】面板,167,4.2.4变形面板,该复选项被勾选可水平和垂直同时缩放,此按钮可产生复制并应用变形的效果,此按钮可将已变形的对象恢复到原始状态,168,本章总结,熟悉Flash的绘图工具掌握flash精确绘图的技巧,第5章色彩,170,本章目标,熟悉色彩的基础知识掌握使用墨水瓶工具、使用滴管工具、使用填充变形工具、使用滤镜,171,5.1色彩的基础知识,5.1.1颜色的表示方法5.1.2定制调色板5.1.3使用混色器,172,5.1.1颜色的表示方法,三基色（RGB）色彩模式:自然界里的所有颜色都是由红、绿、蓝3种颜色按照一定的比例混全而成，3种颜色按照0到255不同的组合，产生不同的颜色，例如“000000”为黑色，“FFFFFF”为白色。,173,5.1.1颜色的表示方法,HSB色彩模式：HSB色彩模式是以人类对色彩的感觉为基础，描术了颜色的3种基本特征色相（Hue）、饱和度（Saturation）和亮度（Brightness）,人眼看到任何色彩光都是我3个特征的综合效果。,174,5.1.1颜色的表示方法,色相：从反射或透过物体的颜色，在0到360度标准色轮上，按位置度量色相。饱和度：指色彩的纯度，也就是指颜色的深浅程度。一般来说色彩越鲜艳，饱和度越高。亮度：指学作用于人眼时所引起的明亮程度的感觉，它与被观察物体的发光强度有关。,175,5.1.2定制调色板,Flash中调色板的作用就是提供各种可以选择的颜色块，为Flash作品添加丰富多采彩的颜色，每一个Flash文件都含有自己的调色板。,176,5.1.2定制调色板,使用Web调色板在Flash中默认的调色板就是Web调色板，是最保险的网络像调色板，也称为Web安全色。使用这种高色板的图像所占的空间比较小，并且能保证图不失真，特别适合在网上发布。,177,5.1.2定制调色板,在调色板添加/替换颜色单击菜单栏中的【窗口】【颜色样本】或按【Ctrl+F9】组合键，找开【颜色样本】面板。,178,5.1.2定制调色板,单击【颜色样本】面板右上角的按钮，从弹出菜单丽选择【添加颜色】命令，弹出【导入色样】对话框。,179,5.1.2定制调色板,替换颜色操作方法与添加颜色相同，只是选择快捷菜单命令时不同。删除颜色单击菜单中的【窗口】【颜色样本】或按【Ctrl+F9】组合键，找开【颜色样本】面板，单击色板上的要删除的颜色，。单击【颜色样本】面板右上角的按钮，从弹出菜单中选择【删除样本】命令,180,5.1.3使用混色器,混色器是Flash有来创建和编辑纯色和渐变色的功能模块。混色器提供了常用的RGB颜色模式、HSB颜色模式以及16进制3种颜色模式。默认的颜色模式是RGB颜色模式,181,5.1.3使用混色器,混色器5种填充类型【无】：即无任何填充颜色。【纯色】：单纯的一种颜色。【放射形】：创建的渐变色从起始点到终点为一条直线。【放射形】：创建的渐变色从起始点到终点为一个圆形。【位图】：使用位图作为填充颜色。,182,5.1.3使用混色器,还可以制定Alpha值定义颜色的透明度，值在0100之间，表示完全透明，表示完全不透明。,183,5.1.3使用混色器,单击【混色器】面板右上角的按钮，从弹出菜单中选择【HSB】命令，就可以颜色模式切换到HSB模式,184,5.1.3使用混色器,实例：配合填充锁定功能制作渐变字,185,5.2使用墨水瓶,墨水瓶工具主要用于修改线条或是图形轮廓线的笔触颜色、宽度以用样式等。使用快捷键【S】可以快速地选取【墨水瓶工具】。需要注意的是，墨水瓶工具只能使用纯色，并不能使用渐变色或是位图像。,186,5.2使用墨水瓶,墨水瓶工具的属性：基本与线条设置相同。,187,5.2使用墨水瓶,注意：墨水瓶工具只能给矢量图添加线条，不能给位图添加线条。如果位图需要添加线条的话，应先将其打散。制作霓虹灯:详细步骤见教材P71。,188,5.3使用滴管工具,滴管的作用是直接从图像上采集颜色，以便用于复制，这样用户就可直接使用在图像上已经有的颜色，而不需要自己创建这颜色。,189,5.3使用滴管工具,滴管工具的操作方法:单击【绘图工具栏】中的【滴管工具】按钮.快捷键:【I】单击需要采集颜色所在地在轮廓线或填充区域，如果滴管工具接触到轮廓线时，滴管的光标附近将出现铅笔标志，单击后取得外框笔触颜色，该工具会自动变为墨水瓶工具,复制线条属性时的鼠标目标对象上应用线条属性时的鼠标,190,5.3使用滴管工具,如果滴管工具接触到内部填充时，滴管的光标附近地区将出现画笔标志，单击后取得是内部的填充颜色，该工具会自动变为颜料桶工具，,复制填充属性时的鼠标目标对象上应用填充属性时的鼠标,191,5.3使用滴管工具,图片平铺效果详细步骤见教材P73。,192,5.4使用填充变形工具,填充变形工具是对图像的填充颜色进行变形处理，一般是用于渐变色、旋转颜色以及缩放颜色等处理。,193,5.4使用填充变形工具,操作方法:选中图片，按【Ctrl+B】将它打碎。（矢量对象直接操作）单击【绘图工具栏】中的【填充变形】按钮或按快捷键【F】，此时鼠标变成。单击图片，图片的周围将出现变形控制点。拖动【移动控制点】可以重新定位填充颜色的中心点，拖动【缩放控制点】可以改变填充的高度和宽度，拖动下方的【缩放控制点】改变的是填充的高度，拖动左边的【缩放控制点】改变的是填充的宽度。拖动【旋转控制点】可以使填充颜色发生旋转变化，拖动【形变控制点】可以使填充颜色产生偏移变化，,194,5.4使用填充变形工具,填充旋转,填充缩放,填充倾斜,填充倾斜,填充中心偏移,195,5.4使用填充变形工具,制作立体球详细步骤见教材P75。,196,5.5使用滤镜,滤镜是Flash8中新增加的功能，有了这个功能，就可以达到软件处理图片产生滤镜效果了。滤镜只能使用在文本、影片剪辑和按钮上。,197,5.5使用滤镜,投影滤镜：该滤镜可以模拟对象向一个表面投影的效果，或者在背景中剪出一个形似对象的洞，来模拟对象的外观。,198,5.5使用滤镜,模糊滤镜：该滤镜可以柔化对象的边缘和细节，使对象看起来比较模糊，仿佛位于一个毛玻璃的后面或者使对象看起来好像是运动的。,199,5.5使用滤镜,发光滤镜：可以在对象的整个边缘应用颜色，使对象看上去仿佛在发光。,200,5.5使用滤镜,应用斜角滤镜：向对象应用加亮效果，使其看起来凸出于前景表面。可以创建内斜角、我斜角或者完全斜角。,201,5.5使用滤镜,渐变发光滤镜：可在发光表面产生带渐变颜色的发光效果。渐变发光要求选择一种颜色作为渐变开始的颜色，该颜色的Alpha值为0。无法移动该颜色的们置，但可以改变该颜色。,202,5.5使用滤镜,渐变斜角滤镜：可以产生一种凸效果，使得对象看起来好像从前景上凸起，且斜角表面有渐变颜色。渐变斜角要求渐变的中间有一个颜色，颜色的Alpha值为0。无法移动该颜色的位置，但可改变该颜色。,203,5.5使用滤镜,调整颜色滤镜：可以调整所选影片剪辑、按钮或者文本对象的亮度、对比度、色相和饱和度。,204,5.5使用滤镜,制作浮雕字详细步骤见教材P75。,205,本章总结,熟悉色彩的基础知识掌握使用墨水瓶工具、使用滴管工具、使用填充变形工具、使用滤镜,第6章文本,207,本章目标,了解文本工具的类型，及基本设置掌握文本的编辑、文本样式设置、文本的拼写检查熟练掌握文本的分离、文字添加链接、空心文字制作,208,6.1文本工具,6.1.1使用方法6.1.2静态文本、动态文本和输入文本,209,6.1文本工具,单击【绘图工具栏】中的【文本工具】按钮或使用快捷键，【T】将打开【文本工具】属性面板：,210,6.1文本工具,两种文本输入框模式：无宽度限制的文本输入框模式和有宽度限制的文本输入框模式。在无宽度限制的文本输入框模式中，输入框会随着用户的输入自动扩展，需要换行，可以使用【Enter】键进行手动换行，这是Flash默认的文本输入框模式。在有宽度限制的文本输入框模式中，输入框将会限制宽度，当输入文本超过限定值时，将自动换行。,211,6.1文本工具,无宽度限制的文本：输入框右上