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

《计算机常用工具软件精选PPT.ppt》由会员分享，可在线阅读，更多相关《计算机常用工具软件精选PPT.ppt（71页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

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

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

3、图像：减小图像文件大小。第3页，此课件共71页哦Fireworks的工作界面的工作界面Fireworks 的工作界面，主要由标题栏、菜的工作界面，主要由标题栏、菜单栏、工具栏、工具箱、绘图区域、属性单栏、工具栏、工具箱、绘图区域、属性面板和功能面板等组成。面板和功能面板等组成。第4页，此课件共71页哦Fireworks的工作界面的工作界面标题栏工具栏绘图区域工具箱菜单栏功能面板属性面板第5页，此课件共71页哦1）标题栏）标题栏标题栏位于标题栏位于Fireworks 窗口的顶部，显示了窗口的顶部，显示了当前编辑的文件名称和缩放比率。当前编辑的文件名称和缩放比率。第6页，此课件共71页哦2）菜单栏

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

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

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

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

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

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

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

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

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

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

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

15、域周围绘制矩形热点。制矩形热点。“圆形热点圆形热点”工具工具 ：可以在图像的目标区域周围绘：可以在图像的目标区域周围绘制圆形热点。制圆形热点。“多边形热点多边形热点”工具工具 ：可以在图像的目标区域周围：可以在图像的目标区域周围绘制多边形热点。绘制多边形热点。“切片切片”工具工具 ：实现图像的矩形切片切割。：实现图像的矩形切片切割。第19页，此课件共71页哦20 Web工具工具“多边形切片多边形切片”工具工具 ：可以实现图像的多边形形状：可以实现图像的多边形形状的切片切割。的切片切割。“隐藏切片和热点隐藏切片和热点”工具工具 ：实现切片热点视图的隐：实现切片热点视图的隐藏。藏。“显示切片和热点

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

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

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

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

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

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

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

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

24、】快捷键。快捷键。p单击快捷工具栏中的单击快捷工具栏中的“导入导入”按钮按钮 。执行导入操作后，在打开的执行导入操作后，在打开的“导入导入”对话框中选择需对话框中选择需要导入的图像文件，然后单击要导入的图像文件，然后单击“打开打开”按钮即可。按钮即可。第31页，此课件共71页哦32 示例：新建一个示例：新建一个Fireworks文档文档本示例将新建一个本示例将新建一个Fireworks文档，并在文档中导入一幅图像，然文档，并在文档中导入一幅图像，然后保存文档，主要练习新建文档、导入图像和保存文档等操作。后保存文档，主要练习新建文档、导入图像和保存文档等操作。制作思路：制作思路：p1）启动）启动

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

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

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

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

29、90顺时针：执行此命令，画布将顺时针旋转顺时针：执行此命令，画布将顺时针旋转90。p旋转旋转90逆时针：执行此命令，画布将逆时针旋转逆时针：执行此命令，画布将逆时针旋转90。第38页，此课件共71页哦39 修剪画布修剪画布通过通过Fireworks中的修剪画布命令，可以使画布的大小同中的修剪画布命令，可以使画布的大小同绘制图像或者文字的大小相匹配，从而减少文件量。绘制图像或者文字的大小相匹配，从而减少文件量。选择【修改】选择【修改】【画布】【画布】【修剪画布】命令或按【修剪画布】命令或按【Ctrl+Alt+T】快捷键，修剪画布。】快捷键，修剪画布。第39页，此课件共71页哦40 示例示例练习图

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

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

32、整整网网格格大大小小以以及及更更改改网网格格的的颜颜色。色。第42页，此课件共71页哦43 首选参数和快捷键首选参数和快捷键 首选参数首选参数快捷键快捷键 第43页，此课件共71页哦44 操作的撤消与重复操作的撤消与重复 使用使用“历史记录历史记录”面板可以查看、修改和重复操作面板可以查看、修改和重复操作文档过程中所进行的动作。文档过程中所进行的动作。在该面板中列出了最近在在该面板中列出了最近在Fireworks中执行中执行的操作及次序，所列动作个数最多不超过的操作及次序，所列动作个数最多不超过在在 Fireworks“首选参数首选参数”对话框的对话框的“撤消步撤消步骤骤”域中域中指定的数值。

