计算机常用工具软件精选文档.ppt

《计算机常用工具软件精选文档.ppt》由会员分享，可在线阅读，更多相关《计算机常用工具软件精选文档.ppt（71页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、计算机常用工具软件计算机常用工具软件本讲稿第一页，共七十一页内容提要内容提要10.1 Fireworks概述概述10.2 文档的基本操作文档的基本操作10.3 图像的基本操作图像的基本操作10.4 Fireworks制作实例制作实例本讲稿第二页，共七十一页10.1 Fireworks概述概述图像也是网页中不可缺少的部分，使用图像也是网页中不可缺少的部分，使用Macromedia公司开发的公司开发的Fireworks 可以非常方便地处理网页图像。该软件不仅结合了位可以非常方便地处理网页图像。该软件不仅结合了位图以及矢量图形处理的特点，具有处理复杂图像的功能，而且图以及矢量图形处理的特点，具有处理

2、复杂图像的功能，而且还能为图像创建各种交互式动感效果。还能为图像创建各种交互式动感效果。p网页中的各种图像：产品图片、背景图片、按钮图片、广告图片。网页中的各种图像：产品图片、背景图片、按钮图片、广告图片。p各种标志：网站标志、各种小图标。各种标志：网站标志、各种小图标。p网页动画：各种动画网页动画：各种动画LOGO、动画、动画Banner、动画广告。、动画广告。p网页界面设计：网页首页设计、网站内容页面设计。网页界面设计：网页首页设计、网站内容页面设计。p辅助网页制作：导航条、按钮、交换图像、弹出菜单。辅助网页制作：导航条、按钮、交换图像、弹出菜单。p优化网页图像：减小图像文件大小。优化网页

3、图像：减小图像文件大小。本讲稿第三页，共七十一页Fireworks的工作界面的工作界面Fireworks 的工作界面，主要由标题栏、的工作界面，主要由标题栏、菜单栏、工具栏、工具箱、绘图区域、属菜单栏、工具栏、工具箱、绘图区域、属性面板和功能面板等组成。性面板和功能面板等组成。本讲稿第四页，共七十一页Fireworks的工作界面的工作界面标题栏工具栏绘图区域工具箱菜单栏功能面板属性面板本讲稿第五页，共七十一页1）标题栏）标题栏标题栏位于标题栏位于Fireworks 窗口的顶部，显示窗口的顶部，显示了当前编辑的文件名称和缩放比率。了当前编辑的文件名称和缩放比率。本讲稿第六页，共七十一页2）菜单栏

4、）菜单栏菜单栏位于标题栏的下方，包括文件、编辑、视图、菜单栏位于标题栏的下方，包括文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助选择、修改、文本、命令、滤镜、窗口、帮助10组不组不同功能的指令菜单。单击各主菜单项都会弹出相应的同功能的指令菜单。单击各主菜单项都会弹出相应的下拉菜单，有些下拉菜单还包括了下一级的子菜单。下拉菜单，有些下拉菜单还包括了下一级的子菜单。本讲稿第七页，共七十一页3）绘图区域）绘图区域绘图区域即编辑图像的区域，也被称为画布。它就绘图区域即编辑图像的区域，也被称为画布。它就是通过使用是通过使用Fireworks的各种工具进行编辑图像的的各种工具进行编辑图像的地方

5、。地方。在绘图区域中上方有在绘图区域中上方有 、或或 4个按钮，可个按钮，可以在原始界面和预览界面之间进行切换，单击以在原始界面和预览界面之间进行切换，单击 按钮返按钮返回原始界面，单击回原始界面，单击 按钮显示预览界面，单击按钮显示预览界面，单击 按钮按钮显示显示2幅图的预览界面，单击幅图的预览界面，单击 显示显示4幅图的预览界面。幅图的预览界面。本讲稿第八页，共七十一页绘图区域绘图区域单击单击 按钮将弹出快速导出的菜单，可以将按钮将弹出快速导出的菜单，可以将Fireworks 中编辑的图像快速导出为中编辑的图像快速导出为Macromedia公公司的其他产品司的其他产品或者是或者是其他图像处

6、理软件其他图像处理软件的格式。的格式。在绘画区域的下方是所编辑图像文档的状态栏，分别用在绘画区域的下方是所编辑图像文档的状态栏，分别用于控制于控制Gif动画的播放、退出位图编辑模式、显示图像动画的播放、退出位图编辑模式、显示图像的尺寸和控制图像缩放比例。的尺寸和控制图像缩放比例。本讲稿第九页，共七十一页10 4）快捷工具栏）快捷工具栏快捷工具栏包含图像编辑中经常使用到的一些辅助工快捷工具栏包含图像编辑中经常使用到的一些辅助工具，如新建、打开、保存、导入、导出、打印、撤销、具，如新建、打开、保存、导入、导出、打印、撤销、剪切、复制、粘贴等一些功能按钮。剪切、复制、粘贴等一些功能按钮。本讲稿第十页

