教学课件·Flash

1、Flash CS4 Professional 实用案例教程第1章快速入门Flash 安装与启动FLASH CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG1.1 任务-01 Flash CS4 Professional的安装与启动1.1.1 任务简介 本节的主要任务是以工作过程为导向，进行Flash CS4 Professional软件的基本安装。通过软件的启动，能够带领初学者快速进入Flash CS4全新的用户界面。 任务快速流程 了解安装注意事项启动安装填入序列号确认位置进入安装完成安装。 1.1.2 知识点1.系统要求 可参照下面官方网站提供的资料进行配置：

2、 1GHz或更快的处理器 Microsoft Windows XP(带有Service Pack 2，推荐Service Pack 3)或Windows Vista Home Premium、Business、Ultimate或Enterprise（带有Service Pack 1，通过32位Windows XP和Windows Vista认证） 1GB内存 1.1 任务-01 Flash CS4 Professional的安装与启动 3.5GB可用硬盘空间用于安装; 安装过程中需要额外的可用空间（无法安装在基于闪存的设备上） 1024768屏幕（推荐1280800)，16位显卡 DVD-RO

3、M驱动器 多媒体功能需要QuickTime 7.1.2软件 在线服务需要宽带Internet连接2.安装安装前请注意：（1）在安装前关闭系统中正在运行的所有应用程序，包括其他Adobe应用程序、Microsoft Office应用程序和浏览器窗口。此外，建议在安装过程中临时关闭病毒防护程序。（2）必须具有管理权限或者能够通过管理员身份验证。1.1.3 快速上手1.安装 步骤1 启动安装程序。将软件DVD放入光盘驱动器，然后按屏幕指示操作。如果安装程序没有自动启动，请浏览位于光盘根目录下的Adobe CS4文件夹，双击Setup.exe启动安装程序，出现【正在初始化】的窗口，如图1-2、图1-3

4、所示。图1-2 Setup.exe文件 图1-3 初始化窗口 步骤2 进入欢迎窗口。接下来会出现一个【正在加载安装程序】窗口和安装的【欢迎】窗口，如图1-4、图1-5所示。1.1 任务-01 Flash CS4 Professional的安装与启动图1-4 正在加载安装程序 图1-5 【欢迎】窗口 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤3 填入序列号或选择试用。在【我有Adobe Flash CS4的序列号】选项中填入序列号，如图1-6所示；或选择【我想安装并使用Adobe Flash CS4的试用版】，单击【下一步】按钮，系统会出现一个【许可协议】

5、窗口，如图1-7所示。 图1-6 填入序列号 图1-7 【许可协议】窗口 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤4 确认安装位置。单击【接受】，出现【安装选项】窗口，可以选择默认的安装位置；如果想改变安装路径，可单击【更改】按钮，指定安装路径，如图1-8、图1-9所示。图1-8 指定安装路径 图1-9 选择安装位置 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤5 进入安装。指定安装路径后，单击【安装】按钮，进入【安装准备】和【安装进度】窗口，如图1-10、图1-11所示。图1-10 安装准备 图1-11 安装进度

6、 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤6 安装完成后，出现【注册】窗口，如图1-12所示。单击【以后注册】，进入【安装完成】界面，如图1-13所示。 图1-12 【注册】窗口 图1-13 显示安装完成 步骤7 单击【退出】按钮 ，完成系统的安装。 安装完成后，就可以启动Flash CS4 Professional来体会其强大的功能了。1.1 任务-01 Flash CS4 Professional的安装与启动2.启动 步骤1 执行【开始】【所有程序】【Adobe Flash CS4 Professional】命令，便可启动该软件；也可以在桌面上找到

7、Flash CS4 Professional图标并双击，启动该程序。如图1-14所示。图1-14 启动Flash CS4 Professional 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤2 在进入软件运行Flash时，会显示【欢迎】界面。如图1-15所示。图1-15【欢迎】界面 1.1 任务-01 Flash CS4 Professional的安装与启动1.1.4 相关知识 【欢迎】界面包含以下四个区域： 打开最近的项目：用于打开最近的文档（单击【打开】图标）。 新建：列出了Flash文件类型，如Flash文件和ActionScript文件。 从模板

8、创建：列出创建Flash文档最常用的模板。 扩展：链接到Flash Exchange网站，可以在其中下载助手应用程序、扩展功能以及相关信息。 【欢迎】界面还提供对“帮助”资源的快速访问。可以浏览Flash、了解有关文档资源以及查找Adobe授权的培训机构。 若要隐藏【欢迎】界面，选择【不再显示】；若要显示【欢迎】界面，选择【编辑】【首选参数】命令，然后从【常规】类别的【启动时】菜单中选择【欢迎屏幕】。1.1 任务-01 Flash CS4 Professional的安装与启动1.2.1 任务简介 通过“初觉体验认识全新的工作界面”、“功能体验了解优化的动画工具和全新的功能”，了解用户界面及部分

9、新增功能。通过对工具功能的介绍，全面认识和了解全新的Flash CS4 Professional。 任务快速流程 初觉体验启动软件界面布局功能体验新增工具和部分新功能。 1.2.2 快速浏览1.初觉体验认识全新的工作界面 启动Flash CS4 Professional，启动后的工作界面如图1-16所示。1.2 任务-02 认识全新的Flash CS4 Professional图1-16Flash CS4 Professional主界面 1.2 任务-02 认识全新的Flash CS4 Professional2. 功能体验了解优化的动画工具和全新的功能 （1）基于对象的动画 这一新功能的加入

