图形处理工具Fireworks

《图形处理工具Fireworks》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作工具Fireworks§1网页图像概述§2认识FireworksMX§3矢量图像的绘制与编辑§4修改对像§1网页图像概述一.图像的格式目前网络支持的图形格式主要有JPEG/JPG、GIF和PNG3种。由于这3种格式各有利弊，在设计网页时，要根据实际情况来考虑选择使用何种图像格式。这3种图像格式的特点如下：JPEG/JPG（JointPhotoGraphicExpertsGroup的缩写）格式：是一种失真压缩的文件格式，其压缩效果非常明显，并支持真彩色24位和渐进格式（Progressive）。但压缩后的文件相对

2、网络图像而言仍然显得很大，仅适用于质量要求较高的图像，如颜色丰富的风景画和照片作品等。图像的格式GIF（GraphicsInterchangeFormat的缩写）格式：支持透明背景和动画功能，同时他还支持“渐进交错”功能，此格式在网页中应用非常广泛。GIF格式的图像与JPEG格式不同，它为非失真压缩，存储格式由1位—8位，只支持256色，而不支持真彩色24位，这是GIP格式的主要特点。PNG（PortableNetworkGraphics的缩写）格式：此格式是MacromediaFireworks的默认格式，它是一种非

3、失真压缩格式。它具有JPEG和GIF格式的全部优点。矢量图像和位图图像1.矢量图像矢量图像和位图图像是计算机显示图形的两种主要方法。下面介绍有关矢量图像和位图图像的基本概念和它们之间的区别。矢量图像是用包含颜色和位置属性的直线或曲线（即称为矢量）来描述图像属性的一种方法。比如，一个圆包括两部分：由通过圆的边缘的一些点组成的轮廓和轮廓内的点。矢量图形是具有独立分辨率的，即它可以在不损失任何质量的前提下，以各种各样的分辨率显示在输出设备中。2.位图图像位图图像是对每一个栅格内不同颜色的点进行描述，这些点称为像素。例如，上面

4、所说的圆图像，可以由所有组成该圆的像素点的位置和颜色来描述。因为编辑位图图像时，修改的是像素点，而不是直线和曲线。因而，不可能通过修改描述椭圆轮廓的直线或曲线来更改椭圆的性质。对于矢量和位图图像的转化，可以举一个简单的例子来说明，在FireworksMX中，把文字变为路径(转换为路径)时，可以看成是把文字变为矢量图像，若选择“修改”菜单中的“平面化所选”命令，则可以转变为位图图像。§2认识FireworksMX一.FireworksMX的特点1.HTML与图像一体化用FireworksMX分割的图像可以自动输出HTML

5、代码，无需为了分割紧密贴合的图像而在网页制作过程中仔细调整。制作复杂的图像轮换效果可以自动生成JavaScript和HTML，使得初学者更容易掌握网页的设计与制作。2.图像功能强大在FireworksMX中，利用样式可以快速赋予对像各种艺术效果，可以在保持对像基本框架不改变的情况下任意改变效果。3.支持动画创建利用FireworksMX强大的图像编辑能力可以轻松创建GIF动画中的各个图像，然后利用打开多文件命令自动创建完整的GIF动画。4.工作区域预览在FireworksMX中，可以不离开工作环境而直接进行预览，使得图

6、像的编辑和创作变得更加简便。同时FireworksMX还提供导出文件的比较机制，允许预览多种导出方案所生成的图像，通过比较就可以选择最佳的导出图像。5.文本增强功能针对文本与字体的特性，FireworksMX对文本作了相当多的增强功能，可以控制文本的方向为水平或垂直及文本的具体走向等。6.历史面板历史面板提供撤消和恢复的灵活机制，以列表的形式记录和显示编辑图像时进行的所有操作步骤，拖动历史面板的滑块，可以对已经操作的步骤进行相关的操作。二.FireworksMX的工作界面1.菜单栏FireworksMX的界面大致可以分

7、为文档窗口、工具栏、工具箱、面板和菜单等几项。1.菜单栏FireworksMX的主菜单共有文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助等十个主菜单项，每个主菜单项又有多个子菜单。在后面的应用中我们将具体讲解他们的功能和用法。2.文档窗口FireworksMX的文件窗口上有四个标签，可以同时编辑和预览四种不同的优化设定所产生的效果，选择最理想的一种设定。3.工具箱选择“窗口/工具”菜单，启动工具箱面板。工具箱面板由选择、位图、矢量、网页、颜色、视图等六个工具区域构成，他包括各种选择、创建、编辑图像的工具。4

8、.浮动面板FireworksMX的浮动面板包括有层，帧、历史记录、颜色混合器、行为、优化和属性等面板。（1）属性面板：包括对像的大小、颜色等属性的优化设置，如图7-2所示。（2）信息面板：提供了所选中的对像的长、宽，和x、y坐标等信息。同时，当鼠标在画布上移动时，也能观测所经过点的色彩和坐标信息。（3）优化面板和动作面板：优化面板