1、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,
2、本章目标,了解Flash 动画的特点 熟悉安装Flash 8操作 Flash 8的新增特性 Flash中的常见术语,6,1.1 初识 Flash动画,1.1.1 采用了矢量图形和流式播放技术 1.1.2 生成的文件体积小 1.1.3 支持声音效果 1.1.4 具有可交互性操作 1.1.5 制作程序简单,成本低廉提示:可根据教学需要给学员播放优秀动画实例.,7,1.2 安装Flash 8,系统要求 600MHz Intel PentiumIII处理器或同等处理器。 128MB内存(建议256MB)。 190MB可用磁盘空间。 Windows 98、Windows 2000、Windows 200
3、3或Windows XP操作系统,8,1.2 安装Flash 8,安装图例演示: 第一步:插入安装光盘,运行安装程序。,9,1.2 安装Flash 8,安装图例演示: 第二步:接受许可证协议中的条款。,10,1.2 安装Flash 8,安装图例演示: 第三步:选择FLASH 8在硬盘中的安装位置。,11,1.2 安装Flash 8,安装图例演示: 第四步:选择安装FLASH 8播放器,12,1.2 安装Flash 8,安装图例演示: 第五步:开始复制文件,单击“完成”安装完毕。,13,1. 3 Flash 8的新增特性,Flash Basic 8和Flash Professional 8共有的
4、新增特性有 渐变增强 对象绘制模型 FlashType 脚本助手模式 文档选项卡,14,1. 3 Flash 8的新增特性,Flash Professional 8专属新增特性: 自定义缓动控制 图形效果滤镜 混合模式 位图开滑 改进的文本消除锯齿功能 新的视频编码器 视频Alpha通道支持,15,1.4 常见的FLASH术语,舞台 时间轴 帧 关键帧 场景,符号 实例 库窗口 图层 动作脚本 组件,16,1.4.1 常见术语舞台,指编辑电影(即动画)的白色矩形区域,舞台,17,1.4.2 常见术语时间轴,时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况,调整
5、动画播放的速度,安排帧的内容,改变帧与帧之间的关系,从而实现不同效果的动画。,18,1.4.3 常见术语帧,帧是组成动画的基本单位。正如像素是组成位图的基本单位是一样的。下图中一个个的小格子就是帧。,19,1.4.4 常见术语之关键帧,关键帧指动画制作时的关键画面,它是作用是用来定义动画中关键步骤的变化,Flash可以按照给定的动作方式,自动创建两个关键帧之间的变化过程,这使得动画的制作变得十分简单。 关键帧有两种:一种是普通关键帧(即已经有对象的帧);一种是空白关键帧(即没有对象的关键帧),20,1.4.5 常见术语场景,场景是FLASH动画的各个对象的位置关系按照一定的层状结构来呈现的舞台
6、。动画中的场景概念与拍电影一样,也可以将多个场景连贯的形成一个完成的电影。,21,1.4.6 常见术语符号,符号是可以被不断重复使用的一种特殊的对象。Flash中的符号有3种:影片剪辑(Movie Clip)、按钮(Button)和图形(Graphic)。 符号是Flash文件体积较小的主要原因之一。,22,1.4.7 常见术语实例,当把一个符号放到舞台或别一个符中时,就创建了一个该符号的实例。如果修改符号,则所有实例都会发生改变,但修改实例不会影响符号。同一符号产生的实例,在文件保存时,都只有一个副本。,23,1.4.8 常见术语库窗口,库窗口用于存放可以重复使用的符号的元素。,24,1.4
7、.9 常见术语图层,图层可以看成是叠放在一起的透明的胶片,如果层上没有任何东西,就可以透过它直接看到下一层。可以根据需要,在不同层上编辑不同的动画而互不影响,并在放映时得到合成的效果。,图层面板,25,1.4.10 常见术语动作脚本,Actionscript是Flash的脚本语言。 Actionscript是一种面向对象的编程语言。Flash使用Actionscript给电影添加交互性。,26,1.4.11 常见术语组件,组件是用户化的通过ActionScript控制的动画,27,本章总结,Flash 动画初识 Flash 8的安装步骤 Flash 8的新增特性 Flash 常见术语的学习,第
8、2章 Flash 8基本入门,29,本章目标,熟悉Flash 8的工作环境 掌握设置个性化的工作界面的方法,30,2.1 熟悉Flash 8的工作环境,启动软件进入操作界面。首次运行时,有Macromedia Flash Basic 8 和Macromedia Flash Professional 8两个选项,本课中介绍的主要是Macromedia Flash Professional 8 。,31,2.1 熟悉Flash 8的工作环境,2.1.1 菜单栏 2.1.2 绘图工具栏 2.1.3 时间轴 2.1.4 舞台 2.1.5 面板,32,2.1 熟悉Flash 8的工作环境,界面组成,标题
9、栏,菜单栏,绘图工具栏,面板,时间轴,舞台,33,2.1.1 菜单栏,Flash 8里共有十个菜单。其使用方法为: 1、菜单命令后有【】:表示选择后将弹出对话框; 2、菜单命令后有【 】 :表示选择后弹出子菜单; 3、菜单命令后的组合键:即该菜单命令的快捷键,34,2.1.1 菜单栏,十项菜单的主要功能 【文件】菜单:用于文件操作,如创建、打开和保存文件等。 【编辑】菜单:用于动画内容的编辑操作,如复制、剪切和粘贴等。 【视图】菜单:用于对开发环境进行外观和版式设置,包括放大、缩小、显示网络及辅助线等。 【插入】菜单:用于加入性质的操作,如新建元件、插入远景、图层和帧等。 【修改】菜单:用于编
10、辑或者更改作品中不同元素的属性。 【文本】菜单:用于对文本的属性进行管理。 【命令】菜单:用于对命令进行管理。 【控制】菜单:用于对动画进行播放、控制和测试。 【窗口】菜单:用于打开、关闭、组织和切换各种窗口面板。 【帮助】菜单:用于快速获得帮助信息。,35,2.1.2 绘图工具栏,绘图工具栏分为四个区:绘图工具区、视图区、颜色区和工具选项区,用较粗的深色线将工具分开放置。其中工具选项区的内容是随着当前所选工具的不同而变化的,用于对绘图工具进行细节上的设置 。按住绘图工具栏顶端不放可将其变为浮动型;若双击浮动绘图工具栏的顶端又可将其固定。,36,2.1.3 时间轴,时间轴是进行有关帧的层操作的
11、地方,主要由图层、帧和播放头组成。我们经常把它分成两部分:图层操作部分和帧操作部分,图层面板,帧面板,播放头,37,2.1.3 时间轴之图层,图层:图层可以看成是叠放在一起的透明胶片,除了画有图形或文字的地方,其他部分都是透明的,也就是说,下层的内容可以通过透明的部分显示。同时图层是有上下层关系的,上一层的内容会遮掉下一层相应位置的内容,图层又是相对独立的,修改其中一层的内容,不会影响到其他图层,可以在不同图层编辑不同的动画,并在放映时得到合成的效果,使用图层并不会增加动画文件的大小。,38,2.1.3 时间轴之图层,图层的分类:普通层,引导层,被引导层,遮罩层,被遮罩层,辅助线层。也可用文件
12、夹对其进行管理,39,2.1.3 时间轴之图层部分,显示/隐藏所有层,锁定/解锁所有层,显示所有层的轮廓,新建图层,新建引导图层,新建图层文件夹,删除所选图层或文件夹,40,2.1.3 时间轴之图层部分,图层操作 新建图层 选择图层(单选与多选) 删除图层 移动图层的位置 重命名图层 设置图层的显示,锁定及轮廓:ALT的使用 图层的右键使用 图层的属性操作,41,2.1.3 时间轴之帧部分,空白帧,关键帧,空白关键帧,结束帧,补间,播放头,空白关键帧与空白帧的区别:空白关键帧是能够进行编辑的,可以在空白关键帧中添加内容使之成为关键帧;而空白帧是不能编辑的,不能为空白帧添加任何内容,而且也不能将
13、播放头移动到空白帧处。,42,2.1.3 时间轴之帧部分,播放头:播放头在时间轴上表示为一根红线 ,其作用是确定当前帧,播放头所在的帧即为当前帧,舞台中显示的内容即为当前帧的内容。用户选择特定的一帧,播放头会移至该帧处,也可以通过拖动播放头,来改变其位置。,43,2.1.3 时间轴之帧部分,从左到右分别为: 帧居中:绘图纸外观 绘图纸外观轮廓 多帧编辑 修改绘图纸标记 当前帧 帧频 影片播放到当前帧为止所用的时间,合称洋葱皮功能,合称时间轴状态栏,44,2.1.3 时间轴之帧部分,洋葱皮功能:洋葱皮的作用是以当前帧为基准,透明地映射出洋葱皮开始标记和洋葱皮结束标记之的区域。按下洋葱皮按钮后,在
14、播放头的两边会出现洋葱皮的开始与结束标记。可以拖动标记来改变洋葱皮的可视范围。帧频:上图中的12.0fps是指当前文档的帧频。所谓帧频,就是指导每秒钟播放头经过的帧数。,45,2.1.3 时间轴之帧部分,如上所图示,单击红色矩形部分可弹出快捷菜单。用于改变时间轴上帧的显示情况。,46,2.1.3 时间轴之帧部分,帧显示快捷菜单:右击弹出。可对帧进行相关操作。包括:创建新的关键帧,空白关键帧,普通帧,帧的转换,帧的复制,剪切等,还可进行帧的删除与翻转等操作。注:不同帧上右击操作所激活的快捷菜单内容是不相同的。,47,2.1.3 时间轴之帧部分,帧的快捷操作 【F5】:插入帧(非关键帧)。 【Sh
15、ift+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 未选中任何对象和工具时,属性面板上进行操作,通过该对话
16、框还可设置文档背景颜色与帧频,50,2.1.4 舞台,舞台的缩放与拖动 使用舞台右上角的缩放比率输入框 或通过【视图】菜单选择缩放命令进行缩放舞台的最小缩放比率为8%,最大缩放比率为2000%,51,2.1.4 舞台,舞台缩放还可以通过以下方式实现: 使用绘图工具栏中【查看】中的【缩放】工具,在选项中选择放大或缩小,然后单击舞台。最方便的是使用快捷键,放大使用【Ctrl+=】,缩小使用【Ctrl+-】。 拖动舞台只需用手形工具(如上图所示)即可。,52,2.1.5 面板的操作,Flash提供了许多功能面板,用户可以根据自己的需要,显示、隐藏和调整面板的大小,也可以组合面板并保存自定义的面板设置
17、,标题栏,附加选项按钮,面板名称,折叠按钮,拖动按钮,53,2.1.5 面板的操作,显示或隐藏面板:从【窗口】菜单中选择需要显示或隐藏的面板。要关闭面板时也可以在面板的附加选项中选择【关闭面板】选项。 展开或折叠面板:单击标题栏中的【折叠按钮】。 调整面板大小:拖动面板的边框。 排列面板:使用【拖动按钮】可以拖曳面板,将面板的标题栏放在另一个面板上时,两个面板就会组合成组。反之可以取消组合,面板也是可以悬浮的。,快捷键的使用:F4可以快速隐藏所有面板,扩大舞台可编辑面积,54,2.1.5 常用面板,属性面板:【属性】面板用来显示当前所选对象的最常用属性,并且可以对当前选中对象的各种属性进行设置
18、。【属性】面板的内容是随着选定对象的不同而变化的 。快捷键:【Ctrl+F3】,55,2.1.5 常用面板,库面板。【库】面板是存放元件的地方,它还用于存储和组织导入的文件,包括位图图形、声音文件和视频剪辑。也可以在库中建立文件夹对元件进行管理。快捷键:【Ctrl+L】或F11。,56,2.1.5 常用面板,公用库面板,公用库和库的功能是类似的,之所以称其为公用,是因为库中集中了一些常用的元件。用户可以定制自己的公用库。,57,2.1.5 常用面板,帮助面板 快捷键:F1,使用【帮助】面板可以快速地获得帮助信息。,58,2.1.5 常用面板,【信息】面板中显示所选定对象的宽、高值,横、纵坐标值
19、,色彩的RGB值,当前指针的坐标值,选定对象的注册点(即基准点)。这里设置的值与【属性】面板中的值是一致的。 快捷键:【Ctrl+I】,59,2.1.5 常用面板,对齐面板使用【对齐】面板可以对一个或多个对象进行对齐、分布和尺寸调整等操作快捷键: 【Ctrl+K】,60,2.1.5 常用面板,混色器面板:使用【混色器】面板可以创建出任意颜色,还可 以指定Alpha值来定义颜色的透明度 。也可设置单色,渐变色及位图 的填充。快捷键:【Shift+F9】,61,2.1.5 常用面板,颜色样本面板使用【颜色样本】面板可以方便选取存放在其中的预设好的各种色彩和渐变色进行填充,从而减少重复设置颜色,提高
20、工作效率。快捷键:【Ctrl+F9】,62,2.1.5 常用面板,变形面板:【变形】面板主要用于缩放、旋转和倾斜所选的对象,变形程度可通 过在面板中的文本框内输入相应的 数值来精确控制。 快捷键:【Ctrl+T】,63,2.1.5 常用面板,动作面板:【动作】面板用于影片添加脚本。Flash动画的交互性都是通过脚本(Action Script)来实现的。快捷键:F9,64,2.1.5 常用面板,行为面板 【行为】面板的功能也是为影片增加交互信息。与【动作】面板不同的是,使用【行为】面板不需要编写复杂的脚本。 快捷键:【Shift+F3】,65,2.1.5 常用面板,组件面板: 该面板提供了一些
21、常用的组件。 快捷键为【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 常用面板,
22、辅助面板:针对需要依赖辅助技术来观赏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服务面板 可以通过此面板
23、添加为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 自
24、定义快捷键,为了满足个性化要需求,Flash还提供了自定义快捷键功能,用户可以根据自己的喜好修好默认的快捷键或创建新的自定义快捷键。 【编辑】【快捷键】 更改当前快捷键,79,2.2.2 自定义快捷键,创建新的快捷键:创建新的快捷键设置可以分为两步,先复制原来的快捷键设置,得到一个副本,再编辑副本中的快捷键从而得到自定义的快捷键设置。,提示:具体步骤详见教材P43.,80,2.2.2 自定义快捷键,删除快捷键设置 单击菜单中的【编辑】【快捷键】 单击【删除设置】按钮。 在弹出的删除设置对话框中选中要删除的快捷键设置,单击【删除】按钮,81,本章总结,熟悉Flash 8的工作环境 掌握设置个性化
25、的工作界面,第3章 制作第一个动画,83,本章目标,熟悉Flash的基本操作 了解动画制作的流程 Flash中制作动画的方式,84,3.1 动画制作的基本流程,构思动画,准备素材,设计动画,后期处理,保存并发布作品,85,3.2 Flash的基本动画方式,逐帧动画补间动画,86,3.2.1 逐帧动画,逐帧动画是最基本的动画方式,与传统动画制作方式相同,通过向每一帧添加不同的图像来创建简单的动画,每一帧都是关键帧,都有内容。逐帧动画经典实例:小小系列,87,3.2.2 补间动画,补间动画只需要制作动画的起始状态与结束状态就可以了.其他的工作都交由FLASH完成补间动画分成形状补间和动作补间。在F
26、LASH中,形状补间用绿色补间帧表示,动作补间用紫色的补间帧表示。如下图所示,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 保存文档,单击菜单栏中的【
27、文件】【保存】或按【Ctrl+S】组合键,92,3.3.4 设置文档属性,单击菜单栏中的【修改】【文档】或按【Ctrl+】组合键 ,按下图所示进行设置,93,3.4.5 导入外部素材,从本书附带的光盘中找到关于11张马的素材图片; 新建影片剪辑元件单击菜单【插入】【新建元件】,或按【Ctrl+8】组合键弹出【创建新元件】对话框,创建名为MvHorse的影片剪辑,94,3.4.5 导入外部素材,进入影片剪辑内部编辑,如下图所示红色部分表示当前处于MvHorse内部编辑,从图中可以看出,元件拥有自己独立的时间轴.,95,3.4.5 导入外部素材,单击菜单【文件】【导入】【导入到舞台】,或者按【Ct
28、rl+】组合键 。选中第一个文件,确定,(导入对话框),96,3.4.5 导入外部素材,提示“此文件看起来是图像序列的组成部分。是否导入序列中的所有图像?” Flash发现这个文件是一系列文件中的一个,询问是否要导入所有的图像。,如果选择“是”,将会导入该系列中的所有文件;如果选择“否”,则只导入被选中的一个文件夹。,97,3.4.5 导入外部素材,选择“是”,然后将弹出【Illuustrator 导入】对话框 。按下图所示进行设置。,98,3.4.5 导入外部素材,这时在图层的时间轴上会多出11帧,每一帧放置了一张图片,而第一帧是一个空白关键帧,如图所示。单击选中第一帧,按【shift+F5
29、】组合键将其删除。,99,3.4.5 导入外部素材,这时观察导入的奔马图片,发现它们的位置是不确定的,原因是导入的矢量图的基点不确定。如图所示为此时的洋葱皮 。,100,3.4.5 导入外部素材,单击【时间轴】面板下面的【编辑多个帧】按钮,这时播放的两边会出现可内见范围标记,用鼠标拖动到洋葱皮开始与结束标记,使编辑范围为所有帧。,101,3.4.5 导入外部素材,按【Ctrl+A】选中所有的奔马图片,单击菜单栏中的【窗口】【对齐】,或按【Ctrl+K】组合键,打开【对齐】面板,将所有图片都对齐到舞台的正中央,此时图片全部重叠。,102,3.4.6 设计马的跑动,切换至“场景”编辑窗口 按【Sh
30、ift+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 设计马的跑动,
31、选中【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 保存作品,
32、单击主工具栏中的保存按钮,或按【Ctrl+】组合键,保存fla文档。,111,3.4.8 发布作品,单击菜单栏中的【文件】【发布设置】,或按【Ctrl+Shift+F12】组合键。 选择“格式”选项卡中的格式,会 在对话框中添加相对应的选项卡。,112,3.4.8 发布作品,如果选择了“FLASH”格式, 还需设置 相关的内容。这里只做默认设置即可。,113,本章总结,熟悉Flash的基本操作 了解动画制作的流程 非常熟悉Flash中制作动画的方式,第4章 绘图工具,115,本章目标,熟悉Flash的绘图工具 掌握flash精确绘图的技巧,116,熟练掌握绘图工具的使用是Flash创作的基础。
33、 可分为图形绘制工具、图形编辑工具和文字 编辑工具3类,4.1 绘图工具,117,4.1.1 图形绘制工具,使用绘图工具绘制的对象有两种:线和面 画线工具 直线工具 主要用于绘制线段。快捷键:【N】 属性: 笔触须色、笔触高度和笔触样式 附:画直线的同时按下shift键,可控制直线为水平、垂直或以45度为倍数角等方向。,118,4.1.1 图形绘制工具,笔触样式:如果笔触下拉框不能够满足绘画要求,可以单击自定义按钮进行设置。,119,4.1.1 图形绘制工具,画线工具 钢笔工具用于绘制多段线和贝塞尔曲线,快捷键:【P】属性:与直线工具基本相同。但如果用钢笔工具绘制了封闭图形,则会多出填充属性。
34、,120,4.1.1 图形绘制工具,画线工具 铅笔工具可以在舞台上自由地绘图,就像在纸上用铅笔绘图一样。快捷键:【Y】 属性:与直线工具相同。模式:伸直,平滑,墨水三处。,121,4.1.1 图形绘制工具,画线工具铅笔工具三种模式【伸直】模式:使用该模式绘制线段时,系统会忽略线条的细节部分,将图形进行规则化处理,因此该模式适合于绘制规则线条。【平滑】模式:在该模式下,系统会对线段平滑处理,适合绘制平滑曲线。【墨水】模式:在该模式下,系统会对绘制的线段不做任何处理,尽可能保持原来的样子,适合绘制自由曲线。,122,4.1.1 填色工具,颜料桶工具使用【颜料桶工具】可以为绘制好的图形填充颜色,也可
35、以更换已有的填充色。快捷键:【K】 属性:【填充颜色】 选项之填充空间隙:用来设置填充区域的封闭性要求,123,4.1.1 填色工具,颜料桶工具【锁定填充】 用来设置是否锁定填充色。在使用渐变色和位图方式填充时比较有用。,124,4.1.1 填色工具,刷子工具:可以进行涂抹颜色的操作。刷子工具与铅笔工具很相似,要注意区分。刷子工具绘制的是具有面属性填充色,而铅笔工具绘制的只是线条。快捷键:【B】。【刷子工具】 有4个选项:【笔刷模式】、【锁定模式】、【刷子大小】和【刷子形变】。,125,4.1.1 填色工具,刷子工具: 刷子的模式有五种: 【标准绘画】:可以在工作区内任意刷写,刷写内容将覆盖原
36、来的图形。 【颜料填充】:刷写内容只覆盖原来图形的填充区域,不影响其轮廓。 【后面绘画】:刷写内容被置于舞台的最底层,故不会影响到原来的图形。 【颜料选择】:只能在选择的填充色区域内进行刷写。 【内部绘画】:只在笔刷经过的第一个填充区域的内部进行刷写。,126,4.1.1 填色工具,刷子工具: 五种模式的效果图,127,4.1.1 填色工具,【锁定填充】的使用同【颜料桶工具】。 可以调整【刷子大小】和【刷子形变】参数,来修改笔刷的形状和粗细。,128,4.1.1 规则图形绘制工具,椭圆工具。使用【椭圆工具】 可以绘制椭圆或圆形,绘制出的图形包括轮廓与填充色。 快捷键:【O】 绘制椭圆的同时按下
37、shfit可绘制正圆; 按下ALT键可以鼠标点击处为中心画圆; 同时按shfit+alt键可以鼠标点击处为中心画正圆; 属性:设置填充属性和线条属性,129,4.1.1 规则图形绘制工具,矩形工具。使用【矩形工具】可以绘制矩形或正方形图形和圆角矩形。快捷键:【R】。 绘制矩形和正方形的方法与椭圆工具相同. 双击矩形工具或点击工具栏中选项部分可设置圆角矩形的参数,130,4.1.1 规则图形绘制工具,多角星形工具【多角星形工具】 与【矩形工具】 在【绘图工具栏】中占据同一个位置,按住【矩形工具】按住不放,会弹出工具选择列表,131,4.1.1 规则图形绘制工具,多角星形工具 多角星形工具可以绘制
38、等边多边形或等边星形图形. 属性:与矩形,椭圆基本相同.,单击【属性】面板中的选项按钮,弹出【工具设置】对话框,如衅4-18所示。,132,4.1.1 规则图形绘制工具,多角星形工具 【样式】用于设置绘制多边形或星形;【边数】输入框中可以输入多边形或星形的边数;【星形顶点大小】用于设置顶角锐化程度,数值越大越圆滑。,133,4.1.2 选择工具,【选择工具】。主要用来选取、移动、变形对象,是使用频率最高的一个工具。快捷键:【V】。提示:无论当前在使用什么工具,如果需要临时使用【选择工具】,只需按住【Ctrl】键,当前工具就会暂时转换为【选择工具】,可执行【选择工具】的操作,一旦释放【Ctrl】
39、键,则当前工具又切换为原来工具。,134,4.1.2 选择工具,选取对象的具体方法如下 :在某个对象上单击可以选择该对象。双击一个线段,可以选中与该线段连接的所有线段,双击一个填充色区域,可以选中与填充色及填充色的轮廓线。当光标位于舞台中的空白区域时显示为,表示可执行矩形选区操作,按下鼠标左键在舞台上拖曳出一个矩形区域,即可选中矩形区域中的所有对象,要取消选取,可以在舞台的空白处单击鼠标左键或者【Esc】键即可。,135,4.1.2 选择工具,移动对象:略 变形对象: 将光标移至对象的边缘,光标会变成,表示可以调整线条的弧度,按住鼠标左键进行拖曳,可改变图形中线条的弧度。移动至对象的角点,光标
40、会变成,表示可以调整该角点的位置,按住鼠标左键进行拖曳,可改变角点的位置。 按住【Ctrl】或【Alt】键进行拖曳会生成拐角点,可以使对象形状发生很大改变。,136,4.1.2 选择工具,【选择工具】 还可以用于平滑或拉直处理。当选中对象为可编辑对象时,【绘图工具栏】【选项】中的平滑和伸直按钮会变成可用状态,如下图所示。 该操作可以多次重复使用。,137,4.1.2 部分选择工具,也称为【子选取工具】,使用【部分选取工具】 可以很细致地调整图形,以达到理想的效果, 快捷键:【A】 操作方法: 在图形边缘处单击鼠标左键,图形边缘会出现路径节点。 拖曳这些节点可以改变对象的形状。 单击选中其中一个
41、节点,在此节点的两端会出现两条控制手柄。 拖曳控制手柄,可以精确控制贝塞尔曲线的走向,从而获得理想的效果。 如果想要单独控制一条控制手柄,另一条不受影响,可以按住【Alt】键进行拖曳,要求:使用部分选择工具,配合钢笔工具绘制心形实例,138,4.1.2 套索工具,【套索工具】 也是用来进行选取操作的,该工具可以自由地选取不规则形状的区域。 快捷键:【L】 操作方法:单击【绘图工具栏】中的【套索工具】按钮。围绕着要选择的区域拖动鼠标。 点击【绘图工具栏】中的【套索工具】 后,在【工具选项】中将出现【魔术棒工具】、【魔术棒属性工具】以及【多边形套索工具】选项。,139,4.1.2 套索工具,使用【
42、魔术棒工具】 可以选择颜色相近的区域,一般用于删除相同颜色块。 使用 【魔术棒工具】 工具时必须是 矢量图,如不是矢量图,则必须将 其打散 【 CTRL+B 】 。,140,4.1.2 套索工具,【魔术棒属性工具】 。使用【魔术棒属性工具】 ,可以修改魔术棒的【阈值】以及【平滑】两个属性。【阈值】是魔术棒选择相近颜色所允许的色差,范围为0200。【平滑】是设定选择区域边缘的光滑程度。,141,4.1.2 套索工具,【多边形套索工具】。使用【多边形套索工具】 可以比较准确地勾画出选择区域。 在图片上单击鼠标,确定选择区域的开始位置,拖曳鼠标,拖动一个直线,再次单击,确定选择区域的第1条边线,继续
43、将鼠标移动到下一位置 。最后双击鼠标,结束选择区域 。,142,4.1.2 任意变形工具,使用【任意变形工具】 可以对对象进行缩放以及旋转,选取【任意变形工具】 快捷键:【Q】。 选择【任意变形工具】 以后,在【工具选项】中有4个选项:分别是【旋转与倾斜】、【缩放】、【扭曲】以及【嵌套】。提示:如果是对位图进行操作:其中后面的两个选项只有 使用【Ctrl+B】将位图打碎以后才能出现。,143,4.1.2 任意变形工具,旋转与倾斜: 当鼠标放在四个顶角的控制点外时,可旋转 当按住【Alt】键开始旋转时,将以对称点为中心点进行旋转 ; 将鼠标移动到任意两个控制点之间的直线上 时可进行倾斜。,144
44、,4.1.2 任意变形工具,缩放的使用方法 当鼠标放在居中控制点上时,可进行水平或垂直方向缩放;当鼠标放在四角的控制点上时,可同时对水平和垂直方向进行缩放 当按住【Shift】键开始旋转时,将以等比例进行旋转,145,4.1.2 任意变形工具,扭曲的使用方法: 单击选中要进行变形的图片。 单击【绘图工具栏】中的【任意变形工具】按钮,在【工具选项】选中【扭曲】 ,在四周出现控制点。 将鼠标移到任意一个控制点拖曳鼠标,图片开始发生扭曲 按住【Shift】的同时通过拖曳图 片边上的4个控制点来扭曲,扭曲 的形状是梯子形,,146,4.1.2 任意变形工具,使用【封套】的方法 单击选中要进行变形的图片
45、。 单击【绘图工具栏】中的【任意变形工具】按钮,在【工具选项】选中【封套】 ,在四周出现控制点,拖动控制点,产生变形。,椭圆应用封套效果之后,147,4.1.2 橡皮擦工具,使用【橡皮擦工具】 也十分简单,只要选中【绘图工具栏】中的【橡皮筋工具】 ,在需要删除地位置上单击并拖曳鼠标,就可以将不需要的部分删除。 快捷键:【E】 【工具选项】中有以下几个:【橡皮擦模式】、【水龙头】以及【橡皮擦形状】。,148,4.1.2 橡皮擦工具,五种【橡皮擦模式】 【标准擦除】:擦除填充和轮廓线 【擦除填色】:只擦除填充。 【擦除线条】:仅擦除轮廓线。 【擦除所选填充】 :只擦除当前 选择区域内的填充。 【内
46、部擦除】:只擦除橡皮擦经 过的第一个填充区域,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 使用网格技术,显示和隐藏网格。选择菜单
47、栏中的【视图】【网格】【显示网格】或者使用【Ctrl+】组合键,可以在显示和隐藏网格之间进行切换,155,4.2.1 使用网格技术,贴紧至网格。贴紧至网格的主要作用是选中的对象与网格对齐,可以选择【视图】【贴紧】【贴紧至网格】命令或者是使用【Shift+Ctrl+】组合键来切换是否为贴紧至网格状态。如果为执行贴紧至网格命令状态,在相应的菜单项的左侧会出现一个勾,,156,4.2.2 使用标尺和辅助线,辅助线与标尺的作用也是帮助用户精确绘图以及处理文本。 显示和隐藏标尺。选择菜单中的【视图】【标尺】或者使用【Ctrl+Shift+Alt+R】组合键,可以在显示和隐藏标尺之间进行切换。,157,4
48、.2.2 使用标尺和辅助线,设置标尺。选择【修改】【文档】命令或直接【Ctrl+J】组合键,弹出【文档属性】对话框。可以对标尺的单位进行设置。,158,4.2.2 使用标尺和辅助线,显示和隐藏辅助线。选择菜单中的【视图】【辅助线】【显示辅助线】或者使用【Ctrl+:】组合键,可以在显示和隐藏辅助线之间进行切换。 贴紧至辅助线。 操作与贴紧网格相同。一般来说,【贴紧至辅助线】的优先级别要高于【贴紧至网格】。 锁定辅助线。选择【视图】【辅助线】【锁定辅助线】命令或者是使用【Shift+Alt+:】组合键可以锁定辅助线。,159,4.2.2 使用标尺和辅助线,(清除辅助线。如果想要清除辅助线,可以选
49、择【视图】【辅助线】【清除辅助线】命令。 编辑辅助线。选择【视图】【辅助线】【编辑辅助线】命令,或者使用【Ctrl+Shift+Alt+R】组合键可以打开【辅助线】对话框,在其中可以对辅助线的相关参数进行设置。,160,4.2.3 使用对齐面板,利用【对齐】面板可以将对象精确地对齐,选择菜单栏中的【窗口】【对齐】或者是直接按【Ctrl+K】组合键将打开【对齐】面板。,161,4.2.3 使用对齐面板,对齐面板上分四类按钮: 对齐类 分布类 匹配大小类 间隔类,162,4.2.3 使用对齐面板,对齐类按钮 对齐类按钮主要是将对象进行对齐。分为【左对齐】按钮,【水平对齐】按钮,【右对齐】按钮,【上对齐】按钮,【垂直对齐】按钮,【下对齐】按钮。,163,4.2.3 使用对齐面板,分布类按钮主要是将对象进行等距离排列。分为【顶部分布】按钮,【垂直居中分布】按钮,【底部分布】按钮,【左侧分布】按钮,【水平居中分布】按钮,【右侧分布】按钮。,