10、使过去繁琐的引导层动画制作变得简单且轻松。 使用基于对象的动画能够对个别动画属性实现全面控制, 将补间直接应用于对象而不是关键帧。使用贝赛尔手柄可轻松更改运动路径。如图1-17所示。图1-17 基于对象的动画 1.2 任务-02 认识全新的Flash CS4 Professional （2）3D转换 基于Aiction Script 3.0的3D平移和旋转工具的引入是一项创新的举动，可以通过全新3D旋转和移动工具为原本2D对象添加具有空间感的补间动画：可以沿x、y、z轴任意旋转和移动对象，将本地或全局转换应用于任何对象，从而产生极具透视效果的动画。遗憾的是视角不能发生改变，即视觉的焦点为画布的

11、中心位置，如图1-18所示。图1-18 3D转换1.2 任务-02 认识全新的Flash CS4 Professional （3）反向运动与骨骼工具 如果说动画元件的3D移动与旋转还不足以令人兴奋的话，那么骨骼动画工具的引入对Flash系列软件而言绝对是场革命，骨骼动画工具将会大大提高动画制作的效率。可以使用一系列链接对象，创建类似于链的联动动画效果, 或使用全新的骨骼工具控制单个形状的扭曲及变化，如图1-19所示。图1-19 反向运动与骨骼工具 1.2 任务-02 认识全新的Flash CS4 Professional （4）使用Deco（装饰）工具和喷涂刷实现程序建模 将任何元件转变为即时

12、设计工具。以各种方式应用元件：使用Deco（装饰）工具快速创建类似于万花筒的效果并应用填充, 或使用喷涂刷在定义区域随机喷涂元件。特别适合添加一些特殊效果，比如星光、雪花、落叶等画面元素，极大地拓展了Flash的表现力。如图1-20所示。图1-20 使用喷涂刷在定义区域随机喷涂元件 1.2 任务-02 认识全新的Flash CS4 Professional （5）动画编辑和动画预设 使用全新的动画编辑器体验对关键帧参数的细致控制, 这些参数包括旋转、大小、缩放、位置和滤镜等。使用图形显示以全面控制轻松实现调整。如图1-21所示。图1-21 动画预设 1.2 任务-02 认识全新的Flash C

13、S4 Professional （6）元数据(XMP)支持 使用全新的XMP面板向SWF文件添加元数据。快速指定标记以增强协作和移动体验。如图1-22所示。图1-22 元数据(XMP)支持1.2 任务-02 认识全新的Flash CS4 Professional1.2.4 相关知识 1.针对Adobe AIR进行创作新增功能 2.全新Adobe Creative Suite界面新增功能 3.H.264支持新增功能 4.Kuler调板 如图1-23所示。 要了解Kuler，可单击【关于】，打开Kuler在线社区；单击【浏览】，查找和使用颜色主题；单击【创建】，创建颜色主题。 5. 社区帮助1.2

14、 任务-02 认识全新的Flash CS4 Professional图1-23 Kuler调板1.2 任务-02 认识全新的Flash CS4 Professional1.3.1 任务简介 本任务借助Flash CS4 Professional界面的灵活性，了解和掌握“自定工作区”的方法，轻松创建和保存“自定工作区”。 1.3.2 知识点 通过本任务中【工作区切换器】的应用，掌握快速“自定工作区”的方法。1.3.3 快速上手 步骤1 选择【工作区切换器】即单击【基本功能】右侧的下拉菜单，如图1-24所示。从选项中选择【动画】，切换到【动画】工作区界面如图1-25所示。图1-24 工作区转换器

15、1.3 任务-03 自定义工作区图1-25 【动画】工作区 1.3 任务-03 自定义工作区 步骤2 单击【工作区转换器】或选择【窗口】【工作区】【传统】切换为传统工作区，如图1-26所示。从应用程序栏上的【工作区切换器】选择【新建工作区】或【管理工作区】，可以【新建】、【删除】工作区。选择【重置基本功能】，可以重置工作区。 图1-26 【传统】工作区 1.3 任务-03 自定义工作区1.3.4 相关知识1.使用标尺 （1）选择【视图】【标尺】，可以显示或隐藏标尺。在显示标尺的情况下移动舞台上的元素时，将在标尺上显示几条线，指出该元素的尺寸。 （2）选择【修改】【文档】，然后从【标尺单位】菜单

16、中选择一个单位指定文档的标尺度量单位。2.使用网格 （1）选择【视图】【网格】【显示网格】或按Ctrl+”（引号），网格将在文档的所有场景中显示为插图之后的一系列直线。 （2）选择【视图】【贴紧】【贴紧至网格】或【视图】【网格】【编辑网格】，然后从选项中进行选择。单击【保存默认值】，可保存当前设置。3.使用辅助线 （1）选择【视图】【辅助线】【显示辅助线】，可以显示或隐藏辅助线；也可以在显示标尺时，从标尺上将水平辅助线和垂直辅助线拖动到舞台上。1.3 任务-03 自定义工作区还可以使用【选取工具】单击标尺上的任意一处，将辅助线拖到舞台上需要的位置，移动辅助线。 （2）选择【视图】【贴紧】【贴紧

17、至辅助线】，可以打开或关闭【贴紧至辅助线】。 （3）在辅助线处于解除锁定状态时，使用【选取工具】将辅助线拖到水平或垂直标尺上，可以删除辅助线。 （4）选择【视图】【辅助线】【锁定辅助线】或【清除辅助线】，可以锁定或清除辅助线。4.设置“首选参数” 可以设置常规应用程序操作、编辑操作和剪贴板操作的“首选参数”。 （1）选择【编辑】【首选参数】，打开【首选参数】对话框，如图1-27所示。1.3 任务-03 自定义工作区（2）在“类别”列表中选择一个类别，并从各个选项中进行选择。图1-27 【首选参数】对话框 1.3 任务-03 自定义工作区5.定义“快捷键” （1）选择【编辑】【快捷键】命令，打开

