教学课件·Flash.ppt

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

2、知识点知识点1.1.系统要求系统要求 可参照下面官方网站提供的资料进行配置：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可用硬盘空间用于安装;安装过程中需要额外的可用空间（无法安装在基于闪存的设备上

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

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

5、，如图1-6所示；或选择【我想安装并使用Adobe Flash CS4的试用版】，单击【下一步】按钮，系统会出现一个【许可协议】窗口，如图1-7所示。图1-6 填入序列号 图1-7 【许可协议】窗口 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤步骤4 4 确认安装位置。单击【接受】，出现【安装选项】窗口，可以选择默认的安装位置；如果想改变安装路径，可单击【更改】按钮，指定安装路径，如图1-8、图1-9所示。图1-8 指定安装路径 图1-9 选择安装位置 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤步骤5 5 进入安装。

6、指定安装路径后，单击【安装】按钮，进入【安装准备】和【安装进度】窗口，如图1-10、图1-11所示。图1-10 安装准备 图1-11 安装进度 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤步骤6 6 安装完成后，出现【注册】窗口，如图1-12所示。单击【以后注册】，进入【安装完成】界面，如图1-13所示。图1-12 【注册】窗口 图1-13 显示安装完成 步骤步骤7 7 单击【退出】按钮 ，完成系统的安装。安装完成后，就可以启动Flash CS4 Professional来体会其强大的功能了。1.1 任务-01 Flash CS4 Professional

7、的安装与启动2 2.启动启动 步骤步骤1 1 执行【开始】【所有程序】【Adobe Flash CS4 Professional】命令，便可启动该软件；也可以在桌面上找到Flash CS4 Professional图标并双击，启动该程序。如图1-14所示。图1-14 启动Flash CS4 Professional 1.1 任务-01 Flash CS4 Professional的安装与启动 步骤步骤2 2 在进入软件运行Flash时，会显示【欢迎】界面。如图1-15所示。图1-15【欢迎】界面 1.1 任务-01 Flash CS4 Professional的安装与启动1.1.4 1.1.4

8、 相关知识相关知识 【欢迎】界面包含以下四个区域：打开最近的项目：用于打开最近的文档（单击【打开】图标）。新建：列出了Flash文件类型，如Flash文件和ActionScript文件。从模板创建：列出创建Flash文档最常用的模板。扩展：链接到Flash Exchange网站，可以在其中下载助手应用程序、扩展功能以及相关信息。【欢迎】界面还提供对“帮助”资源的快速访问。可以浏览Flash、了解有关文档资源以及查找Adobe授权的培训机构。若要隐藏【欢迎】界面，选择【不再显示】；若要显示【欢迎】界面，选择【编辑】【首选参数】命令，然后从【常规】类别的【启动时】菜单中选择【欢迎屏幕】。1.1 任

9、务-01 Flash CS4 Professional的安装与启动1.2.1 1.2.1 任务简介任务简介 通过“初觉体验认识全新的工作界面”、“功能体验了解优化的动画工具和全新的功能”，了解用户界面及部分新增功能。通过对工具功能的介绍，全面认识和了解全新的Flash CS4 Professional。任务快速流程任务快速流程 初觉体验启动软件界面布局功能体验新增工具和部分新功能。1.2.2 1.2.2 快速浏览快速浏览1.1.初觉体验初觉体验认识全新的工作界面认识全新的工作界面 启动Flash CS4 Professional，启动后的工作界面如图1-16所示。1.2 任务-02 认识全新的

10、Flash CS4 Professional图1-16Flash CS4 Professional主界面 1.2 任务-02 认识全新的Flash CS4 Professional2.2.功能体验功能体验了解优化的动画工具和全新的功能了解优化的动画工具和全新的功能 （1）基于对象的动画 这一新功能的加入使过去繁琐的引导层动画制作变得简单且轻松。使用基于对象的动画能够对个别动画属性实现全面控制,将补间直接应用于对象而不是关键帧。使用贝赛尔手柄可轻松更改运动路径。如图1-17所示。图1-17 基于对象的动画 1.2 任务-02 认识全新的Flash CS4 Professional （2）3D转换

