网页设计实用教程 第11章 使用Fireworks 制作网页图片

《网页设计实用教程 第11章 使用Fireworks 制作网页图片》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章使用Fireworks制作网页图片制作人：曾俊国重点与难点了解网页图像的格式掌握对网页图片的各种常见操作掌握处理矢量对象的方法位图图像处理11.1开发Web应用的准备工作FireworksCS4是最新的图像处理软件，其功能强大，已超出了单纯的图像处理功能，很多网页制作软件的功能它都具有。在工作界面上与DreamweaverCS4相似，都采用了人性化的设计环境，大大简化了网络图像设计的工作难度，无论是专业人士还是业余设计工作者，使用FireworksCS4都能轻松地制作出与具体网页匹配的图像。11.1.1、网页图像的格式GIF(Gra

2、phicsInterchangeformat)图片JPEG(JointPhotograhicExpertsGroup，联合图像专家组)图片PNG(PortableNetworkGraphicFormat，流式网络图形格式)图片11.1.2、FireworksCS4的工作界面及新增功能（1）AdobeAIR创作新增功能(2)PDF导出新增功能（3）可自定义、重用的资产增强功能（4）.全新的用户界面（5）增强的字体处理功能（6）增强的样式面板功能（7）工作区的改进（8）AdobeKuler集成功能（9）AdobeConnectNow集成新增功能

3、11.1.2、新建文档使用菜单“文件”中的“新建”命令，将弹出如下图所示的“新建文档”对话框，该对话框自动保持与在上次创建文档相同的设置，调整好各项参数后单击“确定”按钮，随即可建一个新的PNG格式文件。11.1.3、使用标尺、网格和辅助线单击“视图”菜单中的“标尺”选项，可在文档窗口中显示或隐藏标尺；同样选中“视图”菜单中的“网格”选项，可在文档窗口中显示或隐藏网格、编辑和对齐网格。网格颜色和网格大小可以根据需要重新编辑设定。打开标尺显示后，将鼠标指针移至水平标尺或垂直标尺单击并拖动鼠标，可创建水平或垂直辅助线。如果要调整辅助线，单击工具

4、箱中的工具按钮，将鼠标指针靠近辅助线，当鼠标形状变为上下箭头或左右箭头时，按下鼠标左键拖动。若将辅助线拖出画布区域，则辅助线被删除。在了解了FireworksCS4相关基础知识之后，通过一个网站的LOGO标志图片的制作过程，讲解利用FireworksCS4设计制作图形图像的一般步骤。11.2案例剖析：一个网站的LOGO图片制作11.2.1、选择对象在FireworksCS4中，可以使用以下选择工具：“指针”工具，单击该工具后再单击一个对象可选中一个对象，或在一定区域内拖动鼠标左键，可将该区域内的多个对象选中。“部分选定”工具按钮，主要用于选

5、择和移动路径，修改矢量对象上的节点，或选择组内的某个对象。“选择后方对象”工具用于选择被其他对象隐藏或遮挡的对象，该按钮与“指针”工具重叠在一起，通过单击其下方的箭头可实现二者的相互切换。“导出区域”工具用于选择要导出为单独文件的区域，同样，该按钮与“裁剪”工具按钮重叠在一起。选择“指针”工具，将鼠标移动到要选取的对象上，单击选择该对象。选择多个对象的方法，除了前面提到的用鼠标框选，还可以先选择一个对象后，按住“Shift”键，继续单击其他要选择的对象。通过“选择”菜单中的“全选”命令可实现选择文档中的所有对象，按住“Ctrl+A”组合键也

6、可选中所有对象。11.2.2、操作对象1.新建空白文档2.利用工具箱中的各种工具按钮制作所需的图形元素。3.设置图形元素属性。4.调整图像元素位置。11.2.3、组织对象上述步骤完成后，按照前面所讲的方法框选文档中的所有对象，按下“Ctrl+G”组合键将所有对象组合成一体，然后单击工具栏上的保存按钮，或按“Ctrl+S”组合键将文档保存为png格式，该格式是Fireworks的源文件。11.2.4、位图工具位图又叫点阵图，其图形是由屏幕上许多细微的小点组成，基于位图的图形操作实际上就是把图形中的像素作为处理的对象。在FireworksCS4

7、中要创建位图，可以使用位图工具绘制，将矢量图转换为位图图像，也可以直接打开或导入位图。选择区域工具在位图编辑模式中是重要的工具，选择区域工具可以确定位图中像素的编辑范围，也可以帮助生成复杂曲线。生成位图选区调整位图选区使用笔触和填充工具使用修饰图像工具11.2.5、修饰位图11.2.6、绘制矢量对象使用工具箱中的“直线”、“矩形”、“椭圆”工具可以快速绘制直线、矩形和椭圆等基本形状，就如同本章一开始所讲的制作网站LOGO标志图形一样。对于“直线”工具，按住鼠标左键并拖动鼠标，则将按45°的整数倍的角度来绘制直线；对于“矩形”和“椭圆”工具，

8、按住“Shift”键并拖动鼠标，可以绘制正方形或圆形，另外，如需从指定的中心点绘制“直线”、“矩形”或“椭圆”，则按住“Alt”键的同时拖动鼠标绘制。11.2.7、编辑路径路径和