18、【快捷键】对话框，如图1-28所示。 （2）在【命令】处找到所要设置快捷键的菜单命令并单击。 （3）在键盘上按下所要采用的键盘组合键，如果系统不出现黄色惊叹号提示，则证明该键盘快捷键已成功定义。 （4）单击 即可。1.3 任务-03 自定义工作区Flash CS4 Professional 实用案例教程FLASH CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG主编：洪 光本章小结 本章主要介绍了Flash的发展历程、特点，还特别介绍了Adobe Flash CS4 Professional这一软件的基本安装与启动。详细的安装步骤图示，将带领初学者快速进入Adob

19、e Flash CS4 Professional全新的用户界面，其全新的功能令人耳目一新。通过本章Flash CS4 Professional部分新增功能的介绍，将激发起学习者对Flash CS4学习的兴趣。Flash CS4 Professional 实用案例教程第2章耳目一新Flash CS4 工作环境FLASH CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG主编：洪 光2.1 任务-01 使用工具栏及工具面板2.1.1 任务简介 本任务通过显示或隐藏“主工具栏”、展开或折叠常用“工具面板”的操作、认识和了解“主工具栏”及常用“工具面板”的功能及使用方法。掌

20、握应用其中的工具，快速进行对动画文件的相关操作。任务快速流程 启动Flash显示主工具栏认识快捷按钮展开或折叠工具面板自定义工具面板。2.1.2 知识点“主工具栏”中各种快捷按钮的功能及常用“工具面板”的基本操作。 2.1.3 快速上手1.安装 步骤1 选择【窗口】【工具栏】【主工具栏】（控制器、编辑栏）便可以打开“主工具栏”，如图2-1所示。2.1 任务-01 使用工具栏及工具面板图2-1 主工具栏 步骤2 再次选择上述命令，可以隐藏“主工具栏”（控制器、编辑栏）。2.主工具栏中常用工具介绍 主工具栏中的按钮见表2-1。图 标名 称功 能新建创建一个新的动画文件打开打开一个已经存在的动画文件

21、转到Bridge转到Bridge浏览器保存将当前动画文件保存为扩展名为.fla的存盘文件打印打印当前动画文件表2-1 Flash CS4 Professional主工具栏按钮名称及功能2.1 任务-01 使用工具栏及工具面板图 标名 称功 能剪切剪切选定范围并放入剪贴板中复制复制选定范围并放入剪贴板中粘贴插入剪贴板中存入的内容撤消取消上一个动作重做重做上一个撤消的动作对齐对象打开或关闭对齐对象功能平滑自动平滑化选定的范围伸直自动直线化选定的线段旋转与倾斜显示控制点用来旋转或倾斜选定的范围缩放显示控制点用来放大或缩小选定的范围对齐打开【对齐】面板，对齐并平均分配选定绘图部分的空间表2-1 Fla

22、sh CS4 Professional主工具栏按钮名称及功能2.1 任务-01 使用工具栏及工具面板3. 工具面板的基本操作 Flash CS4的【工具】面板如图2-2所示。 步骤 1 选择【窗口】【工具】命令，可以控制【工具】面板的显示与隐藏。 步骤 2 单击【工具】面板上方的双箭头可在“展开面板”和“折叠为图标”两种状态间变换。 步骤 3 有些工具的右下角有一个黑色三角形，标明该工具下还有其他隐含工具，单击该工具后稍停片刻，便可弹出隐含的工具，选择其中某一工具，在工具面板中便会显示该工具。 【工具】面板中的工具按照功能还可分为：绘制工具、选择工具、编辑工具和辅助绘图工具等，如图2-3所示

23、2.1 任务-01 使用工具栏及工具面板图2-2 拖出的【工具】面板 图2-3 【工具】面板 2.1 任务-01 使用工具栏及工具面板4. 自定义工具面板 步骤1 选择【编辑】【自定义工具面板】可以打开【自定义工具面板】对话框，如图2-4所示。 图2-4 【自定义工具面板】对话框 2.1 任务-01 使用工具栏及工具面板 步骤2 单击【工具】面板图像中的一个工具或使用方向键，可在工具之间循环切换以指定位置并分配其他工具。 步骤3 在【可用工具】列表中选择该工具，然后单击【添加】，可以将该工具添加到所选位置或将一个工具分配给多个位置。 步骤4 在【当前选择】滚动列表中选择该工具，然后单击【删除】

24、，可以从所选位置删除某个工具。 步骤5 单击【自定义工具面板】对话框中的【恢复默认值】，可以恢复默认工具面板布局。 步骤6 单击【确定】，应用所做的更改并关闭【自定义工具面板】对话框。 2.1.4 相关知识 应用程序窗口顶部的菜单栏中选择打开【主工具栏】面板的同时，还可以打开带有用于控制功能命令的【控制器】面板。 位于舞台顶部的“编辑栏”包含的控件和信息可用于编辑“场景”和“元件”并更改舞台的缩放比率级别。2.2 任务-02 使用常用功能面板2.2.1 任务简介 本任务主要进行对常用功能面板操作方法的介绍。通过对11个面板的简单操作，了解面板的一般操作，为应用这些功能面板顺利进行动画制作奠定基

