fireworks cs5标准实例教程 配套全册教学课件
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第1章 初识Fireworks CS5
本章重点 Fireworks 可以与多种产品集成在一起，包括Adobe的其它产品
（如 Dreamweaver、Flash、FreeHand 和 Director）和其它您喜欢 的图形应用程序及 HTML 编辑器，这无疑使多个软件的功能得到了互 补与加强，尤其是使Fireworks的功能得到了无限的扩展，从而提供 了一个真正集成的 Web 解决方案。 学习目的 通过本章的学习，您可以： 了解Fireworks CS5的新功能 掌握基础知识 基本操作
CMY色彩模式：CMY模式是减色模型，通常在印刷行业中使用。它以 青色、品红、黄色、黑色为基色，因此又叫CMYK模型。
HSB色彩模式：该模式将色彩分为色调、饱和度和亮度三个要素。
灰度色彩模式：灰度色彩模式是用0~255种灰度值来表现图像中像素颜 色的一种色彩模式，该模式可以使图像的过渡更加平滑细腻，也是一 种能让彩色模式转换为位图和双调图的过渡模式。
1.3.6 导入图像
1．选择【文件】/【导入】命令。 2．在导入文件对话框中选择需导入的文件，单击【打开】按钮。 3．在文档窗口拖动鼠标指针，出现一个虚线矩形框，如左图所示。松开
鼠标，图片被导入到矩形框中。导入图片大小、位置和尺寸由拖动产 生的矩形框决定，如右图所示。
也可以直接在文档编辑窗口中单击鼠标，图片也能被导入。单击的位 置即为图片左上角的位置，图片的大小不变，保持原尺寸。
1．在工具箱中选择一种形状工具。 2．在【属性】面板中设置填充和笔触样式、合成
图像的分辨率越高，构成图像的像素数就越多，相应地，图像文件也 就越大。在处理网页图像时，一定要平衡好图像的色彩品质和网络传 输速度之间的关系。
设计处理网页图像时，一般PC机的分辨率是96 ppi，苹果机的分辨率 是72 ppi。
1.2.3 色彩模式
RGB色彩模式：该模式俗称三基色。这种模式是以红、绿、蓝三种基 本色为基础，进行不同程度的叠加，从而产生丰富而广泛的颜色。
学习的过程中多加体会，让Fireworks CS5真正成为您处理网页图像 的得力助手。 学习目的
通过本章的学习，要求掌握： 形状工具 自由路径 笔触和填充 位图选择工具
2.1 矢量对象
2.1.1 形状工具 形状工具组中有17种形状工具，即如图所示
的形状工具组和直线工具。
使用形状工具绘制图形的一般步骤如下：
1.2 基础知识
1.2.1 位图与矢量图
位图：也叫作栅格图，是由许多小栅格（即像素）组成的。处理位图 时，实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面， 或者进行一些特殊效果处理时，位图是最佳的选择。但是一定要注意， 位图的清晰度与其分辨率密切相关，缩放位图图像会改变其显示效果。 例如，在放大位图图像时会出现马赛克效果。
1、新建文件 选择【文件】/【新建】命令，在弹出的【新建文档】对话框中设置文 档的各项参数后，即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下： 宽度/高度：画布的宽度/高度值。 分辨率：图像的分辨率。 画布颜色：设置需要的画布颜色。
Fireworks CS5新增了设计模板，利用内置的5种不同类型的模板： 文档预设、网格系统、移动设备、网页和线框图，用户能够快速创建 相应的应用，减少二次开发，提高效率。此外，用户还可以将常用的 文档结构保存为可与设计小组共享的模板。
在【新建文档】对话框中，单击左下角的【模板】按钮，即可打 开【通过模板新建】对话框，在弹出的对话框中可以选择需要的模板 文件。
2、打开、保存、关闭文档 3、修改文档属性
（1）执行【修改】/【画布】/【画布大小】命令。 （2）在【新尺寸】区域输入画布新的高度和宽度值。 （3）【锚定】区域中的按钮表示画布扩展或收缩的方向。 （4）如果只要改变当前页面的大小，则须保留选中【仅当前页面】选 项。如果要修改当前文档中所有页面的大小，则取消选中该复选框。
矢量图：是用一组数学指令来描述图像的内容，这些指令定义了构成 图像的所有直线、曲线等要素的形状、位置等信息。使用矢量图任意 缩放图像，或以任意分辨率的设备输出图像，都不会影响图像的品质。 例如，Flash、FreeHand、LiveMotion等软件处理的就是矢量图。
1.2.2 分辨率
分辨率是位图特有的概念，图像的分辨率是指单位长度上的像素数， 通常用每英寸中的像素数来表示（即ppi）。
（5）设置完毕，单击【确定】按钮。 此外还可以使用工具栏中的裁切工具改变画布的大小。在文档中拖动
鼠标勾绘出整个文档的裁切边框后，双击鼠标即可将画布改变为裁切 框所包围的大小。
注意：在重设画布大小时，画布大小变化等同于文档大小的变化，但 是不等同于文档中图像对象的大小变化。也就是说改变画布大小仅改 变画布的大小，画布上所绘制的图像比例并不改变。
网页安全色：目前的浏览器使用了256色中的40种颜色，所以这40种颜 色不再用于网页设计，剩余的216种颜色被称为网页安全色。
1.3 基本操作
1.3.1 工作界面
ቤተ መጻሕፍቲ ባይዱ
1.3.2 工具箱
1.3.3 修改工具栏
1.3.4 面板的使用
分组和移动面板 Fireworks CS5中的常用面板
1.3.5 文件的操作
1.1 Fireworks CS5的新功能
Fireworks CS5不仅继承了以往Fireworks的强大功能，还增添了 许多新的特性。
增强的性能和稳定性 精确到像素的渲染 支持Adobe Flash应用程序工作流程 设计模板 Adobe色板交换支持 设计完整的网站 Adobe Device Central集成 改进的可扩展性
1.3.7 辅助工具
标尺
辅助线 使用9切片缩放辅助线可以在缩放标准对象或元件时，最好地
保留对象指定区域的几何形状，辅助线之外的部分（如对象的四个 角）在缩放时不会变形。
智能辅助线是临时的对齐辅助线，可帮助用户相对于其它对象 创建对象、对齐对象、编辑对象和使对象变形。
网格
第2章 绘制图像
本章重点 本章重点介绍各种绘图工具的使用方法与技巧，希望读者朋友在
本章重点 Fireworks 可以与多种产品集成在一起，包括Adobe的其它产品
（如 Dreamweaver、Flash、FreeHand 和 Director）和其它您喜欢 的图形应用程序及 HTML 编辑器，这无疑使多个软件的功能得到了互 补与加强，尤其是使Fireworks的功能得到了无限的扩展，从而提供 了一个真正集成的 Web 解决方案。 学习目的 通过本章的学习，您可以： 了解Fireworks CS5的新功能 掌握基础知识 基本操作
CMY色彩模式：CMY模式是减色模型，通常在印刷行业中使用。它以 青色、品红、黄色、黑色为基色，因此又叫CMYK模型。
HSB色彩模式：该模式将色彩分为色调、饱和度和亮度三个要素。
灰度色彩模式：灰度色彩模式是用0~255种灰度值来表现图像中像素颜 色的一种色彩模式，该模式可以使图像的过渡更加平滑细腻，也是一 种能让彩色模式转换为位图和双调图的过渡模式。
1.3.6 导入图像
1．选择【文件】/【导入】命令。 2．在导入文件对话框中选择需导入的文件，单击【打开】按钮。 3．在文档窗口拖动鼠标指针，出现一个虚线矩形框，如左图所示。松开
鼠标，图片被导入到矩形框中。导入图片大小、位置和尺寸由拖动产 生的矩形框决定，如右图所示。
也可以直接在文档编辑窗口中单击鼠标，图片也能被导入。单击的位 置即为图片左上角的位置，图片的大小不变，保持原尺寸。
1．在工具箱中选择一种形状工具。 2．在【属性】面板中设置填充和笔触样式、合成
图像的分辨率越高，构成图像的像素数就越多，相应地，图像文件也 就越大。在处理网页图像时，一定要平衡好图像的色彩品质和网络传 输速度之间的关系。
设计处理网页图像时，一般PC机的分辨率是96 ppi，苹果机的分辨率 是72 ppi。
1.2.3 色彩模式
RGB色彩模式：该模式俗称三基色。这种模式是以红、绿、蓝三种基 本色为基础，进行不同程度的叠加，从而产生丰富而广泛的颜色。
学习的过程中多加体会，让Fireworks CS5真正成为您处理网页图像 的得力助手。 学习目的
通过本章的学习，要求掌握： 形状工具 自由路径 笔触和填充 位图选择工具
2.1 矢量对象
2.1.1 形状工具 形状工具组中有17种形状工具，即如图所示
的形状工具组和直线工具。
使用形状工具绘制图形的一般步骤如下：
1.2 基础知识
1.2.1 位图与矢量图
位图：也叫作栅格图，是由许多小栅格（即像素）组成的。处理位图 时，实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面， 或者进行一些特殊效果处理时，位图是最佳的选择。但是一定要注意， 位图的清晰度与其分辨率密切相关，缩放位图图像会改变其显示效果。 例如，在放大位图图像时会出现马赛克效果。
1、新建文件 选择【文件】/【新建】命令，在弹出的【新建文档】对话框中设置文 档的各项参数后，即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下： 宽度/高度：画布的宽度/高度值。 分辨率：图像的分辨率。 画布颜色：设置需要的画布颜色。
Fireworks CS5新增了设计模板，利用内置的5种不同类型的模板： 文档预设、网格系统、移动设备、网页和线框图，用户能够快速创建 相应的应用，减少二次开发，提高效率。此外，用户还可以将常用的 文档结构保存为可与设计小组共享的模板。
在【新建文档】对话框中，单击左下角的【模板】按钮，即可打 开【通过模板新建】对话框，在弹出的对话框中可以选择需要的模板 文件。
2、打开、保存、关闭文档 3、修改文档属性
（1）执行【修改】/【画布】/【画布大小】命令。 （2）在【新尺寸】区域输入画布新的高度和宽度值。 （3）【锚定】区域中的按钮表示画布扩展或收缩的方向。 （4）如果只要改变当前页面的大小，则须保留选中【仅当前页面】选 项。如果要修改当前文档中所有页面的大小，则取消选中该复选框。
矢量图：是用一组数学指令来描述图像的内容，这些指令定义了构成 图像的所有直线、曲线等要素的形状、位置等信息。使用矢量图任意 缩放图像，或以任意分辨率的设备输出图像，都不会影响图像的品质。 例如，Flash、FreeHand、LiveMotion等软件处理的就是矢量图。
1.2.2 分辨率
分辨率是位图特有的概念，图像的分辨率是指单位长度上的像素数， 通常用每英寸中的像素数来表示（即ppi）。
（5）设置完毕，单击【确定】按钮。 此外还可以使用工具栏中的裁切工具改变画布的大小。在文档中拖动
鼠标勾绘出整个文档的裁切边框后，双击鼠标即可将画布改变为裁切 框所包围的大小。
注意：在重设画布大小时，画布大小变化等同于文档大小的变化，但 是不等同于文档中图像对象的大小变化。也就是说改变画布大小仅改 变画布的大小，画布上所绘制的图像比例并不改变。
网页安全色：目前的浏览器使用了256色中的40种颜色，所以这40种颜 色不再用于网页设计，剩余的216种颜色被称为网页安全色。
1.3 基本操作
1.3.1 工作界面
ቤተ መጻሕፍቲ ባይዱ
1.3.2 工具箱
1.3.3 修改工具栏
1.3.4 面板的使用
分组和移动面板 Fireworks CS5中的常用面板
1.3.5 文件的操作
1.1 Fireworks CS5的新功能
Fireworks CS5不仅继承了以往Fireworks的强大功能，还增添了 许多新的特性。
增强的性能和稳定性 精确到像素的渲染 支持Adobe Flash应用程序工作流程 设计模板 Adobe色板交换支持 设计完整的网站 Adobe Device Central集成 改进的可扩展性
1.3.7 辅助工具
标尺
辅助线 使用9切片缩放辅助线可以在缩放标准对象或元件时，最好地
保留对象指定区域的几何形状，辅助线之外的部分（如对象的四个 角）在缩放时不会变形。
智能辅助线是临时的对齐辅助线，可帮助用户相对于其它对象 创建对象、对齐对象、编辑对象和使对象变形。
网格
第2章 绘制图像
本章重点 本章重点介绍各种绘图工具的使用方法与技巧，希望读者朋友在