33、指定的数值。第44页，此课件共71页哦45 上机练习：绘制以下图形上机练习：绘制以下图形 演示演示演示演示第45页，此课件共71页哦46 10.4 Fireworks制作实例制作实例 我们将通过实例介绍如何利用我们将通过实例介绍如何利用Fireworks 8制作网页图片，通过它们进一步学习制作网页图片，通过它们进一步学习Fireworks 8工具和面板的灵活使用。工具和面板的灵活使用。第46页，此课件共71页哦47 路径文字路径文字 如果希望文本不受矩形文本块的限制，可以绘制路径并将文本附如果希望文本不受矩形文本块的限制，可以绘制路径并将文本附加到它。文本将顺着路径的形状排列并且保持可编辑性。

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

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

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

37、现圆形箭头，就可以旋转文，出现圆形箭头，就可以旋转文字。字。10如果希望文本沿路径的内侧排列，选择如果希望文本沿路径的内侧排列，选择“文本文本”菜单中的菜单中的“倒转方向倒转方向”。11打开另一幅图片，从其中复制徽标到圆的中心位置。打开另一幅图片，从其中复制徽标到圆的中心位置。12设置文本的颜色为设置文本的颜色为#FF3300，并可根据内容尺寸重设画布大小。，并可根据内容尺寸重设画布大小。13单击单击“文件文件”菜单中的菜单中的“保存保存”，将图像保存为，将图像保存为例例4.png。演示例演示例演示例演示例4 4第50页，此课件共71页哦51 蒙版效果蒙版效果Fireworks 8中的蒙版能够

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

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

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

41、令将图像保存为例菜单命令将图像保存为例5.jpg。演示例演示例演示例演示例5 5第54页，此课件共71页哦55 网页按钮网页按钮按钮是网页中的重要元素，以下通过实例讲解如何利用按钮是网页中的重要元素，以下通过实例讲解如何利用Fireworks 8制作制作按钮。按钮。1创建创建300200像素新文档，绘制一个矩形，修改属性检查器面板中的矩形圆度值为像素新文档，绘制一个矩形，修改属性检查器面板中的矩形圆度值为100，将矩形四角转换成圆角样式。，将矩形四角转换成圆角样式。2将矩形宽度设为将矩形宽度设为150，高度设为，高度设为48，并用颜色，并用颜色#FF6600填充。填充。3为此圆角矩形增加效果，

42、单击属性检查器中增加效果按钮，弹出效果快捷为此圆角矩形增加效果，单击属性检查器中增加效果按钮，弹出效果快捷菜单，然后选择菜单，然后选择“斜角和浮雕斜角和浮雕”|“内斜角内斜角”命令，设置斜角边缘形状为平坦，宽命令，设置斜角边缘形状为平坦，宽度为度为7像素，其它参数采用默认值，效果如图所示。像素，其它参数采用默认值，效果如图所示。第55页，此课件共71页哦56 网页按钮网页按钮4选择选择“滤镜滤镜”|“调整色彩调整色彩”|“曲线曲线”菜单命令，打开曲线对话框修改图像的菜单命令，打开曲线对话框修改图像的光影层次效果。光影层次效果。p用鼠标指标拖动曲线生成波浪形状，色彩可形成带有金属质感的效果。需要

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