25、础任务快速流程 启动Flash选择工具打开面板应用面板完成预定任务。 2.2.2 知识点 重点掌握选择所需工具，打开工具【属性】面板，设置工具属性等操作方法。 2.2.3 快速上手1.属性面板 【属性】面板中集成了多个常用面板集，可根据用户当前所选工具进行操作的不同，动态地进行改变。当用户未选择任何工具或所选工具没有设置项时在【属性】面板中将显示当前的文档属性，如图2-5所示。2.2 任务-02 使用常用功能面板 步骤1 单击【属性】面板上方灰色的边框，可在“展开面板”和“折叠为图标”两种状态间变换。如图2-6所示。 步骤2 当用户选择某一工具（如线条工具）时，【属性】面板中将显示该工具（线条

26、工具）的设置，如图2-7所示。图2-5 显示当前的文档属性 图2-6 折叠为图标 图2-7 显示线条工具的设置 2.2 任务-02 使用常用功能面板2.颜色面板【颜色】面板主要用来对图形对象进行颜色设置。 步骤1 选择【窗口】【颜色】或按下Shift+F9键，打开【颜色】面板，如图2-8所示。 步骤2 在舞台上选择一个或多个对象，在颜色的“类型”下拉列表中可选择“纯色”、“线性”、“放射状”、“位图”选项。利用【颜色】面板上的扩展滑块选择RGB值调整颜色，如图2-9所示。步骤3 单击“笔触”颜色或“填充”颜色图标来指定要修改的属性。 步骤4 在颜色范围中单击，选择一种颜色。拖动“亮度”控件来调

27、整颜色的亮度，如图2-10所示。2.2 任务-02 使用常用功能面板图2-8 【颜色】面板 图2-9 修改RGB 图2-10 选择颜色及亮度 2.2 任务-02 使用常用功能面板 步骤5 可在颜色值文本框中输入颜色值：对于RGB显示，输入的是红、绿和蓝的值；对于十六进制显示，输入的是十六进制值。输入一个Alpha值来指定透明度，其范围为从表示完全透明的0到表示完全不透明的100。 步骤6 要向当前文档的颜色样本列表中添加自定义的颜色，单击调色板右上方的拾色按钮 ，弹出如图2-12所示的【颜色】对话框。单击对话框中近似的基本颜色，然后用鼠标在旁边的拾色区中选择颜色，并滑动右侧的小三角设置亮度，从

28、而定制出满意的颜色。单击【添加到自定义颜色】按钮，当前设定的颜色将添加到自定义选项区。2.2 任务-02 使用常用功能面板图2-11 调色板 图2-12 【颜色】对话框 注意： 填充“渐变色”指填充“线性渐变”色和“放射状渐变”色。 填充渐变色的操作如下：步骤1 在工作区中选择应用渐变色的实例。2.2 任务-02 使用常用功能面板 步骤2 在【颜色】面板的“类型”下拉列表中选择一种渐变类型，如图2-13所示。 线性：用于创建从起始点到终点沿直线逐渐变化的渐变。 放射状：用于创建从起始点到终点按照环形向四周逐渐变化的渐变。 步骤3 单击渐变定义栏下面的任意指针，可以更改渐变中的颜色。在展开的渐变

29、栏的颜色区域内单击鼠标，该指针显示选择的颜色。步骤4 要向渐变中添加颜色，在渐变定义栏的下面单击即可。 步骤5 要重新放置渐变定义栏上的指针，可沿着渐变定义栏拖动指针。在Flash CS4 Professional中最多可以设置15个指针，如图2-14所示。将指针向下拖离渐变定义栏可以删除它。 步骤6 要保存自定义的渐变色，可单击【颜色】面板右上角的扩展按钮，并从弹出菜单中选择【添加样本】，即可将渐变添加到当前文档的【样本】面板中，如图2-15所示。2.2 任务-02 使用常用功能面板图2-13 选择填充渐变 图2-14 最多放置15个指针 图2-15 添加样本 3. 【样本】面板 选择【窗口

30、】【样本】，打开【样本】面板，如图2-16所示。2.2 任务-02 使用常用功能面板4.【信息】面板 选择【窗口】【信息】，打开【信息】面板，如图2-17所示。图2-16 【样本】面板 图2-17 【信息】面板 2.2 任务-02 使用常用功能面板5.【场景】面板如需在动画中添加场景，可以执行以下操作： 步骤1 选择【插入】【场景】选择【窗口】【设计面板】【场景】命令，打开【场景】面板，如图2-18所示。 步骤2 选择【场景】面板上的【添加场景】按钮 、【重制场景】按钮 、【删除场景】按钮 ，可以添加、重制和删除场景。如图2-18所示。6.【动作】面板 选择【窗口】【动作】或按下F9键，打开【

31、动作】面板，如图2-19所示。 2.2 任务-02 使用常用功能面板图2-18 【场景】面板 图2-19 【动作】面板 2.2 任务-02 使用常用功能面板7【组件】面板和【组件检查器】面板 选择【窗口】【组件】或【组件检查器】，打开【组件】或【组件检查器】面板，面板中显示的默认组件已经被很好地封装起来，用户只需要进行简单拖动，就可以直接使用组件，这样大大降低了影片的制作难度，提高了开发效率。【组件】和【组件检查器】面板如图2-20、图2-21所示。图2-20 【组件】面板 图2-21 【组件检查器】面板 2.2 任务-02 使用常用功能面板8【调试器】面板如图2-22所示。图2-22 【调试

32、器】面板 2.2 任务-02 使用常用功能面板9【输出】面板 选择【窗口】【输出】或按下F2键，可以显示【输出】面板，输出的错误信息如图2-23所示。 10【WEB服务】面板 选择【窗口】【其他面板】【WEB服务】，打开【WEB服务】面板如图2-24所示。图2-23 【输出】面板 图2-24 【WEB服务】面板 2.2 任务-02 使用常用功能面板11【项目】面板 选择【窗口】【其他面板】【项目】，可以打开【项目】面板，如图2-25所示。图2-25 【项目】面板 2.3 一般Flash的工作流程 要构建Flash应用程序，通常需要执行下列基本任务： （1）计划应用程序。确定应用程序要执行哪些基

