第十二章 Fireworks入门 彭煜玮 武汉大学计算机学院 2009.9 一节课讲到40page.

Presentation on theme: "第十二章 Fireworks入门 彭煜玮 武汉大学计算机学院 2009.9 一节课讲到40page."— Presentation transcript:

1 第十二章 Fireworks入门 彭煜玮 武汉大学计算机学院 2009.9 一节课讲到40page

2 内容提要 Fireworks概述 文档的基本操作 图像的基本操作

3 12.1 Fireworks概述 图像也是网页中不可缺少的部分，使用Macromedia公司开发的Fireworks 可以非常方便地处理网页图像。该软件不仅结合了位图以及矢量图形处理的特点，具有处理复杂图像的功能，而且还能为图像创建各种交互式动感效果。 网页中的各种图像：产品图片、背景图片、按钮图片、广告图片。 各种标志：网站标志、各种小图标。 网页动画：各种动画LOGO、动画Banner、动画广告。 网页界面设计：网页首页设计、网站内容页面设计。 辅助网页制作：导航条、按钮、交换图像、弹出菜单。 优化网页图像：减小图像文件大小。

4 Fireworks的工作界面 Fireworks 的工作界面，主要由标题栏、菜单栏、工具栏、工具箱、绘图区域、属性面板和功能面板等组成。

5 1）菜单栏 菜单栏位于标题栏的下方，包括文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助10组不同功能的指令菜单。单击各主菜单项都会弹出相应的下拉菜单，有些下拉菜单还包括了下一级的子菜单。

6 2）绘图区域 绘图区域即编辑图像的区域，也被称为画布。它就是通过使用Fireworks的各种工具进行编辑图像的地方。
在绘图区域中上方有 、 、 或 个按钮，可以在原始界面和预览界面之间进行切换，单击 按钮返回原始界面，单击 按钮显示预览界面，单击 按钮显示2幅图的预览界面，单击 显示4幅图的预览界面。

7 绘图区域 单击导出按钮将弹出快速导出的菜单，可以将Fireworks 中编辑的图像快速导出为Macromedia公司的其他产品或者是其他图像处理软件的格式。 在绘画区域的下方是所编辑图像文档的状态栏，分别用于控制Gif动画的播放、退出位图编辑模式、显示图像的尺寸和控制图像缩放比例。

8 3）快捷工具栏 快捷工具栏包含图像编辑中经常使用到的一些辅助工具，如新建、打开、保存、导入、导出、打印、撤销、剪切、复制、粘贴等一些功能按钮。

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

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

11 位图工具 位图工具主要用于绘制位图和对位图进行处理。 “选取框”工具 ：用于创建矩形选区。 “椭圆选取框”工具 ：用于创建椭圆或圆形选区。
“选取框”工具 ：用于创建矩形选区。 “椭圆选取框”工具 ：用于创建椭圆或圆形选区。 “套索”工具 ：通过拖动鼠标的方式建立任意形状的选区。 “多边形套索”工具 ：用于创建多边形选区。 “魔术棒”工具 ：将颜色相近的区域创建为选区。 “刷子”工具 ：用于创建具有填充效果的粗线条。

12 位图工具 “铅笔”工具 ：通过拖动鼠标的方式创建任意形状的线条。 “橡皮擦”工具 ：用于擦除不需要的区域或者对象。
“铅笔”工具 ：通过拖动鼠标的方式创建任意形状的线条。 “橡皮擦”工具 ：用于擦除不需要的区域或者对象。 “模糊”工具 ：用于使编辑的区域或者图像具有模糊的效果。 “锐化”工具 ：用于使编辑的区域或者图像具有锐化的效果。 “减淡”工具 ：用于使编辑的区域或者图像颜色减淡。

13 位图工具 “加深”工具 ：用于使编辑的区域或者图像颜色加深 “涂抹”工具 ：用于在图像中沿拖动的方向推移图像。
“加深”工具 ：用于使编辑的区域或者图像颜色加深 “涂抹”工具 ：用于在图像中沿拖动的方向推移图像。 “橡皮图章”工具 ：用于把图像的一个区域复制或克隆到另一个区域中。 “替换颜色”工具 ：用一种颜色替换另外的一种颜色。 “红眼消除”工具 ：用于除去照片中出现的红眼。