44、居中对齐。7使用滴管工具吸取按钮中间色调，并为字体填充该色。选择效果菜单中的使用滴管工具吸取按钮中间色调，并为字体填充该色。选择效果菜单中的“斜角和斜角和浮雕浮雕”|“内斜角内斜角”命令，为字体添加凹陷的立体化效果。属性设置如图所示。命令，为字体添加凹陷的立体化效果。属性设置如图所示。第57页，此课件共71页哦58 网页按钮网页按钮8在属性面板上调整字体的透明度为在属性面板上调整字体的透明度为85，使文本的凹陷，使文本的凹陷效果显得更加自然逼真。效果显得更加自然逼真。9为按钮添加投影，设置距离为为按钮添加投影，设置距离为7像素，不透明度为像素，不透明度为32%，其他参数采用默认值。，其他参数采

45、用默认值。演示例演示例演示例演示例6 6第58页，此课件共71页哦59 制作弹出菜单制作弹出菜单 当用户将鼠标移动到某些网页对象上时，浏览器中将当用户将鼠标移动到某些网页对象上时，浏览器中将显示弹出菜单。用户可以将显示弹出菜单。用户可以将URL链接链接附加到附加到弹出菜弹出菜单项单项以便于导航。例如，可以使用弹出菜单来组织与以便于导航。例如，可以使用弹出菜单来组织与导航栏导航栏中的某个按钮相关的中的某个按钮相关的若干个导航选项若干个导航选项，也可以，也可以根据需要在弹出菜单中创建任意多级子菜单。根据需要在弹出菜单中创建任意多级子菜单。第59页，此课件共71页哦60 弹出菜单弹出菜单以下是创建弹

46、出菜单的实例。以下是创建弹出菜单的实例。1利用绘图工具栏中的钢笔工具绘制菜单背景样式，设置填充色为利用绘图工具栏中的钢笔工具绘制菜单背景样式，设置填充色为#FFFF66，没有边，没有边框线，并输入文字框线，并输入文字“David的个人网站的个人网站”，并将字体设置为，并将字体设置为“华文行楷华文行楷”。2绘制一个绘制一个8825的矩形，设置填充色为的矩形，设置填充色为#FFCC33，边框线颜色为，边框线颜色为#FFFF66。选择。选择效果快捷菜单中的效果快捷菜单中的“斜角和浮雕斜角和浮雕”|“凹入浮雕凹入浮雕”命令为矩形添加立体效果，设置宽度为命令为矩形添加立体效果，设置宽度为2像素，其他参数

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

48、，为指定的按钮设置下拉菜单。命令，为指定的按钮设置下拉菜单。7在打开的在打开的“弹出菜单编辑器弹出菜单编辑器”对话框中，包含对话框中，包含4个选项卡。在个选项卡。在“内容内容”选项卡的选项卡的“文本文本”栏输入弹出菜单内容，栏输入弹出菜单内容，“链接链接”栏中输入此菜单项超级链接的栏中输入此菜单项超级链接的URL对象，对象，“目标目标”栏中可栏中可选择浏览器打开链接的方式。如果要创建子菜单项，只需点击选择浏览器打开链接的方式。如果要创建子菜单项，只需点击“缩进菜单缩进菜单”按钮即可。按钮即可。第61页，此课件共71页哦62 弹出菜单弹出菜单8创建了基本菜单和可选子菜单之后，即可在创建了基本菜单

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

50、置。当“网页层网页层”可见时，用户还可可见时，用户还可以通过在工作区中拖动弹出菜单的轮廓来调整其位置。以通过在工作区中拖动弹出菜单的轮廓来调整其位置。11回到设计页面中，可以发现在热区下方出现弹出菜单的外轮廓样式，并与热区以回到设计页面中，可以发现在热区下方出现弹出菜单的外轮廓样式，并与热区以线相连，但看不到弹出菜单的实际面貌，如图线相连，但看不到弹出菜单的实际面貌，如图13-25所示。此时可拖动弹出菜单轮廓，所示。此时可拖动弹出菜单轮廓，调整其位置。调整其位置。演示例演示例演示例演示例7 7第62页，此课件共71页哦63 网页切片网页切片 切片就是将一幅大图像分割为一些小的图像切片，然后在网