7、，共七十一页11 5）绘图工具栏）绘图工具栏在绘图工具栏中包含着绘制和编辑图像的各种工具。在绘图工具栏中包含着绘制和编辑图像的各种工具。选择【窗口】选择【窗口】【工具】命令或按【工具】命令或按【Ctrl+F2】快】快捷键可以打开或隐藏工具箱，它主要由选择、位图、捷键可以打开或隐藏工具箱，它主要由选择、位图、矢量、网页、颜色和视图矢量、网页、颜色和视图6个部分构成。其中各个个部分构成。其中各个工具的作用如下。工具的作用如下。p选择工具主要用于选择工具主要用于选择对象选择对象及及对选择的对象进行变形操作对选择的对象进行变形操作，每，每个工具的作用如下。个工具的作用如下。本讲稿第十一页，共七十一页1

8、2 绘图工具栏绘图工具栏p“指针指针”工具工具 ：用于选择或者拖动对象。：用于选择或者拖动对象。p“选择后方对象选择后方对象”工具工具 ：用于选择被其他对象覆盖的对象。：用于选择被其他对象覆盖的对象。p“部分选定部分选定”工具工具 ：可以选择对象组中的某个对象，也可以：可以选择对象组中的某个对象，也可以选择矢量图像中的各个控制点。选择矢量图像中的各个控制点。p“缩放缩放”工具工具 ：用于缩放对象。：用于缩放对象。p“倾斜倾斜”工具工具 ：用于旋转和倾斜对象。：用于旋转和倾斜对象。p“扭曲扭曲”工具工具 ：用于扭曲和变形对象。：用于扭曲和变形对象。p“裁剪裁剪”工具工具 ：用于对图像进行裁剪。：

9、用于对图像进行裁剪。p“导出区域导出区域”工具工具 ：用于将选中的部分导出。：用于将选中的部分导出。本讲稿第十二页，共七十一页13 位图工具位图工具p位图工具主要用于绘制位图和对位图进行处理。位图工具主要用于绘制位图和对位图进行处理。“选取框选取框”工具工具 ：用于创建矩形选区。：用于创建矩形选区。“椭圆选取框椭圆选取框”工具工具 ：用于创建椭圆或圆形选区。：用于创建椭圆或圆形选区。“套索套索”工具工具 ：通过拖动鼠标的方式建立任意形：通过拖动鼠标的方式建立任意形状的选区。状的选区。“多边形套索多边形套索”工具工具 ：用于创建多边形选区。：用于创建多边形选区。“魔术棒魔术棒”工具工具 ：将颜色

10、相近的区域创建为选区。：将颜色相近的区域创建为选区。“刷子刷子”工具工具 ：用于创建具有填充效果的粗线条。：用于创建具有填充效果的粗线条。本讲稿第十三页，共七十一页14 位图工具位图工具“铅笔铅笔”工具工具 ：通过拖动鼠标的方式创建任意形状：通过拖动鼠标的方式创建任意形状的线条。的线条。“橡皮擦橡皮擦”工具工具 ：用于擦除不需要的区域或者对象。：用于擦除不需要的区域或者对象。“模糊模糊”工具工具 ：用于使编辑的区域或者图像具有：用于使编辑的区域或者图像具有模糊的效果。模糊的效果。“锐化锐化”工具工具 ：用于使编辑的区域或者图像具有：用于使编辑的区域或者图像具有锐化的效果。锐化的效果。“减淡减淡

11、”工具工具 ：用于使编辑的区域或者图像颜色：用于使编辑的区域或者图像颜色减淡。减淡。本讲稿第十四页，共七十一页15 位图工具位图工具“加深加深”工具工具 ：用于使编辑的区域或者图像颜色加深：用于使编辑的区域或者图像颜色加深“涂抹涂抹”工具工具 ：用于在图像中沿拖动的方向推移图像。：用于在图像中沿拖动的方向推移图像。“橡皮图章橡皮图章”工具工具 ：用于把图像的一个区域复制或克隆到另一个：用于把图像的一个区域复制或克隆到另一个区域中。区域中。“替换颜色替换颜色”工具工具 ：用一种颜色替换另外的一种颜色。：用一种颜色替换另外的一种颜色。“红眼消除红眼消除”工具工具 ：用于除去照片中出现的红眼。：用于

12、除去照片中出现的红眼。本讲稿第十五页，共七十一页16 位图工具位图工具“滴管滴管”工具工具 ：用于吸取鼠标所在位置的颜色。：用于吸取鼠标所在位置的颜色。“油漆桶油漆桶”工具工具 ：利用已设置的颜色填充所选择的：利用已设置的颜色填充所选择的区域。区域。“渐变渐变”工具工具 ：利用设置的渐变颜色填充所：利用设置的渐变颜色填充所选中的区域。选中的区域。本讲稿第十六页，共七十一页17 矢量工具矢量工具p矢量工具主要用于绘制矢量图形和对矢量图形矢量工具主要用于绘制矢量图形和对矢量图形进行处理。进行处理。“直线直线”工具工具 ：在画布中绘画出直线。：在画布中绘画出直线。“钢笔钢笔”工具工具 ：用于绘制直线

