《网页设计与制作(第二版)》 第二篇 素材篇
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2018/11/2 《网页设计与制作（第二版）》 13
绘制矢量对象
“工具”面板的“矢量”部分的工具即是对矢 量进行编辑操作的工具，默认情况下有“线条”、 “钢笔”、“矩形”、“文本”、“自由变形”、 “刀子”工具等。
2018/11/2
《网页设计与制作（第二版）》
14
3.3 选择和编辑对象
在 Macromedia Fireworks 8中工作时，将需 要处理矢量对象、位图对象、文本块、切片和热点 以及象素区域。使用选择工具和变形工具，可以移 动、复制、删除、旋转、缩放或倾斜对象。在具有 多个对象的文档中，可以通过对对象执行堆叠、组 合和对齐操作来组织它们。
《网页设计与制作（第二版）》
第二篇 素材篇
人民邮电出版社
第3章 图像处理软件Fireworks
第3章 图像处理软件Fireworks
3.1 Fireworks 8基本操作 3.2 矢量图和位图 3.3 选择和编辑对象 3.4 使用文本 3.5 特殊效果 3.6 图像的切片与导出
2018/11/2
2018/11/2
《网页设计与制作（第二版）》
16
2018/11/2
《网页设计与制作（第二版）》
17
选择象素
创建选区选取框
2018/11/2
《网页设计与制作（第二版）》
18
调整选区选取框 向选区添加象素：按住 Shift 键使用任何位图 选择工具绘制要添加到选区中的区域。 从选区中去除象素：按住 Alt 键并使用位图选 择工具绘制不再属于选区的象素区域。 通过交叉选取框创建选取框：使用任何位图选 择工具创建一选取框，再按住Alt+Shift键创 建重叠原选取框的新选取框，则只有两个选取 框的交叉区域内的象素被选定。 羽化象素选区 创建和移动浮动象素选区
2018/11/2 《网页设计与制作（第二版）》 19
变形和扭曲
缩放对象 旋转对象 翻转对象 倾斜对象 扭曲对象
2018/11/2
《网页设计与制作（第二版）》
20
拖动变形 手柄
旋转轴中心点
2018/11/2
《网页设计与制作（第二版）》
21
2018/11/2
《网页设计与制作（第二版）》
《网页设计与制作（第二版）》
3
3.1 Fireworks 8基本操作
新建与导入文档 文档的保存 浏览文档 设置文档属性
2018/11/2
《网页设计与制作（第二版）》
4
Fireworks 8 简介
Fireworks 8是Macromedia 公司推出的最新专 业化的Web图像处理软件，它在原有版本的基础上功 能更为增强，用户界面更为友好。 使用 Fireworks，可以在一个专业化的环境中 创建和编辑网页图形、对其进行动画处理、添加高 级交互功能以及优化图像。在 Fireworks 中，可 以在单个应用程序中创建和编辑位图和矢量两种图 形。一切都可以随时进行编辑。除此之外，工作流 可以实现自动化，从而满足耗费时间的更新和更改 要求。
《网页设计与制作（第二版）》
7
浏览文档
选择“视图” 菜单下的 “标尺”、 “网格线”、 “引导线” 等即可进入 左图所示状 态。
使用标尺、网格线、引导线等
设置文档属性
图像大小
选择“修改/画布/图象大小”
画布大小
选择“修改/画布/画布大小”
画布颜色
选择“修改/画布/画布颜色…”
2018/11/2
《网页设计与制作（第二版）》
15
选择对象
在画布上对任何对象执行任何操作之前，必 须首先选择该对象。 当“层”面板已打开并且层处于扩展状态时，在 该面板中单击一个对象即可选中该对象。
“工具”面板“选择”部分中有“指针工具”、 “选择后方对象工具”和“部分选定工具”可进 行选择对象。 选择“选择”菜单下的“选择全部”，可将活动 文档窗口内的全部对象一起选中。
2018/11/2
《网页设计与制作（第二版）》
25
编辑矢量对象路径
通过矢量路径上的点来编辑路径 拉伸或推动所选路径 扭曲路径 将路径剪切为多个对象 合并路径对象 删除路径对象的部分 收缩或扩展路径
22
组织对象
2018/11/2
《网页设计与制作（第二版）》
23
修饰位图
克隆象素 模糊和锐化象素 减淡和加深象素 调整位图亮度和对比度 调整色相和饱和度 裁剪所选位图
2018/11/2
《网页设计与制作（第二版）》
24
克隆象素
选择“工具”面板“位图”部分的“橡皮图章”工具， 单击飞机中间指定为源（即要克隆的区域），这时取样指针 变成十字型指针。再将指针移到其他位置并拖动指针，这时 可以看到两个指针，第一个是克隆源，为一十字型。不断在 目标区域拖动即可克隆出一架飞机。
2018/11/2 《网页设计与制作（第二版）》 5
Fireworks 8 工作界面
标题栏 “工具”面板
菜单栏 各种面板组 文档窗口
“属性”面板
2018/11/2
《网页设计与制作（第二版）》
6
新建与导入文档
有三种方式： “文件”菜单下的“新建” 通过剪贴板创建文档 打开或导入文档
2018/11/2
旋转
选择“修改/画布/旋转……”
2018/11/2
ຫໍສະໝຸດ Baidu
《网页设计与制作（第二版）》
9
3.2 矢量图和位图
矢量图和位图的概念 创建位图对象 绘制矢量对象
2018/11/2
《网页设计与制作（第二版）》
10
位图
局部放大时会产生较为严重的失真
2018/11/2 《网页设计与制作（第二版）》 11
矢量图
矢量图是以点和路径构成的，矢量图所记录的是图像中每 一个位置的坐标以及这些坐标之间的相互关系。一般而言，对 矢量图进行任意尺度的放大时都不会有失真现象。
2018/11/2 《网页设计与制作（第二版）》 12
创建位图对象
创建新位图对象 使用Fireworks MX的位图绘制和绘画工具，即 可创建位图图形对象。 创建空位图对象 单击“层”面板中的“新建位图图象”按钮， 或者选择“编辑/插入/空位图”菜单命令 用剪切或复制的方法 矢量对象转换成位图 选中矢量对象后，使用“修改/平面化所选” 菜单命令即可转化成位图图像
绘制矢量对象
“工具”面板的“矢量”部分的工具即是对矢 量进行编辑操作的工具，默认情况下有“线条”、 “钢笔”、“矩形”、“文本”、“自由变形”、 “刀子”工具等。
2018/11/2
《网页设计与制作（第二版）》
14
3.3 选择和编辑对象
在 Macromedia Fireworks 8中工作时，将需 要处理矢量对象、位图对象、文本块、切片和热点 以及象素区域。使用选择工具和变形工具，可以移 动、复制、删除、旋转、缩放或倾斜对象。在具有 多个对象的文档中，可以通过对对象执行堆叠、组 合和对齐操作来组织它们。
《网页设计与制作（第二版）》
第二篇 素材篇
人民邮电出版社
第3章 图像处理软件Fireworks
第3章 图像处理软件Fireworks
3.1 Fireworks 8基本操作 3.2 矢量图和位图 3.3 选择和编辑对象 3.4 使用文本 3.5 特殊效果 3.6 图像的切片与导出
2018/11/2
2018/11/2
《网页设计与制作（第二版）》
16
2018/11/2
《网页设计与制作（第二版）》
17
选择象素
创建选区选取框
2018/11/2
《网页设计与制作（第二版）》
18
调整选区选取框 向选区添加象素：按住 Shift 键使用任何位图 选择工具绘制要添加到选区中的区域。 从选区中去除象素：按住 Alt 键并使用位图选 择工具绘制不再属于选区的象素区域。 通过交叉选取框创建选取框：使用任何位图选 择工具创建一选取框，再按住Alt+Shift键创 建重叠原选取框的新选取框，则只有两个选取 框的交叉区域内的象素被选定。 羽化象素选区 创建和移动浮动象素选区
2018/11/2 《网页设计与制作（第二版）》 19
变形和扭曲
缩放对象 旋转对象 翻转对象 倾斜对象 扭曲对象
2018/11/2
《网页设计与制作（第二版）》
20
拖动变形 手柄
旋转轴中心点
2018/11/2
《网页设计与制作（第二版）》
21
2018/11/2
《网页设计与制作（第二版）》
《网页设计与制作（第二版）》
3
3.1 Fireworks 8基本操作
新建与导入文档 文档的保存 浏览文档 设置文档属性
2018/11/2
《网页设计与制作（第二版）》
4
Fireworks 8 简介
Fireworks 8是Macromedia 公司推出的最新专 业化的Web图像处理软件，它在原有版本的基础上功 能更为增强，用户界面更为友好。 使用 Fireworks，可以在一个专业化的环境中 创建和编辑网页图形、对其进行动画处理、添加高 级交互功能以及优化图像。在 Fireworks 中，可 以在单个应用程序中创建和编辑位图和矢量两种图 形。一切都可以随时进行编辑。除此之外，工作流 可以实现自动化，从而满足耗费时间的更新和更改 要求。
《网页设计与制作（第二版）》
7
浏览文档
选择“视图” 菜单下的 “标尺”、 “网格线”、 “引导线” 等即可进入 左图所示状 态。
使用标尺、网格线、引导线等
设置文档属性
图像大小
选择“修改/画布/图象大小”
画布大小
选择“修改/画布/画布大小”
画布颜色
选择“修改/画布/画布颜色…”
2018/11/2
《网页设计与制作（第二版）》
15
选择对象
在画布上对任何对象执行任何操作之前，必 须首先选择该对象。 当“层”面板已打开并且层处于扩展状态时，在 该面板中单击一个对象即可选中该对象。
“工具”面板“选择”部分中有“指针工具”、 “选择后方对象工具”和“部分选定工具”可进 行选择对象。 选择“选择”菜单下的“选择全部”，可将活动 文档窗口内的全部对象一起选中。
2018/11/2
《网页设计与制作（第二版）》
25
编辑矢量对象路径
通过矢量路径上的点来编辑路径 拉伸或推动所选路径 扭曲路径 将路径剪切为多个对象 合并路径对象 删除路径对象的部分 收缩或扩展路径
22
组织对象
2018/11/2
《网页设计与制作（第二版）》
23
修饰位图
克隆象素 模糊和锐化象素 减淡和加深象素 调整位图亮度和对比度 调整色相和饱和度 裁剪所选位图
2018/11/2
《网页设计与制作（第二版）》
24
克隆象素
选择“工具”面板“位图”部分的“橡皮图章”工具， 单击飞机中间指定为源（即要克隆的区域），这时取样指针 变成十字型指针。再将指针移到其他位置并拖动指针，这时 可以看到两个指针，第一个是克隆源，为一十字型。不断在 目标区域拖动即可克隆出一架飞机。
2018/11/2 《网页设计与制作（第二版）》 5
Fireworks 8 工作界面
标题栏 “工具”面板
菜单栏 各种面板组 文档窗口
“属性”面板
2018/11/2
《网页设计与制作（第二版）》
6
新建与导入文档
有三种方式： “文件”菜单下的“新建” 通过剪贴板创建文档 打开或导入文档
2018/11/2
旋转
选择“修改/画布/旋转……”
2018/11/2
ຫໍສະໝຸດ Baidu
《网页设计与制作（第二版）》
9
3.2 矢量图和位图
矢量图和位图的概念 创建位图对象 绘制矢量对象
2018/11/2
《网页设计与制作（第二版）》
10
位图
局部放大时会产生较为严重的失真
2018/11/2 《网页设计与制作（第二版）》 11
矢量图
矢量图是以点和路径构成的，矢量图所记录的是图像中每 一个位置的坐标以及这些坐标之间的相互关系。一般而言，对 矢量图进行任意尺度的放大时都不会有失真现象。
2018/11/2 《网页设计与制作（第二版）》 12
创建位图对象
创建新位图对象 使用Fireworks MX的位图绘制和绘画工具，即 可创建位图图形对象。 创建空位图对象 单击“层”面板中的“新建位图图象”按钮， 或者选择“编辑/插入/空位图”菜单命令 用剪切或复制的方法 矢量对象转换成位图 选中矢量对象后，使用“修改/平面化所选” 菜单命令即可转化成位图图像