33、本任务。 （2）添加媒体元素。创建并导入媒体元素，如图像、视频、声音和文本等。 （3）排列元素。在舞台上和时间轴中排列这些媒体元素，以定义它们在应用程序中显示的时间和显示方式。 （4）应用特殊效果。根据需要应用图形滤镜（如模糊、发光和斜角）、混合其他特殊效果。 （5）使用ActionScript控制行为。编写ActionScript代码以控制媒体元素的行为方式，包括这些元素对用户交互的响应方式。 （6）测试并发布应用程序。进行测试以验证应用程序是否按预期工作，查找并修复所遇到的错误。在整个创建过程中应不断测试应用程序。将fla文件发布为可在网页中显示并可使用Flash Player播放的swf

34、文件。 根据不同的项目和工作方式，可以按不同的顺序使用上述步骤。Flash CS4 Professional 实用案例教程FLASH CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG主编：洪 光本章小结 本章介绍了Flash CS4 Professional“主工具栏”、“工具面板与常用功能面板”的使用方法以及“工具箱”的基本操作、“自定义工具面板”、“常用功能面板”的操作等，还介绍了“一般Flash的工作流程”。Flash中的大部分菜单命令都集成在不同的面板中，因此，对于面板的了解和掌握及快速应用是至关重要的，有助于提高动画制作效率。在这里我们只介绍了各面板的功

35、能，具体操作将在后面动画制作内容中详细讲解。Flash CS4 Professional 实用案例教程第3章得心应手绘图工具FLASH CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG主编：洪 光3.1 任务-01 了解绘制模式与图形对象 3.1.1 任务简介 通过简单应用Flash CS4中的绘图工具，选择不同的绘制模式，创建几种不同类型的图形对象，可以了解图形对象类型的特点，可以就使用何种模式绘制图形对象做出最佳决定，这些图形对象各有利弊。任务快速流程 选择绘图工具选择绘制模式绘制图形调整图形完成绘制保存图形文件。 3.1.2 知识点 了解不同绘制模式的特点，

36、注意观察在绘制图形对象时不同的外观特征和形状，如笔触与填充的不同属性；了解“图元绘制”模式在绘制图形后，在【属性】面板中精确调整图形对象的特征和形状的方法，为应用绘图工具绘制各种图形奠定基础。3.1 任务-01 了解绘制模式与图形对象 3.1.3 快速上手1. 合并绘制模式默认情况下，Flash使用合并绘制模式。如图3-1所示。 当“合并模式”绘制的形状既包含笔触又包含填充时，笔触与填充是分离的，会被视为可以进行独立选择和移动的单独的图形元素，当笔触与填充相交时则会分割图形。 图3-1默认的合并绘制模式效果 3.1 任务-01 了解绘制模式与图形对象 笔触与填充的不同属性如图3-2所示。图3-

37、2 笔触与填充的不同属性 2. 对象绘制模式要使用“对象绘制”模式绘制形状，必须显示启用它。操作如下： 步骤1 选择一个支持“对象绘制”模式的绘画工具（如铅笔、线条、钢笔、刷子、椭圆、矩形和多边形工具）。 步骤2 从【工具】面板的“选项”类别中选择【对象绘制】按钮 或按下快捷键J，可在“合并绘制”与“对象绘制”模式之间切换。3.1 任务-01 了解绘制模式与图形对象 步骤3 选择使用“对象绘制”模式创建的形状时，可以设置“首选参数”中的接触感应。 步骤4 选择【修改】【合并对象】【联合】命令，可将两个或多个“合并绘制”模式的形状转换为“对象绘制”模式。绘制、转换、合并后的效果如图3-3所示。

38、图3-3绘制、转换、合并的图形效果 3.1 任务-01 了解绘制模式与图形对象 3. 图元绘制模式 “图元绘制”模式允许在【属性】面板中调整图形对象的特征和形状。可以在创建了形状之后，精确地控制形状的大小、边角半径以及其他属性，而无需从头开始绘制。该模式有两种可用的图元：【矩形图元】和【椭圆图元】。 使用【基本矩形工具】 或【基本椭圆工具】 创建矩形或椭圆时，与使用“对象绘制”模式创建的形状不同，Flash会将形状绘制为独立的对象。这种新增加的“图元绘制”模式方便了图形的绘制和编辑，极大地提高了工作效率。 创建基本形状后，可以选择舞台上已绘制完成的矩形或椭圆形状，使用【椭圆图元】、【矩形图元】

39、属性面板中的控件进一步修改形状或指定填充和笔触颜色，如图3-4、图3-5所示。3.1 任务-01 了解绘制模式与图形对象 图3-4 【椭圆图元】属性面板 图3-5 【矩形图元】属性面板 应用“图元绘制”模式绘制的图形效果如图3-6所示。3.1 任务-01 了解绘制模式与图形对象 图3-6 应用“图元绘制”模式绘制的图形 3.2 任务-02 了解位图与矢量图 3.2.1 任务简介 矢量图形使用矢量的直线和曲线描述图像。位图图像（技术上称为栅格图像）使用颜色网格（也就是常说的像素）来表现图像。了解矢量图形和位图图像的差别，对于在不同领域中应用这两种不同格式的图形图像是极具意义的。3.2.2 知识点