11、 基于Aiction Script 3.0的3D平移和旋转工具的引入是一项创新的举动，可以通过全新3D旋转和移动工具为原本2D对象添加具有空间感的补间动画：可以沿x、y、z轴任意旋转和移动对象，将本地或全局转换应用于任何对象，从而产生极具透视效果的动画。遗憾的是视角不能发生改变，即视觉的焦点为画布的中心位置，如图1-18所示。图1-18 3D转换1.2 任务-02 认识全新的Flash CS4 Professional （3）反向运动与骨骼工具 如果说动画元件的3D移动与旋转还不足以令人兴奋的话，那么骨骼动画工具的引入对Flash系列软件而言绝对是场革命，骨骼动画工具将会大大提高动画制作的效率

12、。可以使用一系列链接对象，创建类似于链的联动动画效果,或使用全新的骨骼工具控制单个形状的扭曲及变化，如图1-19所示。图1-19 反向运动与骨骼工具 1.2 任务-02 认识全新的Flash CS4 Professional （4）使用Deco（装饰）工具和喷涂刷实现程序建模 将任何元件转变为即时设计工具。以各种方式应用元件：使用Deco（装饰）工具快速创建类似于万花筒的效果并应用填充,或使用喷涂刷在定义区域随机喷涂元件。特别适合添加一些特殊效果，比如星光、雪花、落叶等画面元素，极大地拓展了Flash的表现力。如图1-20所示。图1-20 使用喷涂刷在定义区域随机喷涂元件 1.2 任务-02

13、认识全新的Flash CS4 Professional （5）动画编辑和动画预设 使用全新的动画编辑器体验对关键帧参数的细致控制,这些参数包括旋转、大小、缩放、位置和滤镜等。使用图形显示以全面控制轻松实现调整。如图1-21所示。图1-21 动画预设 1.2 任务-02 认识全新的Flash CS4 Professional （6）元数据(XMP)支持 使用全新的XMP面板向SWF文件添加元数据。快速指定标记以增强协作和移动体验。如图1-22所示。图1-22 元数据(XMP)支持1.2 任务-02 认识全新的Flash CS4 Professional1.2.4 1.2.4 相关知识相关知识 1

14、.针对Adobe AIR进行创作新增功能 2.全新Adobe Creative Suite界面新增功能 3.H.264支持新增功能 4.Kuler调板 如图1-23所示。要了解Kuler，可单击【关于】，打开Kuler在线社区；单击【浏览】，查找和使用颜色主题；单击【创建】，创建颜色主题。5.社区帮助1.2 任务-02 认识全新的Flash CS4 Professional图1-23 Kuler调板1.2 任务-02 认识全新的Flash CS4 Professional1.3.1 1.3.1 任务简介任务简介 本任务借助Flash CS4 Professional界面的灵活性，了解和掌握“自

15、定工作区”的方法，轻松创建和保存“自定工作区”。1.3.2 1.3.2 知识点知识点 通过本任务中【工作区切换器】的应用，掌握快速“自定工作区”的方法。1.3.3 1.3.3 快速上手快速上手 步骤步骤1 1 选择【工作区切换器】即单击【基本功能】右侧的下拉菜单，如图1-24所示。从选项中选择【动画】，切换到【动画】工作区界面如图1-25所示。图1-24 工作区转换器 1.3 任务-03 自定义工作区图1-25 【动画】工作区 1.3 任务-03 自定义工作区 步骤步骤2 2 单击【工作区转换器】或选择【窗口】【工作区】【传统】切换为传统工作区，如图1-26所示。从应用程序栏上的【工作区切换器