14 位图工具 “滴管”工具 ：用于吸取鼠标所在位置的颜色。 “油漆桶”工具 ：利用已设置的颜色填充所选择的区域。
“滴管”工具 ：用于吸取鼠标所在位置的颜色。 “油漆桶”工具 ：利用已设置的颜色填充所选择的区域。 “渐变”工具 ：利用设置的渐变颜色填充所选中的区域。

15 矢量工具 矢量工具主要用于绘制矢量图形和对矢量图形进行处理。 “直线”工具 ：在画布中绘画出直线。 “钢笔”工具 ：用于绘制直线路径。
“直线”工具 ：在画布中绘画出直线。 “钢笔”工具 ：用于绘制直线路径。 “矢量路径”工具 ：用于绘制各种形状的矢量路径。 “重绘路径”工具 ：重新绘制路径。 矩形、椭圆和多边形工具：下拉菜单中的选项分别用于绘制相应形状矢量图形。

16 矢量工具 “文本”工具 ：用于在图像中插入并编辑文本。 “自由变形”工具 ：可以直接对矢量对象执行弯曲和变形操作。
“文本”工具 ：用于在图像中插入并编辑文本。 “自由变形”工具 ：可以直接对矢量对象执行弯曲和变形操作。 “更改区域形状”工具 ：主要用于拉伸变形区域指针外圆内的所有选定路径的区域。 “路径洗刷”工具 ：用于更改路径的外观。使用不断变化的压力或速度，可以更改路径的笔触属性。 “刀子”工具 ：能够将一个路径分割成两个或多个路径。

17 Web工具 Web工具主要用于创建热点切片，每个工具的作用如下。 “矩形热点”工具 ：可以在图像的目标区域周围绘制矩形热点。
“矩形热点”工具 ：可以在图像的目标区域周围绘制矩形热点。 “圆形热点”工具 ：可以在图像的目标区域周围绘制圆形热点。 “多边形热点”工具 ：可以在图像的目标区域周围绘制多边形热点。 “切片”工具 ：实现图像的矩形切片切割。

18 Web工具 “多边形切片”工具 ：可以实现图像的多边形形状的切片切割。 “隐藏切片和热点”工具 ：实现切片热点视图的隐藏。
“多边形切片”工具 ：可以实现图像的多边形形状的切片切割。 “隐藏切片和热点”工具 ：实现切片热点视图的隐藏。 “显示切片和热点”工具 ：实现切片热点视图的显示。

19 颜色工具 颜色工具主要用于设置填充颜色和描边颜色。 “笔触颜色” ：用于设置描边的颜色。 “填充颜色” ：用于设置填充的颜色。
“笔触颜色” ：用于设置描边的颜色。 “填充颜色” ：用于设置填充的颜色。 “设置默认笔触/填充色” ：将笔触颜色和填充颜色设置为默认值，即笔触颜色为黑色，填充颜色为白色。 “没有描边或填充” ：设置没有描边或填充。 “交换笔触/填充色” ：将笔触颜色和填充颜色进行交换。

20 视图工具 “标准屏幕模式” ：将屏幕切换到“标准屏幕模式”显示模式。
视图工具主要用于转换屏幕的显示模式。 “标准屏幕模式” ：将屏幕切换到“标准屏幕模式”显示模式。 “带有菜单的全屏模式” ：可以用来将屏幕切换到“带有菜单的全屏模式”显示模式。 “全屏模式” ：将屏幕切换到“全屏模式”显示模式。 “手形”工具 ：用于移动画布查看图像。 “缩放”工具 ：放大或缩小画布的显示比例。

21 5）“属性”面板 “属性”面板位于绘画区域的下方，用来设置绘图区域中正在编辑的内容的属性。可以选择【窗口】→【属性】命令或按【Ctrl+F3】快捷键打开或关闭“属性”面板，根据当前选择工具和对象的不同，“属性”面板中所显示的选项也会不同。

22 6）控制面板 在Fireworks 中有多个控制面板，一般位于工作界面的右侧。
在默认情况下有些面板没有显示，可以选择“窗口”菜单中相应的命令显示或者隐藏这些面板。

23 文档的基本操作 Fireworks文档的基本操作包括文档的新建、保存、打开和导入的操作。

24 1）新建文档 在Fireworks中新建文档的方法有以下几种： 在开始页中单击“新建”栏中“Fireworks文档”链接。
选择【文件】→【新建】命令或按【Ctrl+N】快捷键。 单击快捷工具栏中的“新建”按钮 。