13、路径。：用于绘制直线路径。“矢量路径矢量路径”工具工具 ：用于绘制各种形状的矢量：用于绘制各种形状的矢量路径。路径。“重绘路径重绘路径”工具工具 ：重新绘制路径。：重新绘制路径。矩形、椭圆和多边形工具：下拉菜单中的选项分别矩形、椭圆和多边形工具：下拉菜单中的选项分别用于绘制相应形状矢量图形。用于绘制相应形状矢量图形。本讲稿第十七页，共七十一页18 矢量工具矢量工具“文本文本”工具工具 ：用于在图像中插入并编辑文本。：用于在图像中插入并编辑文本。“自由变形自由变形”工具工具 ：可以直接对矢量对象执行弯曲：可以直接对矢量对象执行弯曲和变形操作。和变形操作。“更改区域形状更改区域形状”工具工具 ：主

14、要用于拉伸变形区域：主要用于拉伸变形区域指针外圆内的所有选定路径的区域指针外圆内的所有选定路径的区域。“路径洗刷路径洗刷”工具工具 ：用于更改路径的外观。使用不：用于更改路径的外观。使用不断变化的压力或速度，可以更改路径的笔触属性。断变化的压力或速度，可以更改路径的笔触属性。“刀子刀子”工具工具 ：能够将一个路径分割成两个或多个：能够将一个路径分割成两个或多个路径。路径。本讲稿第十八页，共七十一页19 Web工具工具pWeb工具主要用于创建热点切片，每个工具的工具主要用于创建热点切片，每个工具的作用如下。作用如下。“矩形热点矩形热点”工具工具 ：可以在图像的目标区域周围绘：可以在图像的目标区域

15、周围绘制矩形热点。制矩形热点。“圆形热点圆形热点”工具工具 ：可以在图像的目标区域周围绘：可以在图像的目标区域周围绘制圆形热点。制圆形热点。“多边形热点多边形热点”工具工具 ：可以在图像的目标区域周围：可以在图像的目标区域周围绘制多边形热点。绘制多边形热点。“切片切片”工具工具 ：实现图像的矩形切片切割。：实现图像的矩形切片切割。本讲稿第十九页，共七十一页20 Web工具工具“多边形切片多边形切片”工具工具 ：可以实现图像的多边形形状：可以实现图像的多边形形状的切片切割。的切片切割。“隐藏切片和热点隐藏切片和热点”工具工具 ：实现切片热点视图的隐：实现切片热点视图的隐藏。藏。“显示切片和热点显

16、示切片和热点”工具工具 ：实现切片热点视图的：实现切片热点视图的显示。显示。本讲稿第二十页，共七十一页21 颜色工具颜色工具p颜色工具主要用于设置填充颜色和描边颜色。颜色工具主要用于设置填充颜色和描边颜色。“笔触颜色笔触颜色”：用于设置描边的颜色。：用于设置描边的颜色。“填充颜色填充颜色”：用于设置填充的颜色。：用于设置填充的颜色。“设置默认笔触设置默认笔触/填充色填充色”：将笔触颜色和填充颜：将笔触颜色和填充颜色设置为默认值，即笔触颜色为黑色，填充颜色为色设置为默认值，即笔触颜色为黑色，填充颜色为白色。白色。“没有描边或填充没有描边或填充”：设置没有描边或填充。：设置没有描边或填充。“交换笔

17、触交换笔触/填充色填充色”：将笔触颜色和填充颜色：将笔触颜色和填充颜色进行交换。进行交换。本讲稿第二十一页，共七十一页22 视图工具视图工具p视图工具主要用于转换屏幕的显示模式。视图工具主要用于转换屏幕的显示模式。“标准屏幕模式标准屏幕模式”：将屏幕切换到：将屏幕切换到“标准屏幕模式标准屏幕模式”显示模式。显示模式。“带有菜单的全屏模式带有菜单的全屏模式”：可以用来将屏幕切：可以用来将屏幕切换到换到“带有菜单的全屏模式带有菜单的全屏模式”显示模式。显示模式。“全屏模式全屏模式”：将屏幕切换到：将屏幕切换到“全屏模式全屏模式”显示显示模式。模式。“手形手形”工具工具 ：用于移动画布查看图像。：用

18、于移动画布查看图像。“缩放缩放”工具工具 ：放大或缩小画布的显示比例。：放大或缩小画布的显示比例。本讲稿第二十二页，共七十一页23 6）“属性属性”面板面板“属性属性”面板位于绘画区域的下方，用来设置绘图区域中正面板位于绘画区域的下方，用来设置绘图区域中正在编辑的内容的属性。可以选择【窗口】在编辑的内容的属性。可以选择【窗口】【属性】命令【属性】命令或按【或按【Ctrl+F3】快捷键打开或关闭】快捷键打开或关闭“属性属性”面板，根据当面板，根据当前选择工具和对象的不同，前选择工具和对象的不同，“属性属性”面板中所显示的选项也面板中所显示的选项也会不同。会不同。本讲稿第二十三页，共七十一页24

