网页制作（第四讲）.ppt

绘图基础知识 9.3.3 “颜色”区域 1．“滴管”工具：选取图中的颜色。 2. “油漆桶”工具和“渐变”工具：可以大面积涂色。设置如图 9.4 文本工具 9.4.1 文本的编辑 1. 输入文本 选择文字工具，将光标移动到要添加文字的地方，单击即可输入所需的文字。如图所示： 2．编辑文本 编辑文字主要通过属性面板来实现。 具体功能有： 1、更改字体： 2、更改字间距：设置字距选项，0%为正常，数值越小间距越小，数值越大间距越大。 3、更改行距 范围在 50%~250% 100%为正常 4、设置缩放水平：可以缩放某个字符的大小，范围在10%~200%，数值越大，宽度越大。下图就是改变了F的水平缩放值的效果。 5、设置基线：通过基线调整，产生上标、下表效果。范围在-99~100,基线为负，表明字位于基线下方，基线为正，表明字在基线上方。 6、设置排列方向：可以按四种方向排列，如下图： 7、设置对齐方式：设置文本段落与文本边缘之间的位置对齐关系。 9.4.2 文本与路径 1．将文本附加到路径 在文本和路径都存在的情况下，可以将文本添加到路径，只需选中文本和路径，使用【文本】-》【附加到路径】命令。通过【文本】-》【方向】可以更改文字方向。 2．将文本转换为路径 可以通过【文本】-》【转化为路径】命令来让文本转化为路径，进而制作出个性化文字。 例9-1 将文字附加到路径的应用，制作出右图效果： 例9-2制作与路径相交效果文字，如右图： 综合实例 谢谢！ 6．“更改区域形状”工具 可以扭曲路径，主要是变形区域内所选定路径区域 7. “路径洗刷”工具 通过添加和去除来改变路径的外观。 8. “刀子”工具 能够将一个路径切成两个或多个路径。效果如下图： 网页制作 孙珊珊 sunshanshan583@163.com 网页制作（第四讲） 主讲人：孙珊珊 第九章 Firworks（1） 本讲重点 选择区域 位图区域 颜色区域 矢量区域 文本的应用 Fireworks简介 Fireworks 8是一个完全为网页制作者设计的图像处理软件。它在绘图方面结合了位图以及矢量图处理的特点，不仅具备复杂的图像处理功能，能够自由地导入各种图像，并且还能轻松地把图像输出到Flash、Dreamweaver 以及第三方的应用程序 9.1 Fireworks 8工作界面 图形编辑区 属性面板 菜单栏 工具栏 组合面板 “工具”面板被编排为六个类别： 选择 位图 矢量 Web 颜色 视图 9.2 编辑区 编辑区位于应用程序的中心，在编辑区中不仅可以绘制矢量图，也可以直接处理位图。在编辑区有四个选项卡，分别是“原始”、“预览”、“2幅”和“4幅”。 2.2.1 对象和图层的概念 在Fireworks中，只要我们向画布中添加内容，例如画一个矩形，插入一段文字，导入一个图像，这些都被看作是添加了一个对象。每插入一个对象，Fireworks就插入了一个图层，可以在窗口右侧的“层”面板中看到画布中具有的图层 9.3 工具箱 Fireworks 8的图像处理工具主要都集中在“工具”面板上。Fireworks 8的“工具”面板分成了多个区域，包括选择、位图、矢量、Web、颜色和视图等区域，每个区域都提供了实现不同功能的常用工具。本节主要介绍“工具”面板中涉及的常用绘图工具，有效利用这些工具可以绘制出各种图形，并可为其设置相应的属性，如颜色、大小、位置等。 矢量图和位图的概念 9.3.1 “选择”区域 1．“指针”工具：选择对象、或者画布 2．“选择后方对象”工具：选择那些被其他对象隐藏或遮罩的对象，单击依次按顺序往下选择。多次点击选择最下层对象。如右图 3．“部分选定”工具：可以选择属于组的对象，也可以移动修改矢量图形路径上的点从而改变外观。如图所示： 4.“缩放”工具、“倾斜”工具和“扭曲”工具 缩放工具：可以水平、垂直、两个方向缩放图像 倾斜工具：按水平轴、垂直轴或两个方向变形图像 扭曲工具：调整图像的焦点，达到不规则外形 5．“裁剪”工具：截取原图像中部分图像。如图所示： 6．“导出区域”工具：把图形图像的一部分导出为一个单独的文件。 9.3.2 “位图”区域 1．“选取框”工具和“椭圆选取框”工具：在图像上制作选 区，点击选区被不可以调整选区位置，选择方法如图所示”： 属性： 样式：设定区域的形状和比例 边缘：设置边缘样式 2．“套索”工具和“多边形套索”工具： 选择不规则区域，可以使用套索，点击鼠标，拖动，