25 新建文档 执行新建文档操作后将打开 “新建文档”对话框，其各项含义如下。
宽度：在文本框中输入画布宽度的数字，并选择相应的单位，包括“像素”、“英寸”和“厘米”三个选项。 高度：在文本框中输入画布高度的数字，并选择相应的单位，包括“像素”、“英寸”和“厘米”三个选项。 分辨率：在文本框中输入画布分辨率的数字。分辨率越高，则文件就越大，单位包括“像素\英寸”和“像素\厘米”两个选项。

26 “新建文档”对话框

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

28 3）打开文档 在Fireworks中打开文档有以下两种方法：
单击快捷工具栏中的“打开”按钮 、选择【文件】→【打开】命令或按【Ctrl+O】快捷键，在打开的“打开”对话框选择要打开的文档，再单击 按钮打开。 双击Fireworks图标的文档即可打开该文档。

29 4）文件的导入 在Fireworks中可以导入一幅图像到当前的文档中，有以下几种方法可以导入文档：
执行【文件】→【导入】命令或按【Ctrl+R】快捷键。 单击快捷工具栏中的“导入”按钮 。 执行导入操作后，在打开的“导入”对话框中选择需要导入的图像文件，然后单击“打开”按钮即可。

30 图像的基本操作 设置文档的属性就是在对图像的编辑过程中，对绘图文档的大小、颜色以及分辨率等进行调整或者修改。
图像的基本概念包括像素、分辨率、颜色深度和Alpha通道等概念。

31 像素和分辨率 像素是组成位图的最基本单元。可以把像素看成是一个极小的方形的颜色块，每个小方块为一个像素。
图像的分辨率是指图像在单位尺寸上所包含的像素数量。图像的分辨率与图像的精细度和图像文件的大小有关。

32 颜色深度和Alpha通道 颜色深度是指图像中可以显示出的颜色数，在计算机中，通常采用颜色深度这一概念来说明其处理色彩的能力。
Alpha通道使用不同灰度值表示透明度的大小，Alpha通道的作用主要用于合成不同的图像，实现混合叠加。

33 修改画布的大小 在Fireworks中，修改画布的大小是通过在“画布大小”对话框中来完成的。可以通过选择【修改】→【画布】→【画布大小】命令，或者在文档的“属性”面板中单击 按钮打开“画布大小”对话框。

34 改变画布的背景颜色 改变画布的背景颜色是通过在“画布颜色”对话框中完成的。选择【修改】→【画布】→【画布颜色】命令，打开“画布颜色”对话框。

35 旋转画布 可以选择【修改】→【画布】菜单下的命令对画布进行旋转。 菜单中各项命令的含义如下。 旋转180°：执行此命令，画布将旋转180°。
旋转90°顺时针：执行此命令，画布将顺时针旋转90°。 旋转90°逆时针：执行此命令，画布将逆时针旋转90°。

36 修剪画布 通过Fireworks中的修剪画布命令，可以使画布的大小同绘制图像或者文字的大小相匹配，从而减少文件量。
选择【修改】→【画布】→【修剪画布】命令或按【Ctrl+Alt+T】快捷键，修剪画布。

37 修剪文档 操作方法如下： （1）从“工具”面板中选择“裁切”工具，或者选择“编辑”>“裁剪所选位图”菜单。
（2）在画布上拖动鼠标。并调整修剪手柄，直到边框包围要保留的文档区域为止。 （3）在边框中双击或者按下Enter键以修剪文档。

38 使用标尺、辅助线和网格 标尺能够帮助测量、组织和计划作品的布局
辅助线是从标尺拖到文档画布上的线条。它们可作为帮助放置和对齐对象的辅助绘制工具 网格在画布上显示一个由横线和竖线构成的体系，网格对于精确放置对象非常有用。此外，用户可以查看和编辑网格、调整网格大小以及更改网格的颜色。

39 首选参数和快捷键 首选参数 快捷键

40 操作的撤消与重复 使用“历史记录”面板可以查看、修改和重复操作文档过程中所进行的动作。
在该面板中列出了最近在Fireworks中执行的操作及次序，所列动作个数最多不超过在 Fireworks“首选参数”对话框的“撤消步骤”域中指定的数值。

41 END