19、7）控制面板）控制面板在在Fireworks 中有多个控制面板，一般位中有多个控制面板，一般位于工作界面的右侧。于工作界面的右侧。在默认情况下有些面板没有显示，可以选在默认情况下有些面板没有显示，可以选择择“窗口窗口”菜单中相应的命令显示或者隐藏菜单中相应的命令显示或者隐藏这些面板。这些面板。本讲稿第二十四页，共七十一页25 10.2 文档的基本操作文档的基本操作Fireworks文档的基本操作包括文档的新建、文档的基本操作包括文档的新建、保存、打开和导入的操作。保存、打开和导入的操作。本讲稿第二十五页，共七十一页26 1）新建文档）新建文档在在Fireworks中新建文档的方法有以下几种：中

20、新建文档的方法有以下几种：p在开始页中单击在开始页中单击“新建新建”栏中栏中“Fireworks文档文档”链接。链接。p选择【文件】选择【文件】【新建】命令或按【新建】命令或按【Ctrl+N】快捷键。快捷键。p单击快捷工具栏中的单击快捷工具栏中的“新建新建”按钮按钮 。本讲稿第二十六页，共七十一页27 新建文档新建文档执行新建文档操作后将打开执行新建文档操作后将打开“新建文档新建文档”对话框，其各项含义如对话框，其各项含义如下。下。p宽度：在文本框中输入画布宽度的数字，并选择相应的单位，宽度：在文本框中输入画布宽度的数字，并选择相应的单位，包括包括“像素像素”、“英寸英寸”和和“厘米厘米”三个

21、选项。三个选项。p高度：在文本框中输入画布高度的数字，并选择相应的单位，高度：在文本框中输入画布高度的数字，并选择相应的单位，包括包括“像素像素”、“英寸英寸”和和“厘米厘米”三个选项。三个选项。p分辨率：在文本框中输入画布分辨率的数字。分辨率越高，分辨率：在文本框中输入画布分辨率的数字。分辨率越高，则文件就越大，单位包括则文件就越大，单位包括“像素像素英寸英寸”和和“像素像素厘米厘米”两个选两个选项。项。本讲稿第二十七页，共七十一页28“新建文档新建文档”对话框对话框本讲稿第二十八页，共七十一页29 2）保存文档）保存文档在在Fireworks中保存文档有以下两种方法完成：中保存文档有以下两

22、种方法完成：p选择选择【文件】【文件】【保存】命令或按【保存】命令或按【Ctrl+S】快捷键。快捷键。p单击快捷工具栏中的单击快捷工具栏中的“保存保存”按钮按钮。如果文档是第一次保存或选择如果文档是第一次保存或选择【文件】【文件】【另存为】【另存为】命令，则会打开命令，则会打开“另存为另存为”对话框。在对话框中可以选对话框。在对话框中可以选择保存文档的位置和输入文件的名称，设置完成后单择保存文档的位置和输入文件的名称，设置完成后单击击 按钮进行保存。按钮进行保存。本讲稿第二十九页，共七十一页30 3）打开文档）打开文档在在Fireworks中打开文档有以下两种方法：中打开文档有以下两种方法：p

23、单击快捷工具栏中的单击快捷工具栏中的“打开打开”按钮按钮 、选择、选择【文件】文件】【打开】命令或按【打开】命令或按【Ctrl+O】快捷键，】快捷键，在打开的在打开的“打开打开”对话框选择要打开的文档，再对话框选择要打开的文档，再单击单击 按钮打开。按钮打开。p双击双击Fireworks图标图标的文档即可打开该文档。的文档即可打开该文档。本讲稿第三十页，共七十一页31 4）文件的导入）文件的导入在在Fireworks中可以导入一幅图像到当前的文档中，有以中可以导入一幅图像到当前的文档中，有以下几种方法可以导入文档：下几种方法可以导入文档：p执行执行【文件】【文件】【导入】命令或按【导入】命令或

24、按【Ctrl+R】快捷键。快捷键。p单击快捷工具栏中的单击快捷工具栏中的“导入导入”按钮按钮 。执行导入操作后，在打开的执行导入操作后，在打开的“导入导入”对话框中选择需要对话框中选择需要导入的图像文件，然后单击导入的图像文件，然后单击“打开打开”按钮即可。按钮即可。本讲稿第三十一页，共七十一页32 示例：新建一个示例：新建一个Fireworks文档文档本示例将新建一个本示例将新建一个Fireworks文档，并在文档中导入一幅图像，文档，并在文档中导入一幅图像，然后保存文档，主要练习新建文档、导入图像和保存文档等操然后保存文档，主要练习新建文档、导入图像和保存文档等操作。作。制作思路：制作思路

25、：p1）启动）启动Fireworks 8。p2）新建文档。）新建文档。p3）导入）导入“鲨鱼鲨鱼.psd”图像。图像。p4）保存）保存“鲨鱼鲨鱼.png”文档。文档。演示例演示例演示例演示例1 1本讲稿第三十二页，共七十一页33 10.3 图像的基本操作图像的基本操作设置文档的属性就是在对图像的编辑过程中，对绘图文档设置文档的属性就是在对图像的编辑过程中，对绘图文档的大小、颜色以及分辨率等进行调整或者修改。的大小、颜色以及分辨率等进行调整或者修改。图像的基本概念包括像素、分辨率、颜色深度和图像的基本概念包括像素、分辨率、颜色深度和Alpha通道等概念。通道等概念。本讲稿第三十三页，共七十一页3