16、】选择【新建工作区】或【管理工作区】，可以【新建】、【删除】工作区。选择【重置基本功能】，可以重置工作区。图1-26 【传统】工作区 1.3 任务-03 自定义工作区1.3.4 1.3.4 相关知识相关知识1.1.使用标尺使用标尺 （1）选择【视图】【标尺】，可以显示或隐藏标尺。在显示标尺的情况下移动舞台上的元素时，将在标尺上显示几条线，指出该元素的尺寸。（2）选择【修改】【文档】，然后从【标尺单位】菜单中选择一个单位指定文档的标尺度量单位。2.2.使用网格使用网格 （1）选择【视图】【网格】【显示网格】或按Ctrl+”（引号），网格将在文档的所有场景中显示为插图之后的一系列直线。（2）选择【

17、视图】【贴紧】【贴紧至网格】或【视图】【网格】【编辑网格】，然后从选项中进行选择。单击【保存默认值】，可保存当前设置。3.3.使用辅助线使用辅助线 （1）选择【视图】【辅助线】【显示辅助线】，可以显示或隐藏辅助线；也可以在显示标尺时，从标尺上将水平辅助线和垂直辅助线拖动到舞台上。1.3 任务-03 自定义工作区还可以使用【选取工具】单击标尺上的任意一处，将辅助线拖到舞台上需要的位置，移动辅助线。（2）选择【视图】【贴紧】【贴紧至辅助线】，可以打开或关闭【贴紧至辅助线】。（3）在辅助线处于解除锁定状态时，使用【选取工具】将辅助线拖到水平或垂直标尺上，可以删除辅助线。（4）选择【视图】【辅助线】【

18、锁定辅助线】或【清除辅助线】，可以锁定或清除辅助线。4.4.设置设置“首选参数首选参数”可以设置常规应用程序操作、编辑操作和剪贴板操作的“首选参数”。（1）选择【编辑】【首选参数】，打开【首选参数】对话框，如图1-27所示。1.3 任务-03 自定义工作区（2）在“类别”列表中选择一个类别，并从各个选项中进行选择。图1-27 【首选参数】对话框 1.3 任务-03 自定义工作区5.5.定义定义“快捷键快捷键”（1）选择【编辑】【快捷键】命令，打开【快捷键】对话框，如图1-28所示。（2）在【命令】处找到所要设置快捷键的菜单命令并单击。（3）在键盘上按下所要采用的键盘组合键，如果系统不出现黄色惊

19、叹号提示，则证明该键盘快捷键已成功定义。（4）单击 即可。1.3 任务-03 自定义工作区Flash CS4 Professional 实用案例教程FLASH CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG主编：洪主编：洪 光光本章小结本章小结 本章主要介绍了Flash的发展历程、特点，还特别介绍了Adobe Flash CS4 Professional这一软件的基本安装与启动。详细的安装步骤图示，将带领初学者快速进入Adobe Flash CS4 Professional全新的用户界面，其全新的功能令人耳目一新。通过本章Flash CS4 Profession

20、al部分新增功能的介绍，将激发起学习者对Flash CS4学习的兴趣。Flash CS4 Professional 实用案例教程第2章耳目一新耳目一新Flash CS4 工作环境工作环境FLASH CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG主编：洪主编：洪 光光2.1 任务-01 使用工具栏及工具面板2.1.1 2.1.1 任务简介任务简介 本任务通过显示或隐藏“主工具栏”、展开或折叠常用“工具面板”的操作、认识和了解“主工具栏”及常用“工具面板”的功能及使用方法。掌握应用其中的工具，快速进行对动画文件的相关操作。任务快速流程任务快速流程 启动Flash显示

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

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

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

24、工具。【工具】面板中的工具按照功能还可分为：绘制工具、选择工具、编辑工具和辅助绘图工具等，如图2-3所示 2.1 任务-01 使用工具栏及工具面板图2-2 拖出的【工具】面板 图2-3 【工具】面板 2.1 任务-01 使用工具栏及工具面板4 4.自定义工具面板自定义工具面板 步骤步骤1 1 选择【编辑】【自定义工具面板】可以打开【自定义工具面板】对话框，如图2-4所示。图2-4 【自定义工具面板】对话框 2.1 任务-01 使用工具栏及工具面板 步骤步骤2 2 单击【工具】面板图像中的一个工具或使用方向键，可在工具之间循环切换以指定位置并分配其他工具。步骤步骤3 3 在【可用工具】列表中选择