40、1. 矢量图形 一个矢量图形实际上是由穿过许多点的线条组成的，可以构成图形的外框轮廓。矢量图形的颜色是由外框的颜色和外框所封闭区域的颜色决定的。编辑矢量图形时，实际上是在修改描述图形形状的直线和曲线的属性。矢量属性还包括颜色和位置属性。用户可以移动图形、重新调整图形的大小和形状以及改变图形颜色等，这些修改丝毫不会损伤矢量图形的外观质量。 矢量图形与分辨率无关，如图3-7所示。 2. 位图图像 3.2 任务-02 了解位图与矢量图 每个像素都有自己特定的位置和颜色值。位图图像是连续色调图像（如照片或数字绘画）最常用的电子媒介，因为它们可以表现阴影和颜色的细微层次大部分的图像处理软件，如Photo

41、shop等，使用的都是位图格式的图像。 位图图像和分辨率有关，如图3-8所示。图3-7 矢量图 图3-8 位图 3.3 任务-03 绘制“金钥匙”案例 本任务主要应用“线条工具”、“椭圆工具”和“基本椭圆工具”绘制基本图形，在工具属性面板中设置相关工具属性，用“选择工具”和“任意变形工具”调整图形，用“颜料桶工具”填充颜色，完成绘制“金钥匙”图形的任务。 3.3.1 任务简介 本任务主要是完成绘制一把呈现金属质感的“金钥匙”。绘制完成的“金钥匙”效果如图3-9所示。 图3-9 “金钥匙”效果图任务快速流程 新建文件设置笔触编辑笔触绘制图形调整形状填充颜色保存图形文件。 3.3.2 知识点 绘制

42、“金钥匙”主要应掌握应用线条工具、椭圆工具、基本椭圆工具快速绘制图形的方法以及应用颜料桶工具填充颜色，增加图形金属质感的方法和技巧。3.3 任务-03 绘制“金钥匙”案例3.3.3 快速上手点击查看绘制“金钥匙”任务详细步骤3.3 任务-03 绘制“金钥匙”案例3.3.4 相关知识1. 线条工具 【线条工具】主要用来绘制直线。使用该工具可以轻松地绘制出平滑的直线。在【属性】面板中可以设置“笔触样式”、“笔触高度”、“笔触颜色”等直线的属性。注意： 在使用【线条工具】绘制直线时，如果按下Shift键的同时拖曳鼠标，可以绘制出垂直、水平或45斜线。2. 椭圆工具 与矩形工具 【椭圆工具】主要绘制椭

43、圆、圆形。【矩形工具】除可以绘制矩形、正方形外，还可以绘制出带有圆角的矩形。 在【属性】面板可以预先设置“笔触样式”、“笔触高度”、“笔触颜色”等属性。在选项部分，可设置椭圆的角度及矩形的圆角。按下Alt键并单击工作区，会显示【椭圆设置】与【矩形设置】对话框，可为椭圆或矩形指定宽度和高度（以像素为单位）以及是否从中心绘制椭圆和矩形。3. 基本椭圆工具 与基本矩形工具 使用【基本椭圆工具】与【基本矩形工具】创建椭圆或矩形时，与使用对象绘制模式创建的形状不同，Flash会将形状绘制为独立的对象。可以使用【属性】面板中的控件，指定椭圆的“起始角度”、“结束角度”和“内径”以及矩形的“角半径”。创建基

44、本形状后，可以选择舞台上的形状，然后调整【属性】面板中的控件来更改半径和尺寸。 提示： 只要选中这两个基本对象绘制工具中的一个,【属性】面板就将保留上次编辑的基本对象的值。例如，在修改一个椭圆或矩形后绘制另一个椭圆或矩形时。3.3 任务-03 绘制“金钥匙”案例4. 选择工具 3.3 任务-03 绘制“金钥匙”案例选择工具没有相应的属性面板，只有一些相应的附加选项。（1）贴紧至对象 选项中提供了一个【贴紧至对象】按钮 ，主要是用来准确对齐线条上的点或对象的中心点。当按下按钮拖曳对象时，鼠标指针上将显示一个小圆圈，这个小圆圈可以帮助用户执行对齐或吻合功能，就好像有磁铁吸引一样。（2）平滑与伸直

45、此功能可以将绘制出来的线条修饰得更平滑更平整。选中一个线条后，多次单击【平滑】按钮 和【伸直】按钮 ，可以对线条进行处理，直到达到要求为止。 （3）选择对象的两种方法点选：如图3-25所示。圈选：如图3-26所示。3.3 任务-03 绘制“金钥匙”案例图3-25 边线与对象分离 图3-26 圈选部分对象 5. 任意变形工具 单击工具箱中的【任意变形工具】，单击工作区中要变形的对象，就会出现一个调整框和9个控制点，利用这些控制点便可以调整所选对象了，如图3-27所示。 任意变形工具的【工具】面板下方的选项中有一些相应的附加选项，具体选项如图3-28所示。3.3 任务-03 绘制“金钥匙”案例图3

46、-27 调整框和9个控制点 图3-28 【任意变形工具】的选项 缩放 ：变形效果如图3-29、图3-30、图3-31所示。图3-29 水平缩小 图3-30 垂直缩小 图3-31 水平、垂直同时放大 3.3 任务-03 绘制“金钥匙”案例 扭曲 ：扭曲变形的效果如图3-35所示。图3-35 扭曲变形的效果 图3-36 应用封套进行变形 注意： 要进行扭曲变形的对象必须是矢量图。其他形式的位图必须先进行打散或转换成矢量图，这是进行扭曲操作的前提条件。 封套 ：封套变形的效果如图3-36所示。3.4 任务-04 绘制“奥运五环”案例3.4.1 任务简介 绘制“奥运五环”主要通过“基本椭圆工具”的应用