26、4 像素和分辨率像素和分辨率像素是组成位图的最基本单元。可以把像素看成是像素是组成位图的最基本单元。可以把像素看成是一个极小的方形的颜色块，每个小方块为一个像素。一个极小的方形的颜色块，每个小方块为一个像素。图像的图像的分辨率分辨率是指图像在单位尺寸上所包含的像素数是指图像在单位尺寸上所包含的像素数量。图像的量。图像的分辨率分辨率与图像的与图像的精细度精细度和和图像文件的大小图像文件的大小有关。有关。本讲稿第三十四页，共七十一页35 颜色深度和颜色深度和Alpha通道通道颜色深度是指颜色深度是指图像中可以显示出的颜色数图像中可以显示出的颜色数，在计算，在计算机中，通常采用颜色深度这一概念来说明

27、其处理色彩机中，通常采用颜色深度这一概念来说明其处理色彩的能力。的能力。Alpha通道使用不同灰度值表示通道使用不同灰度值表示透明度的大小透明度的大小，Alpha通道的作用主要用于合成不同的图像，实现通道的作用主要用于合成不同的图像，实现混合混合叠加叠加。本讲稿第三十五页，共七十一页36 修改画布的大小修改画布的大小在在Fireworks中，修改画布的大小是通过在中，修改画布的大小是通过在“画布大小画布大小”对对话框中来完成的。可以通过选择【修改】话框中来完成的。可以通过选择【修改】【画布】【画布】【画布大小】命令，或者在文档的画布大小】命令，或者在文档的“属性属性”面板中单击面板中单击 按钮

28、打开按钮打开“画布大小画布大小”对话框。对话框。本讲稿第三十六页，共七十一页37 改变画布的背景颜色改变画布的背景颜色改变画布的背景颜色是通过在改变画布的背景颜色是通过在“画布颜色画布颜色”对话框中对话框中完成的。选择【修改】完成的。选择【修改】【画布】【画布】【画布颜色】【画布颜色】命令，打开命令，打开“画布颜色画布颜色”对话框。对话框。本讲稿第三十七页，共七十一页38 旋转画布旋转画布可以选择【修改】可以选择【修改】【画布】【画布】菜单下的命令对画布进行旋转。菜单下的命令对画布进行旋转。菜单中各项命令的含义如下。菜单中各项命令的含义如下。p旋转旋转180：执行此命令，画布将旋转：执行此命令

29、，画布将旋转180。p旋转旋转90顺时针：执行此命令，画布将顺时针旋转顺时针：执行此命令，画布将顺时针旋转90。p旋转旋转90逆时针：执行此命令，画布将逆时针旋转逆时针：执行此命令，画布将逆时针旋转90。本讲稿第三十八页，共七十一页39 修剪画布修剪画布通过通过Fireworks中的修剪画布命令，可以使画布的大小同绘中的修剪画布命令，可以使画布的大小同绘制图像或者文字的大小相匹配，从而减少文件量。制图像或者文字的大小相匹配，从而减少文件量。选择【修改】选择【修改】【画布】【画布】【修剪画布】命令或按【修剪画布】命令或按【Ctrl+Alt+T】快捷键，修剪画布。】快捷键，修剪画布。本讲稿第三十九

30、页，共七十一页40 示例示例练习图像的基本操作练习图像的基本操作制作思路：制作思路：p新建一个新建一个500400像素的像素的Fireworks文档。文档。p导入导入“海浪海浪.psd”、“鱼鱼1.psd”、“鱼鱼2.psd”、“鱼鱼3.psd”和和“鱼鱼4.psd”共五幅图像。共五幅图像。p重新设置画布大小重新设置画布大小p旋转画布旋转画布p修剪画布修剪画布 演示例演示例演示例演示例2 2本讲稿第四十页，共七十一页“裁剪所选位图裁剪所选位图”菜单。菜单。（2）在画布上拖动鼠标。并调整修剪）在画布上拖动鼠标。并调整修剪手柄，直到边框包围要保留的文档区域手柄，直到边框包围要保留的文档区域为止。为

31、止。（3）在边框中双击或者按下）在边框中双击或者按下Enter键以修键以修剪文档。剪文档。演示例演示例演示例演示例3 3本讲稿第四十一页，共七十一页42 使用标尺、辅助线和网格使用标尺、辅助线和网格 标尺能够帮助测量、组织和计划作品的布局标尺能够帮助测量、组织和计划作品的布局 辅辅助助线线是是从从标标尺尺拖拖到到文文档档画画布布上上的的线线条条。它它们们可可作作为为帮帮助助放放置置和和对对齐齐对象的辅助绘制工具对象的辅助绘制工具网网格格在在画画布布上上显显示示一一个个由由横横线线和和竖竖线线构构成成的的体体系系，网网格格对对于于精精确确放放置置对对象象非非常常有有用用。此外，用户可以查看和编辑

