中文版Fireworks-CS5基础与上机实训课件-01

计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列中文版中文版中文版Fireworks CS5Fireworks CS5Fireworks CS5基础与上机实训基础与上机实训基础与上机实训计算机基础与实训教材系列中文版Fireworks CS5基1 1第第第第 一一一一 章章章章Fireworks CS5Fireworks CS5Fireworks CS5使用基使用基使用基础础础 第 一 章Fireworks CS5使用基础 2 2学学学学 习习习习 目目目目 标标标标 Fireworks CS5 Fireworks CS5 Fireworks CS5作为一款真正意义上的网页图形设计软件，作为一款真正意义上的网页图形设计软件，作为一款真正意义上的网页图形设计软件，作为一款真正意义上的网页图形设计软件，作为一款真正意义上的网页图形设计软件，作为一款真正意义上的网页图形设计软件，可以说是完美之至。它给网页图形设计人员和开发人员提供一可以说是完美之至。它给网页图形设计人员和开发人员提供一可以说是完美之至。它给网页图形设计人员和开发人员提供一可以说是完美之至。它给网页图形设计人员和开发人员提供一可以说是完美之至。它给网页图形设计人员和开发人员提供一可以说是完美之至。它给网页图形设计人员和开发人员提供一个快捷方便的制作环境。在个快捷方便的制作环境。在个快捷方便的制作环境。在个快捷方便的制作环境。在个快捷方便的制作环境。在个快捷方便的制作环境。在FireworksFireworksFireworks中，用户可以利用系统所中，用户可以利用系统所中，用户可以利用系统所中，用户可以利用系统所中，用户可以利用系统所中，用户可以利用系统所提供的位图与矢量图工具创建、编辑提供的位图与矢量图工具创建、编辑提供的位图与矢量图工具创建、编辑提供的位图与矢量图工具创建、编辑提供的位图与矢量图工具创建、编辑提供的位图与矢量图工具创建、编辑WebWebWeb图形与动画，利用可图形与动画，利用可图形与动画，利用可图形与动画，利用可图形与动画，利用可图形与动画，利用可配置的输出和优化图像功能，将制作好的图像输出到配置的输出和优化图像功能，将制作好的图像输出到配置的输出和优化图像功能，将制作好的图像输出到配置的输出和优化图像功能，将制作好的图像输出到配置的输出和优化图像功能，将制作好的图像输出到配置的输出和优化图像功能，将制作好的图像输出到DreamweaverDreamweaverDreamweaver或其他或其他或其他或其他或其他或其他HTMLHTMLHTML编辑环境中。同时，在编辑环境中。同时，在编辑环境中。同时，在编辑环境中。同时，在编辑环境中。同时，在编辑环境中。同时，在DreamweaverDreamweaverDreamweaver和和和和和和FlashFlashFlash内可以直接启动与编辑内可以直接启动与编辑内可以直接启动与编辑内可以直接启动与编辑内可以直接启动与编辑内可以直接启动与编辑Fireworks Fireworks Fireworks 图形，图形，图形，图形，图形，图形，从而使网页制作变得更加轻松自如。从而使网页制作变得更加轻松自如。从而使网页制作变得更加轻松自如。从而使网页制作变得更加轻松自如。从而使网页制作变得更加轻松自如。从而使网页制作变得更加轻松自如。学 习 目 标 Fireworks CS5作为本本本本 章章章章 重重重重 点点点点uuu Fireworks CS5 Fireworks CS5 Fireworks CS5的工作界面的工作界面的工作界面的工作界面的工作界面的工作界面 uuu 文档的创建方法文档的创建方法文档的创建方法文档的创建方法文档的创建方法文档的创建方法uuu 文档属性的设置方法文档属性的设置方法文档属性的设置方法文档属性的设置方法文档属性的设置方法文档属性的设置方法uuu 辅助工具的使用辅助工具的使用辅助工具的使用辅助工具的使用辅助工具的使用辅助工具的使用uuu 视图的调整视图的调整视图的调整视图的调整视图的调整视图的调整 本 章 重 点 Fireworks CS5的工作界面 1.1 1.1 1.1 1.1 关于关于关于关于Fireworks CS5Fireworks CS5功能介绍功能介绍功能介绍功能介绍 Fireworks Fireworks Fireworks可以提供一个专业化的创建与编辑可以提供一个专业化的创建与编辑可以提供一个专业化的创建与编辑可以提供一个专业化的创建与编辑可以提供一个专业化的创建与编辑可以提供一个专业化的创建与编辑WebWebWeb图像的工作环境，在此图像的工作环境，在此图像的工作环境，在此图像的工作环境，在此图像的工作环境，在此图像的工作环境，在此环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导航条、弹环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导航条、弹环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导航条、弹环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导航条、弹环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导航条、弹环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导航条、弹出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍Fireworks Fireworks Fireworks CS5CS5CS5的基本功能。的基本功能。的基本功能。的基本功能。的基本功能。的基本功能。1.1 关于Fireworks CS5功能介绍 1.1.1 1.1.1 1.1.1 1.1.1 编辑位图图像编辑位图图像编辑位图图像编辑位图图像 在在在在在在FireworksFireworksFireworks中每一个位图都是一个独立的对象，可以对其运用中每一个位图都是一个独立的对象，可以对其运用中每一个位图都是一个独立的对象，可以对其运用中每一个位图都是一个独立的对象，可以对其运用中每一个位图都是一个独立的对象，可以对其运用中每一个位图都是一个独立的对象，可以对其运用“魔术魔术魔术魔术魔术魔术棒棒棒棒棒棒”工具、工具、工具、工具、工具、工具、“套索套索套索套索套索套索”工具、工具、工具、工具、工具、工具、“铅笔铅笔铅笔铅笔铅笔铅笔”工具、工具、工具、工具、工具、工具、“刷子刷子刷子刷子刷子刷子”工具、工具、工具、工具、工具、工具、“橡皮擦橡皮擦橡皮擦橡皮擦橡皮擦橡皮擦”工具工具工具工具工具工具等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂抹等效果。等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂抹等效果。等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂抹等效果。等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂抹等效果。等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂抹等效果。等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂抹等效果。1.1.1 编辑位图图像 在Firewo1.1.2 1.1.2 1.1.2 1.1.2 编辑矢量图形编辑矢量图形编辑矢量图形编辑矢量图形 在在在在在在FireworksFireworksFireworks中，矢量图形的绘制工具有中，矢量图形的绘制工具有中，矢量图形的绘制工具有中，矢量图形的绘制工具有中，矢量图形的绘制工具有中，矢量图形的绘制工具有“直线直线直线直线直线直线”工具、工具、工具、工具、工具、工具、“矩形矩形矩形矩形矩形矩形”工具、工具、工具、工具、工具、工具、“椭圆椭圆椭圆椭圆椭圆椭圆”工具、工具、工具、工具、工具、工具、“星形星形星形星形星形星形”工具、工具、工具、工具、工具、工具、“圆角矩形圆角矩形圆角矩形圆角矩形圆角矩形圆角矩形”工具等基本形状绘制工具和工具等基本形状绘制工具和工具等基本形状绘制工具和工具等基本形状绘制工具和工具等基本形状绘制工具和工具等基本形状绘制工具和“钢笔钢笔钢笔钢笔钢笔钢笔”工具、工具、工具、工具、工具、工具、“矢量路径矢量路径矢量路径矢量路径矢量路径矢量路径”工具等自由矢量路径绘制工具。工具等自由矢量路径绘制工具。工具等自由矢量路径绘制工具。工具等自由矢量路径绘制工具。工具等自由矢量路径绘制工具。工具等自由矢量路径绘制工具。1.1.2 编辑矢量图形 在Firewo1.1.3 1.1.3 1.1.3 1.1.3 丰富的动态滤镜丰富的动态滤镜丰富的动态滤镜丰富的动态滤镜 在在在在在在FireworksFireworksFireworks中，可以使用丰富的动态滤镜为图像制作生动的效果。动中，可以使用丰富的动态滤镜为图像制作生动的效果。动中，可以使用丰富的动态滤镜为图像制作生动的效果。动中，可以使用丰富的动态滤镜为图像制作生动的效果。动中，可以使用丰富的动态滤镜为图像制作生动的效果。动中，可以使用丰富的动态滤镜为图像制作生动的效果。动态滤镜包括态滤镜包括态滤镜包括态滤镜包括态滤镜包括态滤镜包括“斜角和浮雕斜角和浮雕斜角和浮雕斜角和浮雕斜角和浮雕斜角和浮雕”、“杂点杂点杂点杂点杂点杂点”、“阴影和光晕阴影和光晕阴影和光晕阴影和光晕阴影和光晕阴影和光晕”、“调整颜色调整颜色调整颜色调整颜色调整颜色调整颜色”、“模糊模糊模糊模糊模糊模糊”和和和和和和“锐化锐化锐化锐化锐化锐化”等。动态滤镜可以用于矢量对象、位图对象和文本对象。等。动态滤镜可以用于矢量对象、位图对象和文本对象。等。动态滤镜可以用于矢量对象、位图对象和文本对象。等。动态滤镜可以用于矢量对象、位图对象和文本对象。等。动态滤镜可以用于矢量对象、位图对象和文本对象。等。动态滤镜可以用于矢量对象、位图对象和文本对象。在编辑这些对象时直接从属性面板中选择所要运用的滤镜种类即可。在编辑这些对象时直接从属性面板中选择所要运用的滤镜种类即可。在编辑这些对象时直接从属性面板中选择所要运用的滤镜种类即可。在编辑这些对象时直接从属性面板中选择所要运用的滤镜种类即可。在编辑这些对象时直接从属性面板中选择所要运用的滤镜种类即可。在编辑这些对象时直接从属性面板中选择所要运用的滤镜种类即可。1.1.3 丰富的动态滤镜 在Firewor1.1.4 1.1.4 1.1.4 1.1.4 处理文本处理文本处理文本处理文本 Fireworks CS5 Fireworks CS5 Fireworks CS5提供了强大的文本处理功能，除了可以进行一般的文本提供了强大的文本处理功能，除了可以进行一般的文本提供了强大的文本处理功能，除了可以进行一般的文本提供了强大的文本处理功能，除了可以进行一般的文本提供了强大的文本处理功能，除了可以进行一般的文本提供了强大的文本处理功能，除了可以进行一般的文本操作，如运用不同的字体和调整文字之间的间距外，还可以同操作，如运用不同的字体和调整文字之间的间距外，还可以同操作，如运用不同的字体和调整文字之间的间距外，还可以同操作，如运用不同的字体和调整文字之间的间距外，还可以同操作，如运用不同的字体和调整文字之间的间距外，还可以同操作，如运用不同的字体和调整文字之间的间距外，还可以同“笔触笔触笔触笔触笔触笔触”面板、面板、面板、面板、面板、面板、“填充填充填充填充填充填充”面板、动态滤镜相结合，设计出更为美观的文本。面板、动态滤镜相结合，设计出更为美观的文本。面板、动态滤镜相结合，设计出更为美观的文本。面板、动态滤镜相结合，设计出更为美观的文本。面板、动态滤镜相结合，设计出更为美观的文本。面板、动态滤镜相结合，设计出更为美观的文本。1.1.4 处理文本 Fireworks 1.1.5 1.1.5 1.1.5 1.1.5 制作制作制作制作GIFGIF动画动画动画动画 在在在在在在FireworksFireworksFireworks中可以创建和编辑简单的中可以创建和编辑简单的中可以创建和编辑简单的中可以创建和编辑简单的中可以创建和编辑简单的中可以创建和编辑简单的GIFGIFGIF动画，其原理是首先创建动画动画，其原理是首先创建动画动画，其原理是首先创建动画动画，其原理是首先创建动画动画，其原理是首先创建动画动画，其原理是首先创建动画元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现元件在屏元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现元件在屏元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现元件在屏元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现元件在屏元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现元件在屏元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现元件在屏幕上的动画效果。此外，还可以给每帧上的动画元件添加不同的滤镜特效。幕上的动画效果。此外，还可以给每帧上的动画元件添加不同的滤镜特效。幕上的动画效果。此外，还可以给每帧上的动画元件添加不同的滤镜特效。幕上的动画效果。此外，还可以给每帧上的动画元件添加不同的滤镜特效。幕上的动画效果。此外，还可以给每帧上的动画元件添加不同的滤镜特效。幕上的动画效果。此外，还可以给每帧上的动画元件添加不同的滤镜特效。1.1.5 制作GIF动画 在Firewor1.1.6 1.1.6 1.1.6 1.1.6 快速创建切片和热点快速创建切片和热点快速创建切片和热点快速创建切片和热点 切片是切片是切片是切片是切片是切片是FireworksFireworksFireworks中用于创建交互性对象的基本构造块，它不像矢量图中用于创建交互性对象的基本构造块，它不像矢量图中用于创建交互性对象的基本构造块，它不像矢量图中用于创建交互性对象的基本构造块，它不像矢量图中用于创建交互性对象的基本构造块，它不像矢量图中用于创建交互性对象的基本构造块，它不像矢量图形或位图图形那样以图像的形式存在，而是作为网页对象以形或位图图形那样以图像的形式存在，而是作为网页对象以形或位图图形那样以图像的形式存在，而是作为网页对象以形或位图图形那样以图像的形式存在，而是作为网页对象以形或位图图形那样以图像的形式存在，而是作为网页对象以形或位图图形那样以图像的形式存在，而是作为网页对象以HTMLHTMLHTML代码的形代码的形代码的形代码的形代码的形代码的形式出现。在式出现。在式出现。在式出现。在式出现。在式出现。在FireworksFireworksFireworks的的的的的的“层层层层层层”面板的面板的面板的面板的面板的面板的“网页层网页层网页层网页层网页层网页层”中可以查看、选取和编辑中可以查看、选取和编辑中可以查看、选取和编辑中可以查看、选取和编辑中可以查看、选取和编辑中可以查看、选取和编辑切片对象。此外，使用拖放交换图像的方式将交互性添加到切片也是一种快切片对象。此外，使用拖放交换图像的方式将交互性添加到切片也是一种快切片对象。此外，使用拖放交换图像的方式将交互性添加到切片也是一种快切片对象。此外，使用拖放交换图像的方式将交互性添加到切片也是一种快切片对象。此外，使用拖放交换图像的方式将交互性添加到切片也是一种快切片对象。此外，使用拖放交换图像的方式将交互性添加到切片也是一种快速创建交换图像效果的方法。如图速创建交换图像效果的方法。如图速创建交换图像效果的方法。如图速创建交换图像效果的方法。如图速创建交换图像效果的方法。如图速创建交换图像效果的方法。如图1-61-61-6所示为在网页图像上创建的切片。所示为在网页图像上创建的切片。所示为在网页图像上创建的切片。所示为在网页图像上创建的切片。所示为在网页图像上创建的切片。所示为在网页图像上创建的切片。热点也是一种网页交互性方式。它用于创建图像映射，即在热点也是一种网页交互性方式。它用于创建图像映射，即在热点也是一种网页交互性方式。它用于创建图像映射，即在热点也是一种网页交互性方式。它用于创建图像映射，即在热点也是一种网页交互性方式。它用于创建图像映射，即在热点也是一种网页交互性方式。它用于创建图像映射，即在HTMLHTMLHTML文档文档文档文档文档文档中定义热点的中定义热点的中定义热点的中定义热点的中定义热点的中定义热点的HTMLHTMLHTML代码。当鼠标指针经过热点时，会触发设定好的行为。代码。当鼠标指针经过热点时，会触发设定好的行为。代码。当鼠标指针经过热点时，会触发设定好的行为。代码。当鼠标指针经过热点时，会触发设定好的行为。代码。当鼠标指针经过热点时，会触发设定好的行为。代码。当鼠标指针经过热点时，会触发设定好的行为。此外，单击热点还可以链接到设定的网页中。此外，单击热点还可以链接到设定的网页中。此外，单击热点还可以链接到设定的网页中。此外，单击热点还可以链接到设定的网页中。此外，单击热点还可以链接到设定的网页中。此外，单击热点还可以链接到设定的网页中。1.1.6 快速创建切片和热点 切片是Fir1.1.7 1.1.7 1.1.7 1.1.7 图像输出优化图像输出优化图像输出优化图像输出优化 在在在在在在FireworksFireworksFireworks中往往需要对图像在导出前进行优化设置，以获得最佳的中往往需要对图像在导出前进行优化设置，以获得最佳的中往往需要对图像在导出前进行优化设置，以获得最佳的中往往需要对图像在导出前进行优化设置，以获得最佳的中往往需要对图像在导出前进行优化设置，以获得最佳的中往往需要对图像在导出前进行优化设置，以获得最佳的图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、设置该格图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、设置该格图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、设置该格图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、设置该格图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、设置该格图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、设置该格式的特定选项、调整图形颜色等操作，这些操作都可以通过式的特定选项、调整图形颜色等操作，这些操作都可以通过式的特定选项、调整图形颜色等操作，这些操作都可以通过式的特定选项、调整图形颜色等操作，这些操作都可以通过式的特定选项、调整图形颜色等操作，这些操作都可以通过式的特定选项、调整图形颜色等操作，这些操作都可以通过FireworksFireworksFireworks中的中的中的中的中的中的“优化优化优化优化优化优化”面板来完成。面板来完成。面板来完成。面板来完成。面板来完成。面板来完成。1.1.7 图像输出优化 在Firework1.2 1.2 1.2 1.2 矢量图与位图矢量图与位图矢量图与位图矢量图与位图 计计计计计计算算算算算算机机机机机机中中中中中中的的的的的的图图图图图图形形形形形形通通通通通通常常常常常常分分分分分分为为为为为为矢矢矢矢矢矢量量量量量量图图图图图图形形形形形形和和和和和和位位位位位位图图图图图图图图图图图图像像像像像像两两两两两两种种种种种种类类类类类类型型型型型型，保保保保保保存存存存存存这这这这这这两两两两两两种种种种种种类类类类类类型型型型型型的的的的的的图图图图图图像像像像像像文文文文文文件件件件件件又又又又又又会会会会会会有有有有有有多多多多多多种种种种种种图图图图图图像像像像像像文文文文文文件件件件件件格格格格格格式式式式式式，它它它它它它们们们们们们还还还还还还可可可可可可以以以以以以分分分分分分别别别别别别具具具具具具有有有有有有不不不不不不同同同同同同的的的的的的颜颜颜颜颜颜色色色色色色模模模模模模式式式式式式。掌掌掌掌掌掌握握握握握握一一一一一一些些些些些些必必必必必必备备备备备备的的的的的的图图图图图图像像像像像像知知知知知知识识识识识识，可可可可可可以以以以以以帮帮帮帮帮帮助助助助助助用用用用用用户户户户户户更更更更更更好好好好好好地地地地地地使使使使使使用用用用用用FireworksFireworksFireworks进进进进进进行行行行行行图图图图图图像像像像像像处处处处处处理。理。理。理。理。理。1.2 矢量图与位图 计算机中的图形通常分为矢量图形和1.2.1 1.2.1 1.2.1 1.2.1 矢量图形矢量图形矢量图形矢量图形 矢量图形在数学上定义为一系列由线连接的点。由于图形的线条都是用矢量图形在数学上定义为一系列由线连接的点。由于图形的线条都是用矢量图形在数学上定义为一系列由线连接的点。由于图形的线条都是用矢量图形在数学上定义为一系列由线连接的点。由于图形的线条都是用矢量图形在数学上定义为一系列由线连接的点。由于图形的线条都是用矢量图形在数学上定义为一系列由线连接的点。由于图形的线条都是用PostScriptPostScriptPostScript语言描述的，因此也被称为语言描述的，因此也被称为语言描述的，因此也被称为语言描述的，因此也被称为语言描述的，因此也被称为语言描述的，因此也被称为PostScriptPostScriptPostScript图形。矢量文件中的图形元图形。矢量文件中的图形元图形。矢量文件中的图形元图形。矢量文件中的图形元图形。矢量文件中的图形元图形。矢量文件中的图形元素称为对象，一般情况下矢量图形是由多个对象堆砌而成的，并且每个对象素称为对象，一般情况下矢量图形是由多个对象堆砌而成的，并且每个对象素称为对象，一般情况下矢量图形是由多个对象堆砌而成的，并且每个对象素称为对象，一般情况下矢量图形是由多个对象堆砌而成的，并且每个对象素称为对象，一般情况下矢量图形是由多个对象堆砌而成的，并且每个对象素称为对象，一般情况下矢量图形是由多个对象堆砌而成的，并且每个对象在计算机中都是通过数学公式进行描述的。图形中的每个对象都是单独的实在计算机中都是通过数学公式进行描述的。图形中的每个对象都是单独的实在计算机中都是通过数学公式进行描述的。图形中的每个对象都是单独的实在计算机中都是通过数学公式进行描述的。图形中的每个对象都是单独的实在计算机中都是通过数学公式进行描述的。图形中的每个对象都是单独的实在计算机中都是通过数学公式进行描述的。图形中的每个对象都是单独的实体，具有颜色、形状、轮廓和大小等属性。单独改变矢量图形中某一部分的体，具有颜色、形状、轮廓和大小等属性。单独改变矢量图形中某一部分的体，具有颜色、形状、轮廓和大小等属性。单独改变矢量图形中某一部分的体，具有颜色、形状、轮廓和大小等属性。单独改变矢量图形中某一部分的体，具有颜色、形状、轮廓和大小等属性。单独改变矢量图形中某一部分的体，具有颜色、形状、轮廓和大小等属性。单独改变矢量图形中某一部分的属性，不会影响图形中其他部分的属性，还可以保持图形原有的清晰度。因属性，不会影响图形中其他部分的属性，还可以保持图形原有的清晰度。因属性，不会影响图形中其他部分的属性，还可以保持图形原有的清晰度。因属性，不会影响图形中其他部分的属性，还可以保持图形原有的清晰度。因属性，不会影响图形中其他部分的属性，还可以保持图形原有的清晰度。因属性，不会影响图形中其他部分的属性，还可以保持图形原有的清晰度。因而，矢量图形适合绘制线条物体，通常用于计算机辅助设计和工艺美术设计、而，矢量图形适合绘制线条物体，通常用于计算机辅助设计和工艺美术设计、而，矢量图形适合绘制线条物体，通常用于计算机辅助设计和工艺美术设计、而，矢量图形适合绘制线条物体，通常用于计算机辅助设计和工艺美术设计、而，矢量图形适合绘制线条物体，通常用于计算机辅助设计和工艺美术设计、而，矢量图形适合绘制线条物体，通常用于计算机辅助设计和工艺美术设计、插图等。插图等。插图等。插图等。插图等。插图等。1.2.1 矢量图形 矢量图形在数学上定义为1.2.2 1.2.2 1.2.2 1.2.2 位图图像位图图像位图图像位图图像 位图图像又称为点阵图像，它是由许多颜色的小正方形组合而成的，组位图图像又称为点阵图像，它是由许多颜色的小正方形组合而成的，组位图图像又称为点阵图像，它是由许多颜色的小正方形组合而成的，组位图图像又称为点阵图像，它是由许多颜色的小正方形组合而成的，组位图图像又称为点阵图像，它是由许多颜色的小正方形组合而成的，组位图图像又称为点阵图像，它是由许多颜色的小正方形组合而成的，组成图像的这些小正方形就是像素。由于位图图像是以像素集合体形式创建的，成图像的这些小正方形就是像素。由于位图图像是以像素集合体形式创建的，成图像的这些小正方形就是像素。由于位图图像是以像素集合体形式创建的，成图像的这些小正方形就是像素。由于位图图像是以像素集合体形式创建的，成图像的这些小正方形就是像素。由于位图图像是以像素集合体形式创建的，成图像的这些小正方形就是像素。由于位图图像是以像素集合体形式创建的，因此不能单独操作局部的位图像素。位图图像主要通过增加分辨率的方法来因此不能单独操作局部的位图像素。位图图像主要通过增加分辨率的方法来因此不能单独操作局部的位图像素。位图图像主要通过增加分辨率的方法来因此不能单独操作局部的位图像素。位图图像主要通过增加分辨率的方法来因此不能单独操作局部的位图像素。位图图像主要通过增加分辨率的方法来因此不能单独操作局部的位图像素。位图图像主要通过增加分辨率的方法来表现自然、真实的效果。不过需要注意的是，增加位图图像分辨率时，其文表现自然、真实的效果。不过需要注意的是，增加位图图像分辨率时，其文表现自然、真实的效果。不过需要注意的是，增加位图图像分辨率时，其文表现自然、真实的效果。不过需要注意的是，增加位图图像分辨率时，其文表现自然、真实的效果。不过需要注意的是，增加位图图像分辨率时，其文表现自然、真实的效果。不过需要注意的是，增加位图图像分辨率时，其文件的大小也会随之增加。件的大小也会随之增加。件的大小也会随之增加。件的大小也会随之增加。件的大小也会随之增加。件的大小也会随之增加。1.2.2 位图图像 位图图像又称为点阵图像1.3 1.3 1.3 1.3 Fireworks CS5Fireworks CS5的工作界面的工作界面的工作界面的工作界面 Fireworks Fireworks Fireworks CS5CS5CS5的的的的的的工工工工工工作作作作作作界界界界界界面面面面面面非非非非非非常常常常常常简简简简简简洁洁洁洁洁洁，主主主主主主要要要要要要由由由由由由以以以以以以下下下下下下几几几几几几个个个个个个部部部部部部分分分分分分组组组组组组成成成成成成：“开开开开开开始始始始始始”界界界界界界面面面面面面、菜菜菜菜菜菜单单单单单单栏栏栏栏栏栏、工工工工工工具具具具具具栏栏栏栏栏栏、“工工工工工工具具具具具具”面面面面面面板板板板板板、绘绘绘绘绘绘图图图图图图窗窗窗窗窗窗口口口口口口、“属属属属属属性性性性性性”面面面面面面板板板板板板和和和和和和其其其其其其他他他他他他一些浮动面板组成一些浮动面板组成一些浮动面板组成一些浮动面板组成一些浮动面板组成一些浮动面板组成 。1.3 Fireworks CS5的工作界面 Fir1.3.1 1.3.1 1.3.1 1.3.1 开始页开始页开始页开始页 在启动在启动在启动在启动在启动在启动Fireworks CS5Fireworks CS5Fireworks CS5时，在没有打开任何文档的情况下，时，在没有打开任何文档的情况下，时，在没有打开任何文档的情况下，时，在没有打开任何文档的情况下，时，在没有打开任何文档的情况下，时，在没有打开任何文档的情况下，FireworksFireworksFireworks的的的的的的“开始页开始页开始页开始页开始页开始页”就会出现在工作界面中。就会出现在工作界面中。就会出现在工作界面中。就会出现在工作界面中。就会出现在工作界面中。就会出现在工作界面中。“开始页开始页开始页开始页开始页开始页”使用起来非常方便，在使用起来非常方便，在使用起来非常方便，在使用起来非常方便，在使用起来非常方便，在使用起来非常方便，在“开开开开开开始页始页始页始页始页始页”中，不仅可以新建中，不仅可以新建中，不仅可以新建中，不仅可以新建中，不仅可以新建中，不仅可以新建FireworksFireworksFireworks文档或通过模板创建文档或通过模板创建文档或通过模板创建文档或通过模板创建文档或通过模板创建文档或通过模板创建FireworksFireworksFireworks文档，还文档，还文档，还文档，还文档，还文档，还可以快速地打开最近使用的文档。可以快速地打开最近使用的文档。可以快速地打开最近使用的文档。可以快速地打开最近使用的文档。可以快速地打开最近使用的文档。可以快速地打开最近使用的文档。1.3.1 开始页 在启动Firework1.3.2 1.3.2 1.3.2 1.3.2 菜单栏菜单栏菜单栏菜单栏 Fireworks CS5 Fireworks CS5 Fireworks CS5的菜单栏包括的菜单栏包括的菜单栏包括的菜单栏包括的菜单栏包括的菜单栏包括“文件文件文件文件文件文件”、“编辑编辑编辑编辑编辑编辑”、“视图视图视图视图视图视图”、“选择选择选择选择选择选择”、“修改修改修改修改修改修改”、“文本文本文本文本文本文本”、“命令命令命令命令命令命令”、“滤镜滤镜滤镜滤镜滤镜滤镜”、“窗口窗口窗口窗口窗口窗口”和和和和和和“帮助帮助帮助帮助帮助帮助”101010个个个个个个菜单。菜单。菜单。菜单。菜单。菜单。1.3.2 菜单栏 Fireworks C1.3.3 1.3.3 1.3.3 1.3.3 工具箱工具箱工具箱工具箱 默认情况下，工具箱位于默认情况下，工具箱位于默认情况下，工具箱位于默认情况下，工具箱位于默认情况下，工具箱位于默认情况下，工具箱位于Fireworks CS5Fireworks CS5Fireworks CS5工作界面的左侧，按不同的功工作界面的左侧，按不同的功工作界面的左侧，按不同的功工作界面的左侧，按不同的功工作界面的左侧，按不同的功工作界面的左侧，按不同的功能分为能分为能分为能分为能分为能分为6 66各类别：选择、位图、矢量、各类别：选择、位图、矢量、各类别：选择、位图、矢量、各类别：选择、位图、矢量、各类别：选择、位图、矢量、各类别：选择、位图、矢量、WebWebWeb、颜色和视图，每一个功能块又、颜色和视图，每一个功能块又、颜色和视图，每一个功能块又、颜色和视图，每一个功能块又、颜色和视图，每一个功能块又、颜色和视图，每一个功能块又按不同的用途再分成若干个工具按钮。工具箱提供了一套极为专业的绘图工按不同的用途再分成若干个工具按钮。工具箱提供了一套极为专业的绘图工按不同的用途再分成若干个工具按钮。工具箱提供了一套极为专业的绘图工按不同的用途再分成若干个工具按钮。工具箱提供了一套极为专业的绘图工按不同的用途再分成若干个工具按钮。工具箱提供了一套极为专业的绘图工按不同的用途再分成若干个工具按钮。工具箱提供了一套极为专业的绘图工具及网页切片工具，利用这些工具可以绘制出各种图形并快速生成网页组件。具及网页切片工具，利用这些工具可以绘制出各种图形并快速生成网页组件。具及网页切片工具，利用这些工具可以绘制出各种图形并快速生成网页组件。具及网页切片工具，利用这些工具可以绘制出各种图形并快速生成网页组件。具及网页切片工具，利用这些工具可以绘制出各种图形并快速生成网页组件。具及网页切片工具，利用这些工具可以绘制出各种图形并快速生成网页组件。1.3.3 工具箱 默认情况下，工具箱位于F1.3.4 1.3.4 1.3.4 1.3.4 工具栏工具栏工具栏工具栏 工具栏位于菜单栏的下方，可以通过选择工具栏位于菜单栏的下方，可以通过选择工具栏位于菜单栏的下方，可以通过选择工具栏位于菜单栏的下方，可以通过选择工具栏位于菜单栏的下方，可以通过选择工具栏位于菜单栏的下方，可以通过选择“窗口窗口窗口窗口窗口窗口”|“|“|“工具栏工具栏工具栏工具栏工具栏工具栏”|“|“|“主要主要主要主要主要主要”命令，显示或隐藏工具栏。命令，显示或隐藏工具栏。命令，显示或隐藏工具栏。命令，显示或隐藏工具栏。命令，显示或隐藏工具栏。命令，显示或隐藏工具栏。1.3.4 工具栏 工具栏位于菜单栏的下方1.3.5 1.3.5 1.3.5 1.3.5 绘图窗口绘图窗口绘图窗口绘图窗口 绘图窗口是绘图窗口是绘图窗口是绘图窗口是绘图窗口是绘图窗口是Fireworks CS5Fireworks CS5Fireworks CS5工作界面的主要部分，用户所编辑的对象都工作界面的主要部分，用户所编辑的对象都工作界面的主要部分，用户所编辑的对象都工作界面的主要部分，用户所编辑的对象都工作界面的主要部分，用户所编辑的对象都工作界面的主要部分，用户所编辑的对象都在这里显示，而且可以通过它方便地进行查看比例、动画控制和文件导出等在这里显示，而且可以通过它方便地进行查看比例、动画控制和文件导出等在这里显示，而且可以通过它方便地进行查看比例、动画控制和文件导出等在这里显示，而且可以通过它方便地进行查看比例、动画控制和文件导出等在这里显示，而且可以通过它方便地进行查看比例、动画控制和文件导出等在这里显示，而且可以通过它方便地进行查看比例、动画控制和文件导出等操作操作操作操作操作操作 。1.3.5 绘图窗口 绘图窗口是Firew1.3.6 1.3.6 1.3.6 1.3.6 属性面板属性面板属性面板属性面板 属性面板在属性面板在属性面板在属性面板在属性面板在属性面板在FireworksFireworksFireworks中是非常重要的面板，它是一个上下文关联的面中是非常重要的面板，它是一个上下文关联的面中是非常重要的面板，它是一个上下文关联的面中是非常重要的面板，它是一个上下文关联的面中是非常重要的面板，它是一个上下文关联的面中是非常重要的面板，它是一个上下文关联的面板，可以通过属性面板显示当前选区、工具以及文档属性。属性面板位于绘板，可以通过属性面板显示当前选区、工具以及文档属性。属性面板位于绘板，可以通过属性面板显示当前选区、工具以及文档属性。属性面板位于绘板，可以通过属性面板显示当前选区、工具以及文档属性。属性面板位于绘板，可以通过属性面板显示当前选区、工具以及文档属性。属性面板位于绘板，可以通过属性面板显示当前选区、工具以及文档属性。属性面板位于绘图窗口的底部，其中的参数随着绘图窗口中的对象不同而变化。图窗口的底部，其中的参数随着绘图窗口中的对象不同而变化。图窗口的底部，其中的参数随着绘图窗口中的对象不同而变化。图窗口的底部，其中的参数随着绘图窗口中的对象不同而变化。图窗口的底部，其中的参数随着绘图窗口中的对象不同而变化。图窗口的底部，其中的参数随着绘图窗口中的对象不同而变化。1.3.6 属性面板 属性面板在Firewo1.3.7 1.3.7 1.3.7 1.3.7 面板组面板组面板组面板组 面板组的功能十分强大，面板组的功能十分强大，面板组的功能十分强大，面板组的功能十分强大，面板组的功能十分强大，面板组的功能十分强大，Fireworks CS5Fireworks CS5Fireworks CS5中的许多控制功能都可以在面中的许多控制功能都可以在面中的许多控制功能都可以在面中的许多控制功能都可以在面中的许多控制功能都可以在面中的许多控制功能都可以在面板组中完成。在默认情况下，面板组被分成若干组。单击板组中完成。在默认情况下，面板组被分成若干组。单击板组中完成。在默认情况下，面板组被分成若干组。单击板组中完成。在默认情况下，面板组被分成若干组。单击板组中完成。在默认情况下，面板组被分成若干组。单击板组中完成。在默认情况下，面板组被分成若干组。单击“窗口窗口窗口窗口窗口窗口”菜单中的菜单中的菜单中的菜单中的菜单中的菜单中的面板名称就可以在屏幕右侧的面板组区中打开该面板。通过拖动可以把面板面板名称就可以在屏幕右侧的面板组区中打开该面板。通过拖动可以把面板面板名称就可以在屏幕右侧的面板组区中打开该面板。通过拖动可以把面板面板名称就可以在屏幕右侧的面板组区中打开该面板。通过拖动可以把面板面板名称就可以在屏幕右侧的面板组区中打开该面板。通过拖动可以把面板面板名称就可以在屏幕右侧的面板组区中打开该面板。通过拖动可以把面板拖离面板区，使之成为独立面板，也可以将独立的面板拖回面板区成为组面拖离面板区，使之成为独立面板，也可以将独立的面板拖回面板区成为组面拖离面板区，使之成为独立面板，也可以将独立的面板拖回面板区成为组面拖离面板区，使之成为独立面板，也可以将独立的面板拖回面板区成为组面拖离面板区，使之成为独立面板，也可以将独立的面板拖回面板区成为组面拖离面板区，使之成为独立面板，也可以将独立的面板拖回面板区成为组面板。板。板。板。板。板。1.3.7 面板组 面板组的功能十分强大，1.4 1.4 1.4 1.4 创建创建创建创建FireworksFireworks文档文档文档文档 在在在在在在Fireworks Fireworks Fireworks CS5CS5CS5中中中中中中创创创创创创作作作作作作图图图图图图片片片片片片时时时时时时，首首首首首首先先先先先先要要要要要要创创创创创创建建建建建建一一一一一一个个个个个个新新新新新新文文文文文文档档档档档档或或或或或或者者者者者者打打打打打打开开开开开开一一一一一一个个个个个个已已已已已已经存在的文档。建立文档时的一些重要参数可以在创作过程中随时改变。经存在的文档。建立文档时的一些重要参数可以在创作过程中随时改变。经存在的文档。建立文档时的一些重要参数可以在创作过程中随时改变。经存在的文档。建立文档时的一些重要参数可以在创作过程中随时改变。经存在的文档。建立文档时的一些重要参数可以在创作过程中随时改变。经存在的文档。建立文档时的一些重要参数可以在创作过程中随时改变。1.4 创建Fireworks文档 在Firewo1.4.1 1.4.1 1.4.1 1.4.1 新建新文档新建新文档新建新文档新建新文档 Fireworks Fireworks Fireworks所创建的新文档，为可移植网络图形所创建的新文档，为可移植网络图形所创建的新文档，为可移植网络图形所创建的新文档，为可移植网络图形所创建的新文档，为可移植网络图形所创建的新文档，为可移植网络图形PNGPNGPNG文档，是文档，是文档，是文档，是文档，是文档，是FireworksFireworksFireworks固有的文件格式。要在固有的文件格式。要在固有的文件格式。要在固有的文件格式。要在固有的文件格式。要在固有的文件格式。要在Fireworks CS5Fireworks CS5Fireworks CS5中创建新文档，可以选择中创建新文档，可以选择中创建新文档，可以选择中创建新文档，可以选择中创建新文档，可以选择中创建新文档，可以选择“文件文件文件文件文件文件”|“|“|“新建新建新建新建新建新建”命令，或按命令，或按命令，或按命令，或按命令，或按命令，或按Ctrl+NCtrl+NCtrl+N键，打开键，打开键，打开键，打开键，打开键，打开“新建文档新建文档新建文档新建文档新建文档新建文档”对话框。还可以单击工具栏对话框。还可以单击工具栏对话框。还可以单击工具栏对话框。还可以单击工具栏对话框。还可以单击工具栏对话框。还可以单击工具栏中的中的中的中的中的中的“新建新建新建新建新建新建”按钮创建，或在按钮创建，或在按钮创建，或在按钮创建，或在按钮创建，或在按钮创建，或在FireworksFireworksFireworks的的的的的的“开始页开始页开始页开始页开始页开始页”中创建出新的文档。中创建出新的文档。中创建出新的文档。中创建出新的文档。中创建出新的文档。中创建出新的文档。1.4.1 新建新文档 Fireworks所1.4.2 1.4.2 1.4.2 1.4.2 模板模板模板模板 如果要通过应用模板创建文件，单击如果要通过应用模板创建文件，单击如果要通过应用模板创建文件，单击如果要通过应用模板创建文件，单击如果要通过应用模板创建文件，单击如果要通过应用模板创建文件，单击“文件文件文件文件文件文件”|“|“|“从模板新建从模板新建从模板新建从模板新建从模板新建从模板新建”命令，命令，命令，命令，命令，命令，然后在打开的对话框中选择要用于创建文件的模板，最后单击然后在打开的对话框中选择要用于创建文件的模板，最后单击然后在打开的对话框中选择要用于创建文件的模板，最后单击然后在打开的对话框中选择要用于创建文件的模板，最后单击然后在打开的对话框中选择要用于创建文件的模板，最后单击然后在打开的对话框中选择要用于创建文件的模板，最后单击“打开打开打开打开打开打开”按钮，按钮，按钮，按钮，按钮，按钮，即可将该模板应用于当前文件。在即可将该模板应用于当前文件。在即可将该模板应用于当前文件。在即可将该模板应用于当前文件。在即可将该模板应用于当前文件。在即可将该模板应用于当前文件。在FireworksFireworksFireworks中，还可以通过中，还可以通过中，还可以通过中，还可以通过中，还可以通过中，还可以通过“开始页开始页开始页开始页开始页开始页”的的的的的的新建文档部分，从模板创建文档。在新建文档部分，从模板创建文档。在新建文档部分，从模板创建文档。在新建文档部分，从模板创建文档。在新建文档部分，从模板创建文档。在新建文档部分，从模板创建文档。在“开始页开始页开始页开始页开始页开始页”中单击中单击中单击中单击中单击中单击“基于模板的文档基于模板的文档基于模板的文档基于模板的文档基于模板的文档基于模板的文档(PNG)”(PNG)”(PNG)”，然后在打开的对话框中选择要应用的模板，最后单击，然后在打开的对话框中选择要应用的模板，最后单击，然后在打开的对话框中选择要应用的模板，最后单击，然后在打开的对话框中选择要应用的模板，最后单击，然后在打开的对话框中选择要应用的模板，最后单击，然后在打开的对话框中选择要应用的模板，最后单击“打开打开打开打开打开打开”按钮按钮按钮按钮按钮按钮 。1.4.2 模板 如果要通过应用模板创建文1.4.3 1.4.3 1.4.3 1.4.3 打开文档打开文档打开文档打开文档 在在在在在在Fireworks CS5Fireworks CS5Fireworks CS5中，用户可以很容易地打开、导入和编辑在其他图形中，用户可以很容易地打开、导入和编辑在其他图形中，用户可以很容易地打开、导入和编辑在其他图形中，用户可以很容易地打开、导入和编辑在其他图形中，用户可以很容易地打开、导入和编辑在其他图形中，用户可以很容易地打开、导入和编辑在其他图形应用程序中创建的矢量和位图图像。打开已有的应用程序中创建的矢量和位图图像。打开已有的应用程序中创建的矢量和位图图像。打开已有的应用程序中创建的矢量和位图图像。打开已有的应用程序中创建的矢量和位图图像。打开已有的应用程序中创建的矢量和位图图像。打开已有的FireworksFireworksFireworks文档时，可以选文档时，可以选文档时，可以选文档时，可以选文档时，可以选文档时，可以选择择择择择择“文件文件文件文件文件文件”|“|“|“打开打开打开打开打开打开”命令，或按命令，或按命令，或按命令，或按命令，或按命令，或按Ctrl+OCtrl+OCtrl+O键，然后在键，然后在键，然后在键，然后在键，然后在键，然后在“打开打开打开打开打开打开”对话框中浏览对话框中浏览对话框中浏览对话框中浏览对话框中浏览对话框中浏览文件所在的文件夹，选择需要的文件并单击文件所在的文件夹，选择需要的文件并单击文件所在的文件夹，选择需要的文件并单击文件所在的文件夹，选择需要的文件并单击文件所在的文件夹，选择需要的文件并单击文件所在的文件夹，选择需要的文件并单击“打开打开打开打开打开打开”按钮即可。按钮即可。按钮即可。按钮即可。按钮即可。按钮即可。1.4.3 打开文档 在Fireworks 1.4.4 1.4.4 1.4.4 1.4.4 保存文档保存文档保存文档保存文档 在在在在在在FireworksFireworksFireworks中，可以通过选择中，可以通过选择中，可以通过选择中，可以通过选择中，可以通过选择中，可以通过选择“文件文件文件文件文件文件”|“|“|“保存保存保存保存保存保存”命令，或单击工具栏命令，或单击工具栏命令，或单击工具栏命令，或单击工具栏命令，或单击工具栏命令，或单击工具栏中的中的中的中的中的中的“保存保存保存保存保存保存”按钮，或按按钮，或按按钮，或按按钮，或按按钮，或按按钮，或按Ctrl+SCtrl+SCtrl+S键，打开键，打开键，打开键，打开键，打开键，打开“另存为另存为另存为另存为另存为另存为”对话框。在对话框中，对话框。在对话框中，对话框。在对话框中，对话框。在对话框中，对话框。在对话框中，对话框。在对话框中，选择文件保存的路径、文件名以及格式，然后单击选择文件保存的路径、文件名以及格式，然后单击选择文件保存的路径、文件名以及格式，然后单击选择文件保存的路径、文件名以及格式，然后单击选择文件保存的路径、文件名以及格式，然后单击选择文件保存的路径、文件名以及格式，然后单击“保存保存保存保存保存保存”按钮即可保存文按钮即可保存文按钮即可保存文按钮即可保存文按钮即可保存文按钮即可保存文档。档。档。档。档。档。1.4.4 保存文档 在Fireworks1.5 1.5 1.5 1.5 设置文档属性设置文档属性设置文档属性设置文档属性 使使使使使使用用用用用用FireworksFireworksFireworks进进进进进进行行行行行行设设设设设设计计计计计计创创创创创创作作作作作作时时时时时时，有有有有有有些些些些些些文文文文文文档档档档档档的的的的的的属属属属属属性性性性性性设设设设设设置置置置置置在在在在在在一一一一一一开开开开开开始始始始始始时时时时时时无无无无无无法法法法法法确确确确确确定定定定定定，这这这这这这需需需需需需要要要要要要随随随随随随着着着着着着制制制制制制作作作作作作的的的的的的进进进进进进行行行行行行渐渐渐渐渐渐渐渐渐渐渐渐确确确确确确定定定定定定。例例例例例例如如如如如如画画画画画画布布布布布布的的的的的的大大大大大大小小小小小小、图图图图图图像像像像像像内内内内内内容容容容容容在在在在在在画画画画画画面面面面面面中中中中中中的位置、图像的分辨率等。本节将详细讲述如何来改变文档的这些属性。的位置、图像的分辨率等。本节将详细讲述如何来改变文档的这些属性。的位置、图像的分辨率等。本节将详细讲述如何来改变文档的这些属性。的位置、图像的分辨率等。本节将详细讲述如何来改变文档的这些属性。的位置、图像的分辨率等。本节将详细讲述如何来改变文档的这些属性。的位置、图像的分辨率等。本节将详细讲述如何来改变文档的这些属性。1.5 设置文档属性 使用Fireworks进行设计1.5.1 1.5.1 1.5.1 1.5.1 设置画布大小设置画布大小设置画布大小设置画布大小 如要更改画布的大小，选择如要更改画布的大小，选择如要更改画布的大小，选择如要更改画布的大小，选择如要更改画布的大小，选择如要更改画布的大小，选择“修改修改修改修改修改修改”|“|“|“画布画布画布画布画布画布”|“|“|“画布大小画布大小画布大小画布大小画布大小画布大小”命令，或命令，或命令，或命令，或命令，或命令，或者单击文档者单击文档者单击文档者单击文档者单击文档者单击文档“属性属性属性属性属性属性”面板上的面板上的面板上的面板上的面板上的面板上的“画布大小画布大小画布大小画布大小画布大小画布大小”按钮，打开按钮，打开按钮，打开按钮，打开按钮，打开按钮，打开“画布大小画布大小画布大小画布大小画布大小画布大小”对话框。对话框。对话框。对话框。对话框。对话框。1.5.1 设置画布大小 如要更改画布的大1.5.2 1.5.2 1.5.2 1.5.2 设置