网页制作技术第二版许莉08.任务八制作网页图形.pptVIP

网页制作技术（第二版） 主编 许莉 中国水利水电出版社 网页设计与制作 学习目标 了解Fireworks CS4的功能、特点以及工作界面 掌握矢量图形的绘制方法 掌握矢量图形的笔触、填充的设置方法 掌握图层的使用方法 掌握文本应用的方法 本章结束 知识5 对象的处理 对象的操纵 1）对齐 当多个对象需要对齐时，可以先选中多个对象，然后选择菜单【修改】|【对齐】子菜单中的相关命令，或者在窗口菜单中打开“对齐”面板，选择对齐方式。如图所示。 知识5 对象的处理 2）排列 对象的放置是有一定顺序的，最先创建的对象位于最后面，而最后创建的对象则位于最前面。如果发生重叠，那么前面的对象会遮住后面的对象。当需要修改对象的叠放顺序时，可以选择“修改/排列”子菜单中的相关命令。下图显示了将五角星下移一层后的效果。 知识5 对象的处理 3）组合和取消组合 当需要整体移动多个个对象时，可用使用“组合”命令。选中所有图形，选择【修改】|【组合】命令，或按住“Ctrl+G”快捷键即可组合所有图形。当需要修改单个图形时，可以再选择【修改】|【取消组合】命令，或按住“Ctrl+Shift+G”快捷键。 知识6 文本的创建 输入文本 选择“文本”工具，如果在画布上单击，可以创建自动调整宽度的文本块，其文本块右上角是一个空心的圆形；如果在画布上拖出一个框，则可以创建一个固定宽度的文本块，其文本块的右上角是一个空心的方形。如图所示。如果需要将两种文本块进行转换，只需要选择“文本”工具，把鼠标放到文本块中，当文本块的右上角出现空心圆形或方形时，双击空心圆形或方形即可。 知识6 文本的创建 设置文本属性 输入文本后，可以在属性面板中修改文本的属性。要修改文本名称，可以在“编辑对象名称”文本框中输入文本的名称。要更改字体，可以从“字体”下拉列表中选择一种字体。要更改字号，可以拖动“字号滑块”，或直接在字号文本框中输入一个数值。还可以修改字体颜色，设置加粗、斜体或下划线。要调整字距，可以拖动“字距微调”滑块。还可以调整字顶距、段落缩进、段前空格、段后空格、水平缩放、文本块方向、文本对齐方式、消除锯齿级别等。如图所示。 知识6 文本的创建 使用“指针”工具选择文本块，还可以为文本块设置透明度、混合模式、滤镜以及样式。如图所示，就是给文本设置了文本创意样式的效果。 知识6 文本的创建 将文本附加到路径 要使文本的排列更生动，可以将文本附加到路径。文本会沿着路径的方向排列，并可以被编辑。将文本附加到路径的方法如下： 创建一个文本对象，绘制一个路径对象，按住“Shift”键同时选中二者，选择菜单命令【文本】|【附加到路径】。如图所示。此时，可以在属性面板设置文本属性，而路经的笔触、填充和效果等属性都会消失。 知识6 文本的创建 按住“Shift”键同时选中文本和路径，选择【文本】|【附加到路径内】，可以将文本附加到闭合路径的内部。如图所示。 知识6 文本的创建 将文本转换为路径 选中文本框，选择【文本】|【转换为路径】命令，就可以将文本转换为路径。或者选中文本框后直接点击右键，在弹出的菜单中选择“转换为路径”即可。文本转换为路径后，可以选择“部分选定工具”，调整路径上的节点，从而改变文本的形状。下图就是将文本转换为路径后使用“部分选定工具”进行编辑，并结合矢量图绘图工具绘制的效果。 任务1 绘制几何图形 任务2 绘制公司标志 任务3 制作新浪网标志 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 尚辅网 / 任务八 制作网页图形 任务八 制作网页图形 目录： 知识1 Fireworks CS4的功能和特点 知识2 Fireworks CS4的工作界面 知识3 Fireworks CS4文档的基本操作 知识4 矢量图形的绘制 知识5 对象的处理 知识6 文本的创建 任务1 绘制几何图形 任务2 绘制公司标志 任务3 制作新浪网标志 任务八 制作网页图形 知识1 Fireworks CS4的功能和特点 认识Fireworks CS4 Fireworks CS4是一种网页图形设计软件，它与Dreamweaver CS4、Flash CS4高度集成，使网页设计时更加方便快捷。只要将Drea