32、网格、调整网格大小以及更改网格的颜色。此外，用户可以查看和编辑网格、调整网格大小以及更改网格的颜色。本讲稿第四十二页，共七十一页43 首选参数和快捷键首选参数和快捷键 首选参数首选参数快捷键快捷键 本讲稿第四十三页，共七十一页44 操作的撤消与重复操作的撤消与重复 使用使用“历史记录历史记录”面板可以查看、修改和重复操作文面板可以查看、修改和重复操作文档过程中所进行的动作。档过程中所进行的动作。在该面板中列出了最近在在该面板中列出了最近在Fireworks中执行的操作中执行的操作及次序，所列动作个数最多不超过在及次序，所列动作个数最多不超过在 Fireworks“首选参数首选参数”对话框的对话

33、框的“撤消步骤撤消步骤”域中域中指定的数值。指定的数值。本讲稿第四十四页，共七十一页45 上机练习：绘制以下图形上机练习：绘制以下图形 演示演示演示演示本讲稿第四十五页，共七十一页46 10.4 Fireworks制作实例制作实例 我们将通过实例介绍如何利用我们将通过实例介绍如何利用Fireworks 8制作网页图片，通过它们进一步学习制作网页图片，通过它们进一步学习Fireworks 8工具和面板的灵活使用。工具和面板的灵活使用。本讲稿第四十六页，共七十一页47 路径文字路径文字 如果希望文本不受矩形文本块的限制，可以绘制路径并将文如果希望文本不受矩形文本块的限制，可以绘制路径并将文本附加到

34、它。文本将顺着路径的形状排列并且保持可编辑性。本附加到它。文本将顺着路径的形状排列并且保持可编辑性。将文本附加到路径后，该路径会暂时失去其笔触、填充以及效将文本附加到路径后，该路径会暂时失去其笔触、填充以及效果属性。用户随后应用的任何笔触、填充和效果属性都将应用果属性。用户随后应用的任何笔触、填充和效果属性都将应用到文本，而不是路径。如果之后将文本从路径分离出来，该路到文本，而不是路径。如果之后将文本从路径分离出来，该路径会重新获得其笔触、填充以及效果属性。径会重新获得其笔触、填充以及效果属性。本讲稿第四十七页，共七十一页48 制作环绕文字制作环绕文字以下是制作环绕文字的具体步骤：以下是制作环

35、绕文字的具体步骤：1新建宽度为新建宽度为300像素，高度为像素，高度为200像素的文件，背景设为白色。像素的文件，背景设为白色。2选择选择“工具工具”面板中的面板中的“文本文本”工具，在工作区输入文本工具，在工作区输入文本“http:/，字体选择，字体选择“Arial Black”，字号为，字号为20像素大小，颜色为黑色，如图所示。像素大小，颜色为黑色，如图所示。3选择选择“工具工具”面板面板“矢量矢量”部分的部分的“椭圆椭圆”工具。工具。4按住按住“Shift”键，在工作区画一个圆，并在键，在工作区画一个圆，并在“属性属性”检查器中设置新的宽度和高度值均检查器中设置新的宽度和高度值均为为10

36、8。本讲稿第四十八页，共七十一页49 制作环绕文字制作环绕文字5单击单击“填充颜色框填充颜色框”图标，在颜色弹出窗口中点击图标，在颜色弹出窗口中点击“透明按钮透明按钮”。6选中选中“描边描边”工具工具，在，在“描边种类描边种类”中选择中选择“铅笔铅笔”|“1 象素柔化象素柔化”。7按住按住Shift键，使用键，使用“指针指针”工具同时选择圆和文字。工具同时选择圆和文字。8打开打开“文本文本”菜单，单击菜单，单击“附加到路径附加到路径”菜单命令，环绕文字效果如图所示。菜单命令，环绕文字效果如图所示。本讲稿第四十九页，共七十一页50 制作环绕文字制作环绕文字9.如果想旋转文字，选择如果想旋转文字，

37、选择“工具工具”面板中的面板中的“缩放工具缩放工具”，出现圆形箭头，就可，出现圆形箭头，就可以旋转文字。以旋转文字。10如果希望文本沿路径的内侧排列，选择如果希望文本沿路径的内侧排列，选择“文本文本”菜单中的菜单中的“倒转方向倒转方向”。11打开另一幅图片，从其中复制徽标到圆的中心位置。打开另一幅图片，从其中复制徽标到圆的中心位置。12设置文本的颜色为设置文本的颜色为#FF3300，并可根据内容尺寸重设画布大小。，并可根据内容尺寸重设画布大小。13单击单击“文件文件”菜单中的菜单中的“保存保存”，将图像保存为，将图像保存为例例4.png。演示例演示例演示例演示例4 4本讲稿第五十页，共七十一页

38、51 蒙版效果蒙版效果Fireworks 8中的蒙版能够隐藏中的蒙版能够隐藏/显示对象或图像的某些部显示对象或图像的某些部分，可以使用蒙版技术在对象上实现许多种创意效果。分，可以使用蒙版技术在对象上实现许多种创意效果。用矢量对象创建蒙版时，矢量对象的路径轮廓可用于剪贴用矢量对象创建蒙版时，矢量对象的路径轮廓可用于剪贴或裁剪其它对象。当位图对象用作蒙版时，其像素的亮度或裁剪其它对象。当位图对象用作蒙版时，其像素的亮度或者其透明度会影响其它对象的可见性。或者其透明度会影响其它对象的可见性。本讲稿第五十一页，共七十一页52 文本蒙版文本蒙版文本蒙版是一种矢量蒙版。应用文本蒙版文本蒙版是一种矢量蒙版。