47、，“椭圆图元属性”面板的设置，“图元绘制”模式与“对象绘制”模式的转换，线条与填充的区别等知识，快速绘制出“奥运五环”效果。绘制完成的“奥运五环”效果如图3-37所示。图3-37“奥运五环”效果图任务快速流程 基本椭圆工具椭圆图元属性绘制图形调整形状填充颜色保存图形文件。 3.4.2 知识点 快速完成绘制“奥运五环”的任务主要通过“图元绘制”模式与“对象绘制”模式的转换，线条与填充的属性等来完成。3.4.3 快速上手点击查看绘制“奥运五环”任务详细步骤3.4 任务-04 绘制“奥运五环”案例3.4.4 相关知识1. 对象位置的管理（1）对象的移动 可以使用【选择工具】 直接拖动对象来随意移动对

48、象位置，也可以通过相应的控制面板精确地指定对象的位置。具体有以下几种方法： 使用键盘上的方向键移动对象 使用信息面板移动对象 通过复制粘贴命令移动对象（2）使用【对齐】面板进行位置管理 选择【窗口】【对齐】或按下Ctrl+K键，可打开【对齐】面板，如图3-47所示。 图3-47【对齐】面板3.4 任务-04 绘制“奥运五环”案例2.【颜料桶工具】 【颜料桶工具】可以对定义区内的图像填入纯色、渐变色和位图。既可以填充空白区域也可以更改已着色区域的颜色；还可以用颜料桶工具对一个未完全封闭的区域进行填充。该工具属性设置比较简单，只有一个填充颜色选项，如图3-48所示。3.【橡皮擦工具】 【橡皮擦工具

49、】用于擦除图形的轮廓线条或填色区域，也可以擦除工作区中任何内容。当选择【橡皮擦工具】后，该工具并没有属性设置，只有相应的附加选项，如图3-49所示。图3-49 【橡皮擦工具】选项 （1）五种擦除模式 如图3-503-54所示。 （2）水龙头 ：只需在要擦除的填充色或者轮廓线上单击一下便可将图形的填充色整体去掉，或将轮廓线全部擦除，如图3-55、图3-56所示。3.4 任务-04 绘制“奥运五环”案例 （3）橡皮擦形状 ：单击该选项，可以选择橡皮擦形状和大小。同时要确保“水龙头”功能没有被选中。图3-50 标准擦除 图3-51 擦除填色 图3-52 擦除线条 图3-53 擦除所选填充 图3-54

50、 内部擦除 图3-55 用水龙头擦除的填充色 图3-56 用水龙头擦除的轮廓线 注意： 橡皮擦的外观可以自行选定，既可以是圆形的，也可以是方形的，各有五种形状。 3.5 任务-05 绘制“足球”案例3.5.1 任务简介 绘制“足球”主要通过“多角星形工具”的应用、“属性”面板的设置，“对象绘制”模式的选择，线条的编辑与填充的设置，快速绘制出一个逼真的“足球”。完成“足球”的绘制后，导入位图，添加背景，效果如图3-57所示。任务快速流程 新建文件绘制多边形排列多边形编辑多边形绘制球体填充颜色、滤镜保存文件。 图3-57绘制完成的“足球”效果图3.5.2 知识点 本任务主要应用多角星形工具属性的设

51、置，绘制球体。为使“足球”效果更加逼真，将绘制完成的“足球”图形转换为“影片剪辑”元件，并添加滤镜“阴影”效果。3.5.3 快速上手3.5 任务-05 绘制“足球”案例点击查看绘制“足球”任务详细步骤3.6 任务-06 绘制“五星红旗”案例 本任务将要应用“多角星形工具”中的“星形”工具设置，制作一面“五星红旗”。3.6.1 任务简介 绘制“五星红旗”主要应用绘图工具中的“多角星形工具”中的“星形”工具设置以及辅助绘图工具中的“标尺”和“网格”，采用“对象绘制”模式，快速完成绘制。还可以应用“任意变形工具”对“五星红旗”进行调整，以增添动感效果。绘制完成的“五星红旗”如图3-78、图3-79所

52、示。 图3-78“五星红旗”效果图 图3-79增添动感效果图 3.6 任务-06 绘制“五星红旗”案例任务快速流程 新建文件设置属性矩形工具星形工具调整星形填充颜色保存文件。 3.6.2 知识点 在完成绘制“五星红旗”的过程中应用了【工具】面板中的【对象绘制】模式 ，保证了绘制过程中随时可以编辑大小五角星。还要特别注意“五角星”的位置和角度。3.6.3 快速上手点击查看绘制“五星红旗”任务详细步骤3.6 任务-06 绘制“五星红旗”案例3.6.4 相关知识 【多角星形工具】是矩形工具的扩展，使用它可以很方便地绘制出多边形和星形。当选中【多角星形工具】时，在【属性】面板中将出现与该工具相关的属性

53、。该工具属性选项与【矩形工具】的类似，只是多了一个按钮，按下该按钮，在弹出的【工具设置】对话框中可以进行相应设置，如图3-90所示。图3-90 “工具设置”对话框3.7 任务-07 绘制“小鸟”案例 本任务主要应用“钢笔工具”及其他矢量绘图工具，完成绘制“小鸟”的任务。3.7.1 任务简介 绘制“小鸟”主要用导入的位图作为范本，应用【钢笔工具】 、【线条工具】 创建小鸟轮廓的路径，用【选择工具】 调整路径；用【颜料桶工具】 填充颜色；用【刷子工具】 绘制羽毛；用【铅笔工具】 描绘眼底部用【套索工具】 将“位图去背”，添加背景，完成绘制。绘制完成的“小鸟”效果如图3-91所示。图3-91“小鸟”