25、该工具，然后单击【添加】，可以将该工具添加到所选位置或将一个工具分配给多个位置。步骤步骤4 4 在【当前选择】滚动列表中选择该工具，然后单击【删除】，可以从所选位置删除某个工具。步骤步骤5 5 单击【自定义工具面板】对话框中的【恢复默认值】，可以恢复默认工具面板布局。步骤步骤6 6 单击【确定】，应用所做的更改并关闭【自定义工具面板】对话框。2.1.4 2.1.4 相关知识相关知识 应用程序窗口顶部的菜单栏中选择打开【主工具栏】面板的同时，还可以打开带有用于控制功能命令的【控制器】面板。位于舞台顶部的“编辑栏”包含的控件和信息可用于编辑“场景”和“元件”并更改舞台的缩放比率级别。2.2 任务-

26、02 使用常用功能面板2.2.1 2.2.1 任务简介任务简介 本任务主要进行对常用功能面板操作方法的介绍。通过对11个面板的简单操作，了解面板的一般操作，为应用这些功能面板顺利进行动画制作奠定基础任务快速流程任务快速流程 启动Flash选择工具打开面板应用面板完成预定任务。2.2.2 2.2.2 知识点知识点 重点掌握选择所需工具，打开工具【属性】面板，设置工具属性等操作方法。2.2.3 2.2.3 快速上手快速上手1 1.属性面板属性面板 【属性】面板中集成了多个常用面板集，可根据用户当前所选工具进行操作的不同，动态地进行改变。当用户未选择任何工具或所选工具没有设置项时在【属性】面板中将显

27、示当前的文档属性，如图2-5所示。2.2 任务-02 使用常用功能面板 步骤步骤1 1 单击【属性】面板上方灰色的边框，可在“展开面板”和“折叠为图标”两种状态间变换。如图2-6所示。步骤步骤2 2 当用户选择某一工具（如线条工具）时，【属性】面板中将显示该工具（线条工具）的设置，如图2-7所示。图2-5 显示当前的文档属性 图2-6 折叠为图标 图2-7 显示线条工具的设置 2.2 任务-02 使用常用功能面板2 2.颜色面板颜色面板【颜色】面板主要用来对图形对象进行颜色设置。步骤步骤1 1 选择【窗口】【颜色】或按下Shift+F9键，打开【颜色】面板，如图2-8所示。步骤步骤2 2 在舞

28、台上选择一个或多个对象，在颜色的“类型”下拉列表中可选择“纯色”、“线性”、“放射状”、“位图”选项。利用【颜色】面板上的扩展滑块选择RGB值调整颜色，如图2-9所示。步骤步骤3 3 单击“笔触”颜色或“填充”颜色图标来指定要修改的属性。步骤步骤4 4 在颜色范围中单击，选择一种颜色。拖动“亮度”控件来调整颜色的亮度，如图2-10所示。2.2 任务-02 使用常用功能面板图2-8【颜色】面板 图2-9 修改RGB 图2-10 选择颜色及亮度 2.2 任务-02 使用常用功能面板 步骤步骤5 5 可在颜色值文本框中输入颜色值：对于RGB显示，输入的是红、绿和蓝的值；对于十六进制显示，输入的是十六

29、进制值。输入一个Alpha值来指定透明度，其范围为从表示完全透明的0到表示完全不透明的100。步骤步骤6 6 要向当前文档的颜色样本列表中添加自定义的颜色，单击调色板右上方的拾色按钮 ，弹出如图2-12所示的【颜色】对话框。单击对话框中近似的基本颜色，然后用鼠标在旁边的拾色区中选择颜色，并滑动右侧的小三角设置亮度，从而定制出满意的颜色。单击【添加到自定义颜色】按钮，当前设定的颜色将添加到自定义选项区。2.2 任务-02 使用常用功能面板图2-11 调色板 图2-12【颜色】对话框 注意：注意：填充“渐变色”指填充“线性渐变”色和“放射状渐变”色。填充渐变色的操作如下：步骤步骤1 1 在工作区中

