网页设计与制作 教学课件 作者 相万让 第4章.ppt

《网页设计与制作 教学课件 作者 相万让 第4章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第4章图像处理软件Fireworks《网页设计与制作》4.1FireworksMX简介4.2FireworksMX文档的基本操作4.3矢量图和位图4.4选择和编辑对象4.5颜色和填充4.6使用文本4.7特殊效果4.8GIF动画4.9图像的切片与导出2网页设计与制作4.1FireworksMX简介FireworksMX是Macromedia公司推出的最新专业化的Web图像处理软件，它在原有版本的基础上功能更为增强，用户界面更为友好。使用Fireworks，您可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。在Firew

2、orks中，可以在单个应用程序中创建和编辑位图和矢量两种图形。一切都可以随时进行编辑。除此之外，工作流可以实现自动化，从而满足耗费时间的更新和更改要求3网页设计与制作FireworksMX的功能特点良好的的用户界面无模式位图和矢量编辑切片表布局控件实例级按钮元件编辑快速导出开放的工作流程特性4网页设计与制作FireworksMX工作界面5网页设计与制作4.2FireworksMX文档的基本操作新建与导入文档文档的保存浏览文档设置文档属性6网页设计与制作新建与导入文档“文件”菜单下的“新建”通过剪贴板创建文档打开或导入文档7网页设计与制作浏览文档使用标尺、网格

3、线、引导线等8网页设计与制作设置文档属性图像大小选择“修改/画布/图象大小”画布大小选择“修改/画布/画布大小”画布颜色选择“修改/画布/画布颜色…”旋转选择“修改/画布/旋转……”9网页设计与制作4.3矢量图和位图矢量图和位图的概念创建位图对象绘制矢量对象10网页设计与制作位图局部放大时会产生较为严重的失真11网页设计与制作矢量图矢量图是以点和路径构成的，矢量图所记录的是图像中每一个位置的坐标以及这些坐标之间的相互关系。一般而言，对矢量图进行任意尺度的放大时都不会有失真现象。12网页设计与制作创建位图对象创建新位图对象使用FireworksMX的位图绘制和

4、绘画工具，即可创建位图图形对象。创建空位图对象单击“层”面板中的“新建位图图象”按钮，或者选择“编辑/插入/空位图”菜单命令用剪切或复制的方法矢量对象转换成位图选中矢量对象后，使用“修改/平面化所选”菜单命令即可转化成位图图像13网页设计与制作绘制矢量对象“工具”面板的“矢量”部分的工具即是对矢量进行编辑操作的工具，默认情况下有“线条”、“钢笔”、“矩形”、“文本”、“自由变形”、“刀子”工具等。14网页设计与制作4.4选择和编辑对象在MacromediaFireworksMX中工作时，将需要处理矢量对象、位图对象、文本块、切片和热点以及象素区域。使用选择工

5、具和变形工具，可以移动、复制、删除、旋转、缩放或倾斜对象。在具有多个对象的文档中，可以通过对对象执行堆叠、组合和对齐操作来组织它们。15网页设计与制作选择对象在画布上对任何对象执行任何操作之前，必须首先选择该对象。当“层”面板已打开并且层处于扩展状态时，在该面板中单击一个对象即可选中该对象。“工具”面板“选择”部分中有“指针工具”、“选择后方对象工具”和“部分选定工具”可进行选择对象。选择“选择”菜单下的“选择全部”，可将活动文档窗口内的全部对象一起选中。16网页设计与制作17网页设计与制作选择象素创建选区选取框18网页设计与制作调整选区选取框向选区添加象素

6、：按住Shift键使用任何位图选择工具绘制要添加到选区中的区域。从选区中去除象素：按住Alt键并使用位图选择工具绘制不再属于选区的象素区域。通过交叉选取框创建选取框：使用任何位图选择工具创建一选取框，再按住Alt+Shift键创建重叠原选取框的新选取框，则只有两个选取框的交叉区域内的象素被选定。羽化象素选区创建和移动浮动象素选区19网页设计与制作变形和扭曲缩放对象旋转对象翻转对象倾斜对象扭曲对象20网页设计与制作21网页设计与制作22网页设计与制作组织对象23网页设计与制作修饰位图克隆象素模糊和锐化象素减淡和加深象素调整位图亮度和对比度调整色相和饱和度裁剪所

7、选位图24网页设计与制作编辑矢量对象路径通过矢量路径上的点来编辑路径拉伸或推动所选路径扭曲路径将路径剪切为多个对象合并路径对象删除路径对象的部分收缩或扩展路径25网页设计与制作4.5颜色和填充颜色也是网页设计及制作中需要着重考虑的因素之一，可以说颜色应用得好坏将直接影响到最终的网站。真彩色网页安全色MacromediaFireworksMX包含各种面板、工具和选项，用于组织和选择颜色并将颜色应用到位图图象和矢量对象。26网页设计与制作选择颜色27网页设计与制作使用颜色样本添加颜色删除颜色保存样本“选项”菜单28网页设计与制作使用混色器29网页设计与制作填充实

8、心填充图案填充渐变填充30网页设计与制作4.6使用文