39、应用文本蒙版的方式与使用已有对象应用蒙版的方式一的方式与使用已有对象应用蒙版的方式一样：只需将文本用作蒙版对象即可。应用样：只需将文本用作蒙版对象即可。应用文本蒙版的常用方法是使用其路径轮廓，文本蒙版的常用方法是使用其路径轮廓，但也可以使用其灰度外观产生遮罩效果。但也可以使用其灰度外观产生遮罩效果。本讲稿第五十二页，共七十一页53 文字蒙盖图像效果文字蒙盖图像效果1打开一幅原始图像打开一幅原始图像（C:WindowsWebWallpaperBliss.bmp）2使用使用“汉仪大黑简汉仪大黑简”字体输入文字字体输入文字“天高任鸟飞天高任鸟飞”，设置大，设置大小为小为96像素。像素。3将文字的颜色

40、改成白色，并为文字增加投影效果。设置投影的将文字的颜色改成白色，并为文字增加投影效果。设置投影的距离为距离为7像素，颜色为白色，不透明度、柔化和角度均采用默认值。像素，颜色为白色，不透明度、柔化和角度均采用默认值。本讲稿第五十三页，共七十一页54 文字蒙盖图像效果文字蒙盖图像效果4.同时选中文字和图片，使用菜单命令中的同时选中文字和图片，使用菜单命令中的“修改修改”|“蒙版蒙版”|“组合为蒙版组合为蒙版”命令。命令。5选择选择“修改修改”|“画布画布”|“修剪画布修剪画布”菜单命令设置画布大小。菜单命令设置画布大小。6在在“属性属性”面板中将默认导出选项设为面板中将默认导出选项设为“JPEG-

41、较高品质较高品质”。7使用使用“文件文件”|“导出导出”菜单命令将图像保存为例菜单命令将图像保存为例5.jpg。演示例演示例演示例演示例5 5本讲稿第五十四页，共七十一页55 网页按钮网页按钮按钮是网页中的重要元素，以下通过实例讲解如何利用按钮是网页中的重要元素，以下通过实例讲解如何利用Fireworks 8制作按钮。制作按钮。1创建创建300200像素新文档，绘制一个矩形，修改属性检查器面板中的矩形像素新文档，绘制一个矩形，修改属性检查器面板中的矩形圆度值为圆度值为100，将矩形四角转换成圆角样式。，将矩形四角转换成圆角样式。2将矩形宽度设为将矩形宽度设为150，高度设为，高度设为48，并用

42、颜色，并用颜色#FF6600填充。填充。3为此圆角矩形增加效果，单击属性检查器中增加效果按钮，弹出效果快捷菜为此圆角矩形增加效果，单击属性检查器中增加效果按钮，弹出效果快捷菜单，然后选择单，然后选择“斜角和浮雕斜角和浮雕”|“内斜角内斜角”命令，设置斜角边缘形状为平坦，宽度为命令，设置斜角边缘形状为平坦，宽度为7像素，其它参数采用默认值，效果如图所示。像素，其它参数采用默认值，效果如图所示。本讲稿第五十五页，共七十一页56 网页按钮网页按钮4选择选择“滤镜滤镜”|“调整色彩调整色彩”|“曲线曲线”菜单命令，打开曲线对话框修改图像菜单命令，打开曲线对话框修改图像的光影层次效果。的光影层次效果。p

43、用鼠标指标拖动曲线生成波浪形状，色彩可形成带有金属质感的效果。需要用鼠标指标拖动曲线生成波浪形状，色彩可形成带有金属质感的效果。需要说明的是：在曲线调整之前，色彩的添加没有任何意义，因为在曲线编辑中说明的是：在曲线调整之前，色彩的添加没有任何意义，因为在曲线编辑中会打乱色调。会打乱色调。本讲稿第五十六页，共七十一页57 网页按钮网页按钮5.选择选择“滤镜滤镜”|“色彩调整色彩调整”|“色相色相/饱和度饱和度”菜单命令，为按钮上色。菜单命令，为按钮上色。6在制作好的按钮造型上，使用文本工具输入文字在制作好的按钮造型上，使用文本工具输入文字“BACK”，调整字体，调整字体类型和大小，也可调整圆角矩

44、形大小，并使二者居中对齐。类型和大小，也可调整圆角矩形大小，并使二者居中对齐。7使用滴管工具吸取按钮中间色调，并为字体填充该色。选择效果菜单中的使用滴管工具吸取按钮中间色调，并为字体填充该色。选择效果菜单中的“斜角和斜角和浮雕浮雕”|“内斜角内斜角”命令，为字体添加凹陷的立体化效果。属性设置如图所示。命令，为字体添加凹陷的立体化效果。属性设置如图所示。本讲稿第五十七页，共七十一页58 网页按钮网页按钮8在属性面板上调整字体的透明度为在属性面板上调整字体的透明度为85，使文本的，使文本的凹陷效果显得更加自然逼真。凹陷效果显得更加自然逼真。9为按钮添加投影，设置距离为为按钮添加投影，设置距离为7像