30、选择应用渐变色的实例。2.2 任务-02 使用常用功能面板 步骤步骤2 2 在【颜色】面板的“类型”下拉列表中选择一种渐变类型，如图2-13所示。线性：用于创建从起始点到终点沿直线逐渐变化的渐变。放射状：用于创建从起始点到终点按照环形向四周逐渐变化的渐变。步骤步骤3 3 单击渐变定义栏下面的任意指针，可以更改渐变中的颜色。在展开的渐变栏的颜色区域内单击鼠标，该指针显示选择的颜色。步骤步骤4 4 要向渐变中添加颜色，在渐变定义栏的下面单击即可。步骤步骤5 5 要重新放置渐变定义栏上的指针，可沿着渐变定义栏拖动指针。在Flash CS4 Professional中最多可以设置15个指针，如图2-1

31、4所示。将指针向下拖离渐变定义栏可以删除它。步骤步骤6 6 要保存自定义的渐变色，可单击【颜色】面板右上角的扩展按钮，并从弹出菜单中选择【添加样本】，即可将渐变添加到当前文档的【样本】面板中，如图2-15所示。2.2 任务-02 使用常用功能面板图2-13 选择填充渐变 图2-14 最多放置15个指针 图2-15 添加样本 3 3.【样本样本】面板面板 选择【窗口】【样本】，打开【样本】面板，如图2-16所示。2.2 任务-02 使用常用功能面板4 4.【信息信息】面板面板 选择【窗口】【信息】，打开【信息】面板，如图2-17所示。图2-16【样本】面板 图2-17 【信息】面板 2.2 任务

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

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

34、3所示。1010【WEBWEB服务服务】面板面板 选择【窗口】【其他面板】【WEB服务】，打开【WEB服务】面板如图2-24所示。图2-23【输出】面板 图2-24【WEB服务】面板 2.2 任务-02 使用常用功能面板1111【项目项目】面板面板 选择【窗口】【其他面板】【项目】，可以打开【项目】面板，如图2-25所示。图2-25 【项目】面板 2.3 一般Flash的工作流程 要构建Flash应用程序，通常需要执行下列基本任务：（1）计划应用程序。确定应用程序要执行哪些基本任务。（2）添加媒体元素。创建并导入媒体元素，如图像、视频、声音和文本等。（3）排列元素。在舞台上和时间轴中排列这些媒

35、体元素，以定义它们在应用程序中显示的时间和显示方式。（4）应用特殊效果。根据需要应用图形滤镜（如模糊、发光和斜角）、混合其他特殊效果。（5）使用ActionScript控制行为。编写ActionScript代码以控制媒体元素的行为方式，包括这些元素对用户交互的响应方式。（6）测试并发布应用程序。进行测试以验证应用程序是否按预期工作，查找并修复所遇到的错误。在整个创建过程中应不断测试应用程序。将fla文件发布为可在网页中显示并可使用Flash Player播放的swf文件。根据不同的项目和工作方式，可以按不同的顺序使用上述步骤。Flash CS4 Professional 实用案例教程FLASH

36、 CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG主编：洪主编：洪 光光本章小结本章小结 本章介绍了Flash CS4 Professional“主工具栏”、“工具面板与常用功能面板”的使用方法以及“工具箱”的基本操作、“自定义工具面板”、“常用功能面板”的操作等，还介绍了“一般Flash的工作流程”。Flash中的大部分菜单命令都集成在不同的面板中，因此，对于面板的了解和掌握及快速应用是至关重要的，有助于提高动画制作效率。在这里我们只介绍了各面板的功能，具体操作将在后面动画制作内容中详细讲解。Flash CS4 Professional 实用案例教程第3章得心应

