fireworks1.ppt

1、1,Fireworks 简介,Macromedia Fireworks MX 2004 是一个创建、编辑和优化网页图形的多功能应用程序。您可以创建和编辑位图和矢量图像、设计网页效果（如变换图像和弹出菜单）、修剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。在完成一个文档后，您可以将其导出或另存为 JPEG 文件、GIF 文件或其它格式的文件，与包含 HTML 表格和 JavaScript 代码的 HTML 文件一起用于网页。如果您想继续使用其它应用程序（如 Photoshop 或 Macromedia Flash）编辑该文档，还可以导出特定于相应应用程序的文件类型。,2,绘

2、制和编辑矢量图与位图 添加交互式行为 优化和导出图形,Fireworks 简介,3,矢量和位图图形,计算机以矢量或位图格式显示图形。Fireworks 中既包含矢量工具，又包含位图工具，并且能够打开或导入这两种格式的文件 。 绘制矢量对象、位图对象或文本后，您可以使用各种工具、效果、命令和技术来增强和完成图形。您可以使用按钮编辑器中的 Fireworks 工具创建交互式导航按钮。 您也可以使用 Fireworks 工具编辑导入的图形。可以导入和编辑 JPEG、GIF、PNG、PSD 和其它许多文件格式的文件。导入图形图像之后，您不但可以对其进行裁切、润饰和蒙版处理，还可以调整颜色和色调。,矢量

3、和位图图形,4,矢量图形,矢量图形使用称为矢量的线条和曲线（包含颜色和位置信息）呈现图像。例如，一片叶子的图像可以使用一系列描述叶子轮廓的点来定义。叶子的颜色由它的轮廓（即笔触）的颜色和该轮廓所包围的区域（即填充）的颜色决定。,矢量和位图图形,5,位图图形,位图图形由排列成网格的称为像素的点组成。计算机的屏幕就是一个大的像素网格。在叶子的位图版本中，图像是由网格中每个像素的位置和颜色值决定的。每个点被指定一种颜色。在以正确的分辨率查看时，这些点像马赛克中的贴砖那样拼合在一起形成图像。,矢量和位图图形,6,矢量和位图图形,矢 量 图 形,位 图 图 形,7,交 互 式 图形,切片和热点是指定网页

4、图形中交互区域的网页对象。切片将图像切成不同的部分，您可以将变换图像行为、动画和统一资源定位器 (URL) 链接应用到这些部分上。另外，可以使用不同的设置导出各个部分。在网页上，每个切片都出现在一个表格单元格中。使用热点可将 URL 链接和行为指定给整个图形或图形的某个部分。,交 互 式 图 形,8,优化和导出图形,您可以在 Fireworks 中优化网页图形以尽可能地减小文件大小，使其能够快速地加载到网站中；另外，您还可以在工作区的预览、2 幅或4 幅视图中对各种优化图形的品质进行比较。 图像可以切成若干个更小的部分，然后以最适合于每部分内容的格式优化它们。 优化图形后，下一步是将它们导出以

5、便在网页上使用。从 Fireworks 源 PNG 文档中，您可以导出许多种类型的文件，其中包括 JPEG、GIF、GIF 动画和包含多种文件类型的切片图像的 HTML 表格。,优化和导出图形,9,选择和变形对象 使用位图 使用矢量对象 使用文本 应用颜色、笔触和填充 使用动态效果 层、蒙版和混合 使用样式、元件和 URL 切片、变换图像和热点 创建按钮和弹出菜单 创建动画 优化和导出,Fireworks 使用,10,选 择 对 象,在画布上对任何对象执行任何操作之前，必须首先选择该对象。这适用于矢量对象、路径或点、文本块、单词、字母、切片或热点、实例或者位图对象。 可以使用下列任意工具选择对

6、象： 指针工具在您单击对象或在其周围拖动选区时选择这些对象。 部分选定工具选择组内的个别对象或矢量对象的点。 选择后方对象工具选择另一个对象后面的对象。 导出区域工具选择要导出为单独的文件的区域。,选择和变形对象,11,选 择 像 素,选取框工具在图像中选择一个矩形区域。 椭圆选取框工具在图像中选择一个椭圆形区域。 套索工具在图像中选择一个自由变形区域。 多边形套索工具在图像中选择一个直边的自由变形区域。 魔术棒工具在图像中选择一个颜色相似区域。,选择和变形对象,12,变形和扭曲所选对象和选区,缩放放大或缩小对象。 倾斜将对象沿指定轴倾斜。 扭曲工具在处于活动状态时以您拖动选择手柄的方向移动对

7、象的边或角。这有助于创建 3-D 外观。,选择和变形对象,13,使用位图,位图是由称为像素的彩色小正方形组成的图形，这些小正方形就像马赛克中的瓷片那样拼合在一起形成图像。照片、扫描的图像以及用绘画程序创建的图形都属于位图图形。它们有时被称为栅格图像。 Macromedia Fireworks MX 2004 集照片编辑、矢量绘图和绘画应用程序的功能于一身。要创建位图图像，可以用位图工具绘图和绘画，将矢量对象转换成位图图像，或者打开或导入图像。 Fireworks 有一套强大的动态效果可用于色调和颜色调节，它还提供了许多修饰位图图像的方法，包括修剪、羽化和重复或克隆图像。另外，Fireworks

8、 现在还提供了一套新的图像修饰工具模糊、锐化、减淡、加深和涂抹。,使 用 位 图,14,修饰位图,用橡皮图章工具可以把图像的一个区域复制或克隆到另一个区域中。 模糊工具减弱图像中所选区域的焦点。 涂抹工具拾取颜色并在图像中沿您拖动的方向推移该颜色。 锐化工具锐化图像中的区域。 减淡工具加亮图像中的部分区域。 加深工具加深图像中的部分区域。 红眼消除工具去除照片中出现的红眼 替换颜色工具用另一种颜色画在一种颜色上,修饰位图,15,调整位图颜色和色调,Fireworks 有颜色和色调调整滤镜来帮助您改善和强化位图图像中的颜色。您可以调整图像的对比度和亮度、色调范围、色相和饱和度。,修 饰 位 图,

9、16,模糊和锐化位图,对图像进行模糊处理 使用查找边缘效果创建草图外观 可以使用“转换为 Alpha”效果，基于图像的透明度将对象或文本转换成透明。 可以使用锐化功能校正模糊的图像。,修 饰 位 图,17,修 饰 位 图,原 始 图 象,应用查找边缘后的图像,“查找边缘”效果可识别图像中的颜色过渡并将它们转变成线条， 从而使位图变得看起来像素描。,18,修 饰 位 图,原 始 图 象,锐化后的 图 象,19,混 合 模 式,20,混 合 模 式,21,用蒙版掩盖图像,正如其名称所暗示的那样，蒙版能够隐藏或显示对象或图像的某些部分。可以使用几种蒙版技术在对象上实现许多种创意效果。 可以创建一个充当切饼模刀的蒙版，以便裁剪或剪贴下方的对象或图像。或者可以创建一个产生雾窗效果的蒙版，以便显示或隐藏其下面的对象的某些部分。此类型的蒙版使用灰度降低或提高所选对象的可见度。还可以创建使用其自身的透明度来影响可见度的蒙版。,蒙 版 的