45、素，不透明度为像素，不透明度为32%，其他参数采用默认值。，其他参数采用默认值。演示例演示例演示例演示例6 6本讲稿第五十八页，共七十一页59 制作弹出菜单制作弹出菜单 当用户将鼠标移动到某些网页对象上时，浏览器中将当用户将鼠标移动到某些网页对象上时，浏览器中将显示弹出菜单。用户可以将显示弹出菜单。用户可以将URL链接链接附加到附加到弹出菜单弹出菜单项项以便于导航。例如，可以使用弹出菜单来组织与以便于导航。例如，可以使用弹出菜单来组织与导航导航栏栏中的某个按钮相关的中的某个按钮相关的若干个导航选项若干个导航选项，也可以根据需，也可以根据需要在弹出菜单中创建任意多级子菜单。要在弹出菜单中创建任意

46、多级子菜单。本讲稿第五十九页，共七十一页60 弹出菜单弹出菜单以下是创建弹出菜单的实例。以下是创建弹出菜单的实例。1利用绘图工具栏中的钢笔工具绘制菜单背景样式，设置填充色为利用绘图工具栏中的钢笔工具绘制菜单背景样式，设置填充色为#FFFF66，没有边框线，并输，没有边框线，并输入文字入文字“David的个人网站的个人网站”，并将字体设置为，并将字体设置为“华文行楷华文行楷”。2绘制一个绘制一个8825的矩形，设置填充色为的矩形，设置填充色为#FFCC33，边框线颜色为，边框线颜色为#FFFF66。选择效。选择效果快捷菜单中的果快捷菜单中的“斜角和浮雕斜角和浮雕”|“凹入浮雕凹入浮雕”命令为矩形

47、添加立体效果，设置宽度为命令为矩形添加立体效果，设置宽度为2像素，像素，其他参数采用默认值。其他参数采用默认值。3按住按住Alt键移动立体矩形，将其复制键移动立体矩形，将其复制4个，为制作按钮做准备。个，为制作按钮做准备。4将制作好的零部件水平排列整齐，在第一个立体矩形上输入相应文字，形成静态按将制作好的零部件水平排列整齐，在第一个立体矩形上输入相应文字，形成静态按钮，也就做好了网页的水平菜单条。钮，也就做好了网页的水平菜单条。本讲稿第六十页，共七十一页61 弹出菜单弹出菜单5单击单击Web工具箱中的工具箱中的“矩形热点矩形热点”工具，为其中一个按钮绘制热区。工具，为其中一个按钮绘制热区。6选

48、择选择“修改修改”|“弹出菜单弹出菜单”|“添加弹出菜单添加弹出菜单”命令，为指定的按钮设置下拉菜命令，为指定的按钮设置下拉菜单。单。7在打开的在打开的“弹出菜单编辑器弹出菜单编辑器”对话框中，包含对话框中，包含4个选项卡。在个选项卡。在“内容内容”选项卡的选项卡的“文本文本”栏输入弹出菜单内容，栏输入弹出菜单内容，“链接链接”栏中输入此菜单项超级链接的栏中输入此菜单项超级链接的URL对象，对象，“目标目标”栏中可栏中可选择浏览器打开链接的方式。如果要创建子菜单项，只需点击选择浏览器打开链接的方式。如果要创建子菜单项，只需点击“缩进菜单缩进菜单”按钮即可。按钮即可。本讲稿第六十一页，共七十一页

49、62 弹出菜单弹出菜单8创建了基本菜单和可选子菜单之后，即可在创建了基本菜单和可选子菜单之后，即可在“弹出菜单编辑器弹出菜单编辑器”的的“外外观观”选项卡上，对文本进行格式设置，对选项卡上，对文本进行格式设置，对“滑过状态滑过状态”和和“弹起状态弹起状态”应用图应用图形样式，并选择垂直或水平方向。形样式，并选择垂直或水平方向。9“高级高级”选项卡提供了用于控制以下各项的附加设置：单元格大小、边距和间距，文选项卡提供了用于控制以下各项的附加设置：单元格大小、边距和间距，文字缩进，菜单消失延时，以及边框宽度、颜色、阴影和高亮等。字缩进，菜单消失延时，以及边框宽度、颜色、阴影和高亮等。10在在“位置

50、位置”选项卡中设置弹出菜单和子菜单的位置。当选项卡中设置弹出菜单和子菜单的位置。当“网页层网页层”可见时，用户可见时，用户还可以通过在工作区中拖动弹出菜单的轮廓来调整其位置。还可以通过在工作区中拖动弹出菜单的轮廓来调整其位置。11回到设计页面中，可以发现在热区下方出现弹出菜单的外轮廓样式，并与热区以回到设计页面中，可以发现在热区下方出现弹出菜单的外轮廓样式，并与热区以线相连，但看不到弹出菜单的实际面貌，如图线相连，但看不到弹出菜单的实际面貌，如图13-25所示。此时可拖动弹出菜单轮廓，所示。此时可拖动弹出菜单轮廓，调整其位置。调整其位置。演示例演示例演示例演示例7 7本讲稿第六十二页，共七十一