Fireworks 应用.pptVIP

（10）单击“导出”按钮将文件导出，然后保存文档，之后按【F12】键即可在浏览器中预览动画效果。 如果要将动画应用到网页中，请启动 Dreamweaver，打开需要插入动画的网页，在“插入”栏的“常用”选项卡中单击“图像”按钮 将动画插入到网页中即可。 4.3.2 制作按钮 以下通过一个简单实例说明在 Fireworks 中制作按钮的步骤。 （1）按【Ctrl + N】键新建一个文档，在“新建文档”对话框中设置宽度为 80 个像素，高度为 30 个像素，分辨率为 72 像素/英寸，设置画布的颜色为“白”，最后单击“确定”按钮。 （2）单击“工具”面板上的“圆角矩形”工具 ，然后在“属性检查器”中的“矩形圆度”框中输入“60”，在画布上拖动鼠标绘制一个圆角矩形。 （3）单击“资源”面板中的“样式”选项卡，然后选择一种样式应用于刚绘制好的圆角矩形，如图4.19 所示。 * 山西交通职业技术学院 * 第14章 Fireworks 应用 4.1 Fireworks 基础 4.2 处 理 位 图 4.3 制作 Web 特效 4.4 绘 制 图形 4.1 Fireworks 基础 4.1.1 Fireworks 的界面 启动 Fireworks MX 之后，默认情况下并没有打开任何文档，按【Ctrl + N】键新建一个文档或者按【Ctrl + O】键打开一个文档，此时它的界面如图4.1 所示。 图4.1 Fireworks MX 界面 4.1.2 常用操作 1．新建 Fireworks 文档 新建文档的步骤如下。 （1）单击“文件”菜单中的“新建”命令（或按【Ctrl + N】快捷键），打开“新建文档”对话框，如图4.3 所示。 图4.3 “新建文档”对话框 （2）在打开的对话框中输入宽度（文档在水平方向上的尺度）和高度（文档在垂直方向上的尺度）的设定数值，单位可以是像素、英寸或者厘米。 （3）输入指定的分辨率，单位是“像素/英寸”或者“像素/厘米”。对于在 Web 上显示的图像，通常设置为“72 像素/英寸”。 （4）画布颜色的设置有3种选择，分别为“白”、“透明”和“自定义”。如果指定自定义颜色，可以使用颜色面板进行选择。 （5）将所需的选项设置好之后，单击“确定”按钮，则可以打开新文档进行创作。 2．设置文档的显示大小 Fireworks 可以在 6% ~ 6400% 的缩放范围内显示图像。可以使用3种方法放大与缩小图像的显示：① 在工具面板（如果工具面板没有显示，请选择“窗口”菜单中的“工具”命令）中单击“缩放工具” ，在需要放大的位置单击，则被单击的图像就会依照放大比例的排列依次放大显示，如果选择了放大镜工具后，按住【Alt】键单击画布，图像会依照缩小的比例逐次缩小；② 从文档窗口的缩放比例列表中选择一项放大或者缩小比例来进行图像的缩放操作，如图4.1所示；③ 单击“视图”菜单中的“放大”命令来放大图像，也可使用【Ctrl + =】快捷键来放大图像，单击“视图”菜单中的“缩小”命令来缩小图像，或者按【Ctrl + -】快捷键来缩小图像。 3．改变图像大小 制作 Web 图像时，在很多情况下都需要扩大或者缩小图像的大小，以便适应 Web 页面的要求。要改变图片的大小，可以选择“修改”菜单中“画布”命令，然后在其子菜单中选择“图像大小”命令，再在打开的“图像大小”对话框中进行设置，如图4.4 所示。 图4.4 “图像大小”对话框 4．改变画布设置 5．使用标尺、引导线和网格 6．以不同的模式显示图像 7．将图像优化导出为 GIF 格式 要使图像能够应用在网页上，通常需要将其导出为 GIF 格式或者 JPEG 格式。 图4.5 GIF 格式优化面板 为了预览优化后的图像效果，单击图像窗口上的“2 幅”标签进入该模式显示图像，如图4.6 所示。 图4.6 在文档窗口预览图像导出效果 8．将图像优化导出为 JPEG 格式 图4.7 JPEG 格式优化面板 对于 JPEG 格式，图像质量是指图像被压缩后的质量，它是由图像文件的压缩程度来决定的，图像压缩程度越大，优化后的图像文件越小，则图像质量越差，即效果最差；图像的压缩程度越小，优化后的图像文件越大，则图像质量越好。平滑是另一种有效减小图像文件大小的手段，设置平滑度后，图像会变得光滑（实际上是图像变得模糊了），图像文件也就相应地变小了，即平滑度越大，文件越小。 4.2 处 理 位 图 4.2.1 位图处理工具概览 图4.8 位图处理工具