54、效果图任务快速流程 新建文件导入素材绘制轮廓绘制细节填充颜色绘制眼睛绘制羽毛位图去背保存文件。 3.7 任务-07 绘制“小鸟”案例3.7.2 知识点 要快速完成本任务，熟练掌握【钢笔工具】 的使用方法是前提。还要注意应用【线条工具】 绘制羽毛边缘的方法和技巧。在绘制完成图形后，还要注意图形边线对填色的影响以及【刷子工具】 的使用等。3.7.3 快速上手点击查看绘制“小鸟”任务详细步骤3.7.4 相关知识1.【钢笔工具】 【钢笔工具】又叫【贝塞尔曲线工具】，它是许多绘图软件广泛使用的一种重要工具。 （1）使用【钢笔工具】可以绘制精确的路径（如直线或平滑、流动的曲线）。 3.7 任务-07 绘制

55、“小鸟”案例 使用【钢笔工具】绘画时，单击可以创建直线段上的点，而拖动可以创建曲线段上的点。可以通过调整线条上的点来调整直线段和曲线段。（2）绘制直线和曲线 使用【钢笔工具】可以绘制的最简单路径是直线，方法是通过单击【钢笔工具】创建两个锚点。继续单击可创建由转角点连接的直线段组成的路径双击最后的锚点或按住Ctrl键单击，可完成一个直线路径的绘制。 在使用钢笔工具绘制曲线时，在曲线的起始点处单击确定第一个锚点，不要放开鼠标左键，指针此时会变为箭头，沿着希望延伸的方向拖曳鼠标继续拖动，会出现曲线的句柄，释放鼠标左键，句柄的斜率和长度定义了曲线段的长度。将鼠标定位于曲线段的结束点处，按下鼠标左键不放

56、，沿着相反方向拖曳，完成另一曲线段的绘制。双击最后的锚点或按住Ctrl键单击，可完成一个曲线路径的绘制。（3）绘制开放路径与闭合路径3.7 任务-07 绘制“小鸟”案例 在绘制直线或曲线路径的过程中，双击最后的锚点或按住Ctrl键单击，可完成一个直线或曲线开放路径的绘制，如图3-116所示。 在绘制直线或曲线路径的过程中，将【钢笔工具】定位于第一个锚点处，这时，在笔尖旁会出现一个小圆环，然后单击或拖曳，即可完成一个直线或曲线闭合路径的绘制，如图3-117所示。图3-116 直线或曲线开放路径 图3-117 直线或曲线闭合路径 3.7 任务-07 绘制“小鸟”案例（4）添加或删除锚点 添加锚点能

57、够更好地控制路径，也可以扩展开放路径。但是，最好不要添加不必要的点，点越少的路径越容易编辑、显示和打印。若要降低路径的复杂性，请删除不必要的点。要添加锚点，将指针定位到路径段上单击即可；若要删除锚点，将指针定位到锚点上单击即可。 2.【部分选取工具】 【部分选取工具】主要用来选择和编辑线条或边的路径形状。可以像选择工具那样选取并移动对象，当某一对象被【部分选取工具】选中后，图像轮廓线上将出现很多锚点，表示该对象已被选中。 要移动锚点，可用【部分选取工具】选中锚点，此时光标的右下角会出现一个空心的小方点，拖动该点则可以移动锚点，轮廓会随之改变，从而完成对图形的修改操作，如图3-118所示。 要轻

58、推锚点，可用【部分选取工具】选择锚点，然后使用箭头键进行移动。按住Shift单击可选择多个点。 3.7 任务-07 绘制“小鸟”案例 要将转角点转换为平滑点，可用【部分选取工具】选择该点，然后按住Alt键并拖动该点以放置切线手柄。如图3-119所示。 选择【部分选取工具】，选中对象的一个锚点，该点变成实心的小方点按Delete键可以删除这个点。 将【部分选取工具】靠近对象，当光标右下角出现黑色实心方块时，按下鼠标左键就可以移动对象了，如图3-120所示。图3-118 移动锚点 图3-119 调整曲线 图3-120 移动对象 3.【套索工具】 3.7 任务-07 绘制“小鸟”案例 与【选择工具】

59、 的功能相似，【套索工具】 也是用来选择对象的。相对于选择工具只能选择矩形框内的对象而言，【套索工具】 可以自由选择要选定的区域。 “位图去背”是一般常用到的位图编辑功能，在Flash中，如果要进行位图的去背，必须使用套索工具来完成。一般的操作如下： （1）导入位图，按下Ctrl+B键分离位图，如图3-121所示。 （2）单击工具箱中的【套索工具】 ，光标将变成一个套索的形状，套索工具没有相应的属性面板，但在工具箱的选项面板上有一些相应的附加选项，具体选项如下： 魔术棒 ：选择该选项，可以在位图中快速选择颜色近似的所有区域，如图3-122所示。不过它只对位图（GIF、JPEG和PNG）起作用，

60、而对矢量图无效。 魔术棒设置 ：单击该选项，打开【魔术棒设置】对话框，在对话框中设置色彩的近似程度与边缘的平滑度。如图3-123所示。3.7 任务-07 绘制“小鸟”案例图3-121 导入的位图 图3-122 快速选择颜色 图3-123 【魔术棒设置】对话框 阈值：用来设置所选颜色的近似程度，范围是0200之间的整数，数值越大，可选范围越宽。如果输入数值为0，只能选取与最先单击那一点像素数值完全一致的颜色。 平滑：所选颜色近似程度的单位，默认为【标准】。3.7 任务-07 绘制“小鸟”案例 多边形模式 ：选择该选项，即可切换到【多边形套索】 模式，可以通过鼠标的多次单击勾画出边线为直线的多边形