37、手得心应手绘图工具绘图工具FLASH CS4 PROFESSIONAL SHIYONG ANLI JIAOCHENG主编：洪主编：洪 光光3.1 任务-01 了解绘制模式与图形对象 3.1.1 3.1.1 任务简介任务简介 通过简单应用Flash CS4中的绘图工具，选择不同的绘制模式，创建几种不同类型的图形对象，可以了解图形对象类型的特点，可以就使用何种模式绘制图形对象做出最佳决定，这些图形对象各有利弊。任务快速流程任务快速流程 选择绘图工具选择绘制模式绘制图形调整图形完成绘制保存图形文件。3.1.2 3.1.2 知识点知识点 了解不同绘制模式的特点，注意观察在绘制图形对象时不同的外观特征和

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

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

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

41、状，使用【椭圆图元】、【矩形图元】属性面板中的控件进一步修改形状或指定填充和笔触颜色，如图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.1 任务简介任务简介 矢量图形使用矢量的直线和曲线描述图像。位图图像（技术上称为栅格图像）使用颜色网格（也就是常说的像素）来表现图像。了解矢量图形和位图图像的差别，对于在不同领域中应用这两种

42、不同格式的图形图像是极具意义的。3.2.2 3.2.2 知识点知识点1.矢量图形矢量图形 一个矢量图形实际上是由穿过许多点的线条组成的，可以构成图形的外框轮廓。矢量图形的颜色是由外框的颜色和外框所封闭区域的颜色决定的。编辑矢量图形时，实际上是在修改描述图形形状的直线和曲线的属性。矢量属性还包括颜色和位置属性。用户可以移动图形、重新调整图形的大小和形状以及改变图形颜色等，这些修改丝毫不会损伤矢量图形的外观质量。矢量图形与分辨率无关，如图3-7所示。2.2.位图图像位图图像 3.2 任务-02 了解位图与矢量图 每个像素都有自己特定的位置和颜色值。位图图像是连续色调图像（如照片或数字绘画）最常用的

43、电子媒介，因为它们可以表现阴影和颜色的细微层次大部分的图像处理软件，如Photoshop等，使用的都是位图格式的图像。位图图像和分辨率有关，如图3-8所示。图3-7 矢量图 图3-8 位图 3.3 任务-03 绘制“金钥匙”案例 本任务主要应用“线条工具”、“椭圆工具”和“基本椭圆工具”绘制基本图形，在工具属性面板中设置相关工具属性，用“选择工具”和“任意变形工具”调整图形，用“颜料桶工具”填充颜色，完成绘制“金钥匙”图形的任务。3.3.1 3.3.1 任务简介任务简介 本任务主要是完成绘制一把呈现金属质感的“金钥匙”。绘制完成的“金钥匙”效果如图3-9所示。图3-9 “金钥匙”效果图任务快速

44、流程任务快速流程 新建文件设置笔触编辑笔触绘制图形调整形状填充颜色保存图形文件。3.3.2 3.3.2 知识点知识点 绘制“金钥匙”主要应掌握应用线条工具、椭圆工具、基本椭圆工具快速绘制图形的方法以及应用颜料桶工具填充颜色，增加图形金属质感的方法和技巧。3.3 任务-03 绘制“金钥匙”案例3.3.3 3.3.3 快速上手快速上手点击查看绘制“金钥匙”任务详细步骤3.3 任务-03 绘制“金钥匙”案例3.3.4 3.3.4 相关知识相关知识1.1.线条工具线条工具 【线条工具】主要用来绘制直线。使用该工具可以轻松地绘制出平滑的直线。在【属性】面板中可以设置“笔触样式”、“笔触高度”、“笔触颜色

45、”等直线的属性。注意：注意：在使用【线条工具】绘制直线时，如果按下Shift键的同时拖曳鼠标，可以绘制出垂直、水平或45斜线。2.2.椭圆工具椭圆工具 与矩形工具与矩形工具【椭圆工具】主要绘制椭圆、圆形。【矩形工具】除可以绘制矩形、正方形外，还可以绘制出带有圆角的矩形。在【属性】面板可以预先设置“笔触样式”、“笔触高度”、“笔触颜色”等属性。在选项部分，可设置椭圆的角度及矩形的圆角。按下Alt键并单击工作区，会显示【椭圆设置】与【矩形设置】对话框，可为椭圆或矩形指定宽度和高度（以像素为单位）以及是否从中心绘制椭圆和矩形。3.3.基本椭圆工具基本椭圆工具 与基本矩形工具与基本矩形工具 使用【基本

46、椭圆工具】与【基本矩形工具】创建椭圆或矩形时，与使用对象绘制模式创建的形状不同，Flash会将形状绘制为独立的对象。可以使用【属性】面板中的控件，指定椭圆的“起始角度”、“结束角度”和“内径”以及矩形的“角半径”。创建基本形状后，可以选择舞台上的形状，然后调整【属性】面板中的控件来更改半径和尺寸。提示：提示：只要选中这两个基本对象绘制工具中的一个,【属性】面板就将保留上次编辑的基本对象的值。例如，在修改一个椭圆或矩形后绘制另一个椭圆或矩形时。3.3 任务-03 绘制“金钥匙”案例4.4.选择工具选择工具 3.3 任务-03 绘制“金钥匙”案例选择工具没有相应的属性面板，只有一些相应的附加选项。

47、（1）贴紧至对象 选项中提供了一个【贴紧至对象】按钮 ，主要是用来准确对齐线条上的点或对象的中心点。当按下按钮拖曳对象时，鼠标指针上将显示一个小圆圈，这个小圆圈可以帮助用户执行对齐或吻合功能，就好像有磁铁吸引一样。（2）平滑与伸直 此功能可以将绘制出来的线条修饰得更平滑更平整。选中一个线条后，多次单击【平滑】按钮 和【伸直】按钮 ，可以对线条进行处理，直到达到要求为止。（3）选择对象的两种方法点选：如图3-25所示。圈选：如图3-26所示。3.3 任务-03 绘制“金钥匙”案例图3-25 边线与对象分离 图3-26 圈选部分对象 5.5.任意变形工具任意变形工具 单击工具箱中的【任意变形工具】

48、，单击工作区中要变形的对象，就会出现一个调整框和9个控制点，利用这些控制点便可以调整所选对象了，如图3-27所示。任意变形工具的【工具】面板下方的选项中有一些相应的附加选项，具体选项如图3-28所示。3.3 任务-03 绘制“金钥匙”案例图3-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 应用封套进行变形 注意：注意：要进行扭曲变

49、形的对象必须是矢量图。其他形式的位图必须先进行打散或转换成矢量图，这是进行扭曲操作的前提条件。封套 ：封套变形的效果如图3-36所示。3.4 任务-04 绘制“奥运五环”案例3.4.1 3.4.1 任务简介任务简介 绘制“奥运五环”主要通过“基本椭圆工具”的应用，“椭圆图元属性”面板的设置，“图元绘制”模式与“对象绘制”模式的转换，线条与填充的区别等知识，快速绘制出“奥运五环”效果。绘制完成的“奥运五环”效果如图3-37所示。图3-37“奥运五环”效果图任务快速流程任务快速流程 基本椭圆工具椭圆图元属性绘制图形调整形状填充颜色保存图形文件。3.4.2 3.4.2 知识点知识点 快速完成绘制“奥

50、运五环”的任务主要通过“图元绘制”模式与“对象绘制”模式的转换，线条与填充的属性等来完成。3.4.3 3.4.3 快速上手快速上手点击查看绘制“奥运五环”任务详细步骤3.4 任务-04 绘制“奥运五环”案例3.4.4 3.4.4 相关知识相关知识1.1.对象位置的管理对象位置的管理（1）对象的移动 可以使用【选择工具】直接拖动对象来随意移动对象位置，也可以通过相应的控制面板精确地指定对象的位置。具体有以下几种方法：使用键盘上的方向键移动对象 使用信息面板移动对象 通过复制粘贴命令移动对象（2）使用【对齐】面板进行位置管理 选择【窗口】【对齐】或按下Ctrl+K键，可打开【对齐】面板，如图3-4