图形处理工具幻灯片.ppt

《图形处理工具幻灯片.ppt》由会员分享，可在线阅读，更多相关《图形处理工具幻灯片.ppt（40页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、图形处理工具第1页，共40页，编辑于2022年，星期五1网页图像概述网页图像概述一一.图像的格式图像的格式 目目前前网网络络支支持持的的图图形形格格式式主主要要有有JPEG/JPG、GIF和和PNG3种种。由由于于这这3种种格格式式各各有有利利弊弊，在在设设计计网网页页时时，要要根根据据实实际际情情况况来来考考虑虑选选择择使使用用何何种种图图像像格格式。这式。这3种图像格式的特点如下：种图像格式的特点如下：JPEG/JPG（Joint Photo Graphic ExpertsGroup的的缩缩写写）格格式式：是是一一种种失失真真压压缩缩的的文文件件格格式式，其其压压缩缩效效果果非非常常明明显

2、显，并并支支持持真真彩彩色色24位位和和渐渐进进格格式式（Progressive）。但但压压缩缩后后的的文文件件相相对对网网络络图图像像而而言言仍仍然然显显得得很很大大，仅仅适适用用于于质质量量要要求求较较高高的的图图像像，如如颜颜色色丰丰富富的风景画和照片作品等。的风景画和照片作品等。第2页，共40页，编辑于2022年，星期五图像的格式图像的格式 GIF（GraphicsInterchangeFormat的的缩缩写写）格格式式：支支持持透透明明背背景景和和动动画画功功能能，同同时时他他还还支支持持“渐渐进进交交错错”功功能能，此此格格式式在在网网页页中中应应用用非非常常广广泛泛。GIF格格式

3、式的的图图像像与与JPEG格格式式不不同同，它它为为非非失失真真压压缩缩，存存储储格格式式由由1位位8位位，只只支支持持256色色，而而不不支支持持真真彩彩色色24位位，这这是是GIP格式的主要特点。格式的主要特点。PNG（PortableNetworkGraphics的的缩缩写写）格格式式：此此格格式式是是MacromediaFireworks的的默默认认格格式式，它它是是一一种种非失真压缩格式。它具有非失真压缩格式。它具有JPEG和和GIF格式的全部优点。格式的全部优点。第3页，共40页，编辑于2022年，星期五二.二.矢量图像和位图图像矢量图像和位图图像1.矢量图像矢量图像 矢矢量量图图

4、像像和和位位图图图图像像是是计计算算机机显显示示图图形形的的两两种种主主要要方方法法。下下面面介介绍绍有有关关矢矢量量图图像像和和位位图图图图像像的的基基本本概概念念和和它们之间的区别。它们之间的区别。矢矢量量图图像像是是用用包包含含颜颜色色和和位位置置属属性性的的直直线线或或曲曲线线（即即称称为为矢矢量量）来来描描述述图图像像属属性性的的一一种种方方法法。比比如如，一一个个圆圆包包括括两两部部分分：由由通通过过圆圆的的边边缘缘的的一一些些点点组组成成的的轮轮廓廓和轮廓内的点。和轮廓内的点。矢矢量量图图形形是是具具有有独独立立分分辨辨率率的的，即即它它可可以以在在不不损损失失任任何何质质量量的

5、的前前提提下下，以以各各种种各各样样的的分分辨辨率率显显示示在在输输出出设设备中备中。第4页，共40页，编辑于2022年，星期五2.位图图像位图图像 位位图图图图像像是是对对每每一一个个栅栅格格内内不不同同颜颜色色的的点点进进行行描描述述，这这些些点点称称为为像像素素。例例如如，上上面面所所说说的的圆圆图图像像，可可以以由由所所有有组组成成该该圆圆的的像像素素点点的的位位置置和和颜颜色色来来描描述述。因因为为编编辑辑位位图图图图像像时时，修修改改的的是是像像素素点点，而而不不是是直直线线和和曲曲线线。因因而而，不不可可能能通通过过修修改改描描述述椭椭圆圆轮轮廓廓的的直直线线或或曲曲线线来来更更

6、改改椭椭圆圆的性质。的性质。对对于于矢矢量量和和位位图图图图像像的的转转化化，可可以以举举一一个个简简单单的的例例子子来来说说明明，在在Fireworks Fireworks MXMX中中，把把文文字字变变为为路路径径(转转换换为为路路径径)时时，可可以以看看成成是是把把文文字字变变为为矢矢量量图图像像，若若选选择择“修修改改”菜菜单单中中的的“平平面面化化所所选选”命命令令，则则可可以以转转变变为位图图像。为位图图像。第5页，共40页，编辑于2022年，星期五2 认识 Fireworks MX一一.FireworksMX的特点的特点1.HTML与图像一体化与图像一体化 用用Fireworks

7、MX分分割割的的图图像像可可以以自自动动输输出出HTML代代码码，无无需需为为了了分分割割紧紧密密贴贴合合的的图图像像而而在在网网页页制制作作过过程程中中仔仔细细调调整整。制制作作复复杂杂的的图图像像轮轮换换效效果果可可以以自自动动生生成成JavaScript和和HTML，使使得得初学者更容易掌握网页的设计与制作。初学者更容易掌握网页的设计与制作。2.图像功能强大图像功能强大 在在FireworksMX中中，利利用用样样式式可可以以快快速速赋赋予予对对像像各各种种艺艺术效果，可以在保持对像基本框架不改变的情况下任意改变效果。术效果，可以在保持对像基本框架不改变的情况下任意改变效果。第6页，共4

8、0页，编辑于2022年，星期五3.支持动画创建支持动画创建 利利用用FireworksMX强强大大的的图图像像编编辑辑能能力力可可以以轻轻松松创创建建GIF动动画画中中的的各各个个图图像像，然然后后利利用用打打开开多多文文件件命命令令自动创建完整的自动创建完整的GIF动画。动画。4.工作区域预览工作区域预览 在在FireworksMX中中，可可以以不不离离开开工工作作环环境境而而直直接接进进行行预预览览，使使得得图图像像的的编编辑辑和和创创作作变变得得更更加加简简便便。同同时时FireworksMX还还提提供供导导出出文文件件的的比比较较机机制制，允允许许预预览览多多种种导导出出方方案案所所生

9、生成成的的图图像像，通通过过比比较较就就可可以以选选择择最最佳佳的的导导出出图像。图像。第7页，共40页，编辑于2022年，星期五5.文本增强功能文本增强功能 针针对对文文本本与与字字体体的的特特性性，Fireworks Fireworks MXMX对对文文本本作作了了相相当当多多的的增增强强功功能能，可可以以控控制制文文本本的的方方向向为为水水平平或或垂垂直直及文本的具体走向等。及文本的具体走向等。6.历史面板历史面板 历历史史面面板板提提供供撤撤消消和和恢恢复复的的灵灵活活机机制制，以以列列表表的的形形式式记记录录和和显显示示编编辑辑图图像像时时进进行行的的所所有有操操作作步步骤骤，拖拖动

10、动历历史史面面板板的的滑块，可以对已经操作的步骤进行相关的操作。滑块，可以对已经操作的步骤进行相关的操作。第8页，共40页，编辑于2022年，星期五二二.FireworksMX的工作界面的工作界面第9页，共40页，编辑于2022年，星期五1.菜单栏 Fireworks MX 的界面大致可以分为文档窗口、工具栏、工具箱、面板和菜单等几项。1.菜单栏菜单栏 Fireworks MX的主菜单共有文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助等十个主菜单项，每个主菜单项又有多个子菜单。在后面的应用中我们将具体讲解他们的功能和用法。2.文档窗口文档窗口 Fireworks MX的文件窗口上有

11、四个标签，可以同时编辑和预览四种不同的优化设定所产生的效果，选择最理想的一种设定。3.工具箱工具箱 选择“窗口/工具”菜单，启动工具箱面板。工具箱面板由选择、位图、矢量、网页、颜色、视图等六个工具区域构成，他包括各种选择、创建、编辑图像的工具。第10页，共40页，编辑于2022年，星期五4.浮动面板浮动面板 FireworksMX的的浮浮动动面面板板包包括括有有层层，帧帧、历历史史记记录录、颜颜色色混混合合器器、行为、优化和属性等面板。行为、优化和属性等面板。（1）属属性性面面板板：包包括括对对像像的的大大小小、颜颜色色等等属属性性的的优优化化设设置置，如如图图7-2所示。所示。（2）信信息息

12、面面板板：提提供供了了所所选选中中的的对对像像的的长长、宽宽，和和x、y坐坐标标等等信信息息。同同时时，当当鼠鼠标标在在画画布布上上移移动动时时，也也能能观观测测所所经经过过点点的的色色彩彩和和坐坐标标信信息。息。（3）优优化化面面板板和和动动作作面面板板：优优化化面面板板用用于于优优化化文文件件输输出出大大小小和和文文件件输输出格式。动作面板管理那些能响应鼠标事件的热点和切片的动作。出格式。动作面板管理那些能响应鼠标事件的热点和切片的动作。（4）层层面面板板、帧帧面面板板和和历历史史面面板板：层层面面板板用用来来组组织织文文档档的的结结构构，包包括括创创建建、删删除除、操操纵纵图图层层和和帧

13、帧等等各各种种功功能能。帧帧面面板板中中有有创创建建动动画画的的选选项项。历历史史面面板板列列出出了了最最近近使使用用过过的的命命令令，设设计计者者可可以以方方便便快快捷捷地地撤撤销销、重重复复作作过过的的各各种种操操作作，也也可可以以保保存存命命令令序序列列，生生成成一一个个可可以重复使用的命令钮。以重复使用的命令钮。（5）混色器和样本面板用于管理当前图像的调色板）混色器和样本面板用于管理当前图像的调色板第11页，共40页，编辑于2022年，星期五三三.文档的基本操作文档的基本操作 1.创建文档 文文档档操操作作是是FireworksMX中中最最基基本本的的操操作作，包包括括新新建文档、打开

14、文档、导入文档等。建文档、打开文档、导入文档等。在在Fireworks MX中中，文文档档图图像像采采用用PNG格格式式。PNG是是（PortableNetworkGraphic）便便携携网网络络图图像像的的首首字字母母缩缩写，是一种新型的图像格式。写，是一种新型的图像格式。1.创建文档创建文档创建文档，就是创建一幅新的创建文档，就是创建一幅新的PNG格式的图像。格式的图像。（1）创建新文档）创建新文档（2）打开现有文档）打开现有文档（3）导入图像文件）导入图像文件2.浏览和查看文档浏览和查看文档（1）平铺和重叠文档窗口）平铺和重叠文档窗口（2）改变显示比例改变显示比例第12页，共40页，编辑

15、于2022年，星期五3关闭文档关闭文档（1）如如果果有有多多个个文文档档窗窗口口，将将要要关关闭闭的的文文档档窗窗口口放放置置到到最上端。最上端。（2）打开）打开“文件文件”菜单，选择菜单，选择“关闭关闭”命令。命令。4.保存文档保存文档（1）保存）保存PNG文档文档选选择择“文文件件/保保存存”菜菜单单，如如果果文文档档是是新新建建的的，并并且且尚尚未未被被保保存存过过，则则会会出出现现标标准准的的Windows文文件件存存储储对对话话框框，选选择择要要保保存存的的文文件件路路径径，并并输输入入文文件件名名称称，即可保存。即可保存。（2）导出其它格式的文档）导出其它格式的文档假假设设我我们们

16、希希望望将将文文档档存存储储为为JPEG格格式式的的图图像像，这这时时可以按照如下方法进行操作：可以按照如下方法进行操作：打开文档，使文档窗口显示在程序窗口中。打开文档，使文档窗口显示在程序窗口中。第13页，共40页，编辑于2022年，星期五3 矢量图像的绘制与编辑一一.图像的绘制模式图像的绘制模式1.图像绘制模式的种类图像绘制模式的种类在在FireworksMX中中，有有两两种种图图像像的的绘绘制制模模式式：对对像像模模式式和和图图像像编编辑辑模模式式。对对像像模模式式是是编编辑辑矢矢量量图图像像时时的的模模式式，而而图图像像编编辑辑模模式式则则是是进进行行位位图图编编辑辑时时的的模模式式。

17、在在利利用用FireworksMX创创建建新新的的文文档档时时，进进入入的的是是对对像像模模式式，这这种种模模式式是是的的默默认认模模式式。如如果果在在FireworksMX中中打打开开一幅位图编辑的话，则进入的模式是图像编辑模式。一幅位图编辑的话，则进入的模式是图像编辑模式。一一般般说说来来，处处于于对对像像模模式式时时的的图图像像画画布布四四周周没没有有边边框框，而而如如果果看看到到一一个个有有斑斑纹纹的的边边框框出出现现在在画画布布四四周周时时，这时这时的模式就的模式就时图时图像像编辑编辑模式。模式。第14页，共40页，编辑于2022年，星期五2.图像绘制模式的切换图像绘制模式的切换 对

18、对像像模模式式和和图图像像编编辑辑模模式式之之间间可可以以进进行行切切换换，通通常常这这种种切切换换是是自自动动进进行行的的。例例如如，选选择择了了某某种种工工具具，可可能能就就自自动动进进入入了了图图像像编编辑辑模模式式，这这时时编编辑辑的的内内容容都都是是基基于于位位图图的的；而而选选择择了了另另外外一一种种工工具具，可可能能就就自自动动进入了对像模式，这时编辑的内容都是基于矢量的。进入了对像模式，这时编辑的内容都是基于矢量的。在在图图像像编编辑辑模模式式中中，可可以以通通过过以以下下几几种种方方法法来来直直接接切切换换回回对对像像模式：模式：（1）从从工工具具箱箱上上选选中中任任何何一一

19、种种选选择择工工具具，然然后后双双击击文文档档窗窗口口画画布布中中的任意位置，即可切换回对像模式。的任意位置，即可切换回对像模式。（2）使使用用一一种种只只能能在在对对像像模模式式中中才才能能使使用用的的工工具具，例例如如文文本本工工具，这时会自动切换回对像模式。具，这时会自动切换回对像模式。（3）当当文文档档处处于于图图像像编编辑辑时时，在在程程序序窗窗口口的的状状态态行行上上会会出出现现一一个个圆圆形形红红色色的的“”形形按按钮钮(通通常常这这种种按按钮钮称称作作停停止止按按钮钮)。单单击击该该按按钮钮，即可返回到对像模式中。即可返回到对像模式中。（4）在图像编辑模式中，按下）在图像编辑模

20、式中，按下Esc键，即可返回对像模式。键，即可返回对像模式。第15页，共40页，编辑于2022年，星期五二二.矢量图像的绘制矢量图像的绘制 绘绘制制矢矢量量图图像像就就是是绘绘制制路路径径的的过过程程，主主要要通通过过如如图图7-97-9所所示示的的绘绘图图工工具具箱箱中中的的工工具具完完成成。在在进进行行路路径径绘绘制制时时，可可以以在在工工具具箱箱下下方方的的笔笔画画颜颜色色区区域域选选择择需需要要的的笔笔画画颜颜色色，而而在在工工具具箱箱下下方方的的填填充充区区域域选选择择需需要要的的填填充充颜颜色色。在在使使用用填填充充颜颜色色的的时时，只只有有在在绘绘制制矩矩形形、椭椭圆圆和和多多边

21、边形形时时，才才会会自自动动填填充充设设置置的的颜颜色色，如如果果使使用用铅铅笔笔、画画刷刷或或钢钢笔笔绘绘制制路路径径，路路径径内内部部不不会会填填充充颜颜色色，必必须须在在绘绘制制完完毕毕后后选选中中对对像像，然然后后再再从从工工具具箱上的填充颜色区域选择需要的颜色。箱上的填充颜色区域选择需要的颜色。路路径径绘绘制制工工具具按按钮钮右右下下角角的的小小黑黑色色箭箭头头，表表示示该该工工具具包包含含有有具具体体的的选选择择模模式式。鼠鼠标标左左键键按按住住工工具具按按钮钮会会弹弹出出菜菜单单以以供供选选择择。是是图图形形工工具具的的弹弹出出菜菜单单，在在弹弹出出菜菜单单中中可可选选择图形的具

22、体模式：矩形、椭圆、多边形等。择图形的具体模式：矩形、椭圆、多边形等。第16页，共40页，编辑于2022年，星期五三三.布局工具的使用布局工具的使用1.显示标尺 绘绘制制对对像像时时，经经常常需需要要了了解解当当前前的的坐坐标标位位置置，FireworksFireworks提提供供了了“标标尺尺”和和“网网格格”等等布布局局工工具具，帮帮助助在在文文档档中精确定位。中精确定位。1.1.显示标尺显示标尺 默默认认状状态态下下，标标尺尺是是未未被被显显示示的的，要要显显示示标标尺尺，选选择择“视视图图/标标尺尺”菜菜单单，或或是是按按下下Ctrl+Alt+RCtrl+Alt+R组组合合键键。如如果

23、果希希望望隐隐藏藏标标尺尺，将将“标标尺尺”命命令令的的选选中中状状态态消消除除，或或是是再再次次按下按下Ctrl+Alt+RCtrl+Alt+R组合键。组合键。2.显示网格显示网格 默默认认状状态态下下，网网格格也也是是隐隐藏藏的的，要要显显示示网网络络，选选择择“视视图图/视视图图”菜菜单单。如如果果希希望望隐隐藏藏标标尺尺，可可以以将将“网网格格”命命令令的的选选中状中状态态消除。消除。第17页，共40页，编辑于2022年，星期五3.靠齐网格靠齐网格 为为了了保保证证文文档档中中的的对对像像排排放放整整齐齐，可可以以利利用用靠靠齐齐网网格格命命令令。选选择择“视视图图/网网格格/对对齐齐

24、网网格格”菜菜单单，即即可可激激活活这这种种特特性性。这这时时在在文文档档中中绘绘制制的的对对像像会会自自动动和和距距离离最最近近的的网网格格靠靠齐齐。如果希望关如果希望关闭该闭该特性，可以清除特性，可以清除“对齐对齐网格网格”的的选选中状中状态态。4.设置网格选项设置网格选项 选选择择“视视图图/网网格格/编编辑辑网网格格”菜菜单单，即即可可打打开开对对话话框框，定制网格。定制网格。第18页，共40页，编辑于2022年，星期五四四.标题文字的制作标题文字的制作1.编辑文本编辑文本 文文本本的的编编辑辑可可以以通通过过文文本本编编辑辑器器来来实实现现，也也可可以以通通过过“文文本本”菜菜单单中

25、中的的菜菜单单命命令令来来实实现现，我我们们这这里里介介绍绍如如何何用文本编辑器来进行。用文本编辑器来进行。在在工工具具箱箱中中选选择择文文本本工工具具按按钮钮，或或者者在在”文文本本”菜菜单单中中选选择择“编编辑辑器器”命命令令，然然后后在在所所需需要要插插入入文文本本的的地地方方直直接接按按住住鼠鼠标标左左键键，拖拖动动鼠鼠标标出出现现一一个个方方框框，到到合合适适时时为为止止，接接着着就就出现了的文本属性对话框。出现了的文本属性对话框。在在文文本本属属性性面面板板中中设设置置文文本本属属性性，设设置置完完毕毕，按按“确确定定”按按钮钮结结束束操操作作。如如过过对对编编辑辑效效果果不不满满

26、意意，可可以以双双击击文文本对像进入编辑窗口继续编辑。本对像进入编辑窗口继续编辑。第19页，共40页，编辑于2022年，星期五2.制作特效文本制作特效文本 在在FireworksMX中中可可以以对对文文本本进进行行诸诸如如图图片片一一样样的的特特效效操操作作。如如填填充充、效效果果、样样式式等等。这这样样一一来来，属属性性面面板板、资资源源面面板板等等就就可可以以对文本进行设置了。对文本进行设置了。选选择择“窗窗口口/样样式式”菜菜单单，启启动动样样式式面面板板可可对对选选中中的的文文本本样样式式进进行行设设计，如图计，如图7-12所示。也可以通过滤镜菜单的菜单项进行设置。所示。也可以通过滤镜

27、菜单的菜单项进行设置。3.路径文字的编辑路径文字的编辑在在一一般般的的文文本本编编辑辑器器中中文文本本的的布布置置总总是是横横向向或或者者纵纵向向的的，最最多多也也就就有有几几种种简简单单的的变变形形。但但是是在在FireworksMX中中我我们们可可以以随随心心所所欲欲地地对文本变形，只需要设置路径文字就可以了。对文本变形，只需要设置路径文字就可以了。输输入入文文本本和和绘绘制制出出所所需需要要的的路路径径，同同时时选选择择上上文文本本和和路路径径；然然后后在在“文文本本”菜单中选择菜单中选择“附加到路径附加到路径”命令就可以将文本附加到路径上了。命令就可以将文本附加到路径上了。通通常常我我

28、们们在在创创建建了了路路径径文文字字之之后后，还还要要对对它它进进行行调调整整。我我们们可可以以使使用用”文本文本”菜单中的菜单中的“方向方向”菜单项进行设置。菜单项进行设置。如如果果想想将将文文本本与与路路径径分分开开，执执行行“文文本本”菜菜单单中中“从从路路径径脱脱离离”命命令就可以将文本和路径恢复到附加以前。令就可以将文本和路径恢复到附加以前。第20页，共40页，编辑于2022年，星期五4 修改对像 一一.选择对像选择对像 选择对像的基本方法 在在FireworksMX中中，有有4种种选选中中对对像像的的工工具具：“指指针针”、“部部分分选选定定”、“缩放缩放”和和“剪裁剪裁”工具，它

29、们在工具箱上的位置。工具，它们在工具箱上的位置。选择对像的基本方法选择对像的基本方法在在Fireworks中中，可可以以选选中中单单个个对对像像，也也可可以以选选中中多多个个对对像像，还可在选中多个对像时，任意改变对像的选中状态。还可在选中多个对像时，任意改变对像的选中状态。（1）用指针工具选择单个对像）用指针工具选择单个对像选选择择单单个个对对像像：从从工工具具箱箱上上选选择择指指针针工工具具。将将鼠鼠标标光光标标移移动动到到要要选选中中的的对对像像上上方方，如如果果对对像像被被填填充充，也也可可以以移移动动到到任任意意的的填填充充位位置置，这这时时对对像像的的路路径径会会被被高高亮亮显显示

30、示，默默认认状状态态下下显显示示为为红红色色。单单击击鼠鼠标标，即即可可选选中中对对像像，默默认认状状态态下下，被被选选中中的的对对像像，其其路路径径被显示为蓝色。被显示为蓝色。选选择择多多个个对对像像：从从工工具具箱箱上上选选择择指指针针工工具具。在在文文档档窗窗口口中中按按住住鼠鼠标标左左键键，拖拖动动鼠鼠标标，将将要要选选中中的的所所有有对对像像全全部部圈圈住住。释释放放鼠鼠标标，多个对像就被同时选中。多个对像就被同时选中。第21页，共40页，编辑于2022年，星期五（2 2）用部分选定工具选择对像）用部分选定工具选择对像 用用部部分分选选定定工工具具选选择择对对像像的的操操作作与与用用

31、指指针针工工具具选选择择对对像像的的操操作作是是相相同同的的。但但用用部部分分选选定定工工具具选选择择对对像像后后，会会显显示示出出对对象象的路径编辑节点，可以通过这些节点方便地编辑路径。的路径编辑节点，可以通过这些节点方便地编辑路径。（3）用缩放工具选定对像）用缩放工具选定对像从从工工具具箱箱上上选选择择缩缩放放工工具具。在在文文档档窗窗口口中中按按住住鼠鼠标标左左键键，拖拖动动鼠鼠标标，将将要要选选中中的的所所有有对对像像全全部部圈圈住住。释释放放鼠鼠标标，对对像像就就被被选选中中，在在选选定定对对象象的的周周围围会会出出现现缩缩放放和和旋旋转转控控制制点点，利用这些控制点可方便地调整对象

32、的大小和方向。利用这些控制点可方便地调整对象的大小和方向。（4）用剪裁工具选定对象用剪裁工具选定对象从从工工具具箱箱上上选选择择剪剪裁裁工工具具。在在文文档档窗窗口口中中按按住住鼠鼠标标左左键键，拖拖动动鼠鼠标标，将将要要选选中中的的所所有有对对像像全全部部圈圈住住。释释放放鼠鼠标标，对对像像就就被被选选中中，在在选选定定对对象象的的周周围围会会出出现现剪剪裁裁边边框框，调调整整好好边边框框大大小后在边框内双击鼠标左键，则把边框外的内容剪裁掉。小后在边框内双击鼠标左键，则把边框外的内容剪裁掉。第22页，共40页，编辑于2022年，星期五二二.组织和管理对像组织和管理对像1.移动对像 为为了了方

33、方便便对对对对像像的的控控制制，合合理理组组织织对对像像是是非非常常重重要要的的。在在Fireworks中中，可可以以移移动动对对像像、设设置置对对像像的的重重叠叠顺顺序序、显显示示或或隐隐藏藏对对像像、复复制制、剪剪切切或或删删除除对对像像，也也可可以以将将多多个个对对像像组组合合起起来来，作作为为一一个个对对像看待。像看待。1.移动对像移动对像在在文文档档中中，移移动动对对像像非非常常简简单单，只只需需选选中中对对像像，然然后后按按住住鼠鼠标标拖拖动动对对像像，即即可可将将它它在在文文档档中中任任意意移移动动，在在目目标标位位置置释释放放鼠鼠标标，对像就被移动到相应位置。对像就被移动到相应

34、位置。2.对齐对像对齐对像选选中中要要对对齐齐的的多多个个对对像像。选选择择“修修改改/对对齐齐”菜菜单单，然然后后再再选选择择需需要的选项。要的选项。3.设置对像的重叠顺序设置对像的重叠顺序各各个个对对像像之之间间是是相相互互独独立立的的，因因此此在在文文档档中中它它们们可可能能发发生生重重叠叠，FireworksMX允允许许改改变变多多个个对对像像的的重重叠叠顺顺序序，可可以以按按照照如如下下方方法法进进行行操操作作：选选中中要要改改变变重重叠叠顺顺序序的的对对像像。选选择择“修修改改/排排列列”菜菜单单，然然后后从从子菜单中选择需要的选项。子菜单中选择需要的选项。第23页，共40页，编辑

35、于2022年，星期五4.隐藏和显示对像隐藏和显示对像 如如果果文文档档中中的的对对像像不不再再需需要要，可可以以将将它它从从文文档档中中删删除除，然然而而，有有时时候候某某个个对对像像只只是是临临时时不不再再需需要要，将将来来还还可可能能继继续续使使用用，这这时时可可以以将将对对像像隐隐藏藏起起来来，在在需需要要的的时时候候再再将将之之重重新新显显示示。操操作作如如下下：选选中中要要隐隐藏藏的的对对像像。选选择择“视图视图/隐藏所选隐藏所选”菜单，这时被选中的对像就被隐藏。菜单，这时被选中的对像就被隐藏。5.组合对像组合对像如如果果多多个个对对像像之之间间的的相相对对位位置置始始终终保保持持不

36、不变变，则则可可以以将将这这些些对对像像组组合合起起来来，作作为为一一个个对对像像使使用用，在在需需要要时时，又又可可以以重重新新将将组组合合的的对对像像拆拆分分成成为为多多个个相相互互独立的对像。独立的对像。（1）组合对像）组合对像选选中中要要进进行行组组合合的的多多个个对对像像。选选择择“修修改改/组组合合”菜菜单单，这这时时对对像像就就被被组组合合到到一一起起。从从工工具具箱箱中中选选择择指指针针工工具具，在在组组合合后后的的对对像像上上单单击击鼠标，可以看到，这些被组合的对像被作为一个对像选中。鼠标，可以看到，这些被组合的对像被作为一个对像选中。（2）取消对像的组合）取消对像的组合选选

37、中中被被组组合合的的对对像像。选选择择“修修改改/取取消消组组合合”菜菜单单，这这时时可可以以看看到到，原先被组合的对像全部脱原先被组合的对像全部脱离组合，又成为各个单独的对像。离组合，又成为各个单独的对像。第24页，共40页，编辑于2022年，星期五三三.整形路径整形路径通过编辑点整形路径 前前面面介介绍绍的的主主要要是是针针对对对对像像整整体体的的操操作作方方法法，如如果果希希望望修修改改对对像像本本身身的的形形状状，也也即即修修改改路路径径，则则需需要要进进行行更多更细致的操作。更多更细致的操作。通通过编辑过编辑点整形路径点整形路径 用用部部分分选选择择工工具具选选中中对对象象后后在在会

38、会显显示示出出对对象象的的路路径径编编辑辑点点，拖拖动动点点或或改改变变连连接接点点的的线线条条方方向向即即可可改改变变路路径径位位置置。通通过过整整形形路路径径工工具具，可可以以进进一一步控制路径的形状。步控制路径的形状。选选择择自自由由形形状状工工具具中中的的编编辑辑模模式式，鼠鼠标标会会变变成成相相应应的的工工具具形形状状通通过过拖拖拉拉或或推推动动等等方方式式就就可可以以实实现现对对路径的路径的编辑编辑，具体操作，具体操作请读请读者通者通过实验过实验掌握。掌握。第25页，共40页，编辑于2022年，星期五 8.1.1位图编辑工具位图编辑工具位图工具第26页，共40页，编辑于2022年，

39、星期五8.1.2位图编辑实例位图编辑实例 1.图象变形 可以利用工具箱中的“缩放工具”，“倾斜工具”“扭曲工具”，来完成图象的变形操作。操作过程比较简单，具体操作请大家尝试。2位图背景的编辑 利用工具箱中的魔术棒工具，选中背景色通过颜料桶工具或删除键可以改变或删除背景色。3.切割图形 将一个283212的图片平均分割成（34）12块：4虚幻效果 制作位图的虚幻效果要通过层进行操作。5.气泡效果 （1）建立一个新文件，导入一个背景图片。（2）再使用圆形工具画出一个白色的圆。（3）在图层面板中，点选位图对象，然后按住CTRL键的同时点选路径对象，得到小圆选区。（4）选择“选择/羽化”命令为小圆选区

40、调节适当的羽化值，并按“删除”按钮。第27页，共40页，编辑于2022年，星期五8.2.1建立动画对象建立动画对象 1.新建一个文件，画布长为300象素，宽为150象素。2.用矩形工具画一个矩形，可以用任何颜色填充。第28页，共40页，编辑于2022年，星期五8.2.2动画的设定动画的设定 1.选中矩形，选择“修改/动画/选择动画”菜单，弹出设置窗口。2.“帧”框中输入动画的 帧数15，在位移一定的情况帧数越多动画越平滑。3.“移动”框中输入180，这是设定移动的距离（以象素为单位）。4.“方向”框中输入45，设定移动的角度。5.单击“确定”按钮，将会出现系统提示框，问你是否添加新的帧。单击“

41、确定”，将会自动添加新的帧。现在图中矩形左下角就会加上一个小箭头，表示这是一个动画对象,一条线表示这个符号的移动路径，线上的每一个点表示一帧。第29页，共40页，编辑于2022年，星期五8.2.3动画预览动画预览1.如果帧面板不可见，选择“窗口/帧”菜单，启动帧面板。2.点击画布下方的“播放/停止”按钮，就可以播放动画。3.再次点击这个按钮可以停止。4.在帧面板上可以看到每一帧的动画。第30页，共40页，编辑于2022年，星期五8.2.4 8.2.4 动画的编辑动画的编辑 1.选择“窗口/属性”菜单，打开“属性”面板（或选择“修改/动画/设置”）。2.点击“帧”面板上的第一帧。3.选中工作区中

42、动画对象，在属性面板上就会显示这个动画的设置。4.对这个设定进行修改，比如在“缩放”框内输入110，使从第一帧到最后一帧图象放大10%。5.在“不透明度”左边的框内输入10，右边的框内输入100，这将使动画产生透明度的渐变。6.在“旋转”中输入180，将使动画产生180度的旋转。7.再次点击播放按钮就可以看到设置效果了。第31页，共40页，编辑于2022年，星期五8.2.5.编辑运动路径编辑运动路径 1.点击工作区上的动画对象,运动路径就可以显示出来。2.用鼠标拖动路径上的第一帧（绿色的点）和最后一帧（红色的点），来改变它们的位置。3.也可以拖动中间的帧（蓝色的点），改变整条路径。4.预览编辑

43、效果。第32页，共40页，编辑于2022年，星期五8.2.6输出输出gif动画动画 要在浏览器中看到这个动画，就必须输出成gif动画格式或swf格式 1.选择“窗口/优化”菜单，打开“优化”面板。2.输出格式设为“gif动画”。3.单击菜单上“文件/导出”命令 4.保存类型选择“html和图象”就可以输出一个html文件。5.用浏览器打开这个动画，浏览动画效果。第33页，共40页，编辑于2022年，星期五9.1.1优化图像应考虑的因素优化图像应考虑的因素 1.文件格式每种文件格式都有不同的压缩颜色信息的方法。为某些类型的图像选择适当的格式可以大大减小文件大小。2.特定选项每种图像文件格式都有一

44、组唯一的选项。可以用诸如色阶这样的选项来减小文件大小。某些图像格式（如 GIF 和 JPEG）还具有控制图像压缩的选项。3.图像颜色（仅限于 8 位文件格式）可以通过将图像局限于一个称为调色板的特定颜色集来限制颜色。然后，修剪掉调色板中未使用的颜色。调色板中的颜色越少意味着图像中的颜色也越少，使调色板图像文件类型的文件大小也越小。应该尝试所有的优化控制来寻找图像品质和大小的最佳平衡点.。第34页，共40页，编辑于2022年，星期五9.1.2图像优化的途径图像优化的途径 1.使用优化面板 选择“窗口/优化”菜单，启动优化面板。通过优化面板，可以很方便的在工作区内进行图像优化，并且同时看到优化后的

45、效果。在优化面板上预先设置了几种优化设定可供选择，也可以按照自己的需要进行设定。2.切片优化 可以对分割的图像的每一个切片进行不同的优化设定，比如你可以将图像上色彩丰富的部分设置为jpeg格式，色彩单一的部分设置为gif格式。3.优化效果预览 点击文档窗口上的“预览”标签，你可以预览优化后的效果。点击“2幅”标签和“4幅”标签可以比较几种不同的优化设定所产生的效果。4.JPEG选择压缩JPEG选择压缩可以对图像的不同区域选择不同的压缩比率，在图像比较重要的部分第35页，共40页，编辑于2022年，星期五9.2.1 9.2.1 常规输出常规输出 1.选择“文件/保存”可以直接进行输出。2.选择“

46、文件/另存为”也可以直接进行输出。3.选择“导出”输出图像，第36页，共40页，编辑于2022年，星期五9.2.2 输出一个图像的区域 1.选择工具箱中“选择”工具区里的导出区域工具，画出需要输出的区域范围。2.双击输出区域，跳出输出预览窗口，在输出预览窗口内可以调整图像输出的设置。3.最后按“输出”按钮就可以输出图像了。第37页，共40页，编辑于2022年，星期五9.2.3 输出切片将一副大的图像使用切割工具分成一个个小的切片以后，你就要把这些切片输出。1.选择“文件/导出”菜单。2.在“切片”选项栏下有几个选项：无：忽略所有的切片对像，输出成当前格式的整幅图像。导出切片：该默认的设置输出切

47、片包括所有的行为设置。沿引导线切片：输出切片，但忽略所有该对像的行为设置。如果只输出选中的一个或几个切片，可以勾选下面的“仅已选切片”第38页，共40页，编辑于2022年，星期五9.2.4输出输出Flash格式格式 可以将图像和动画输出为flash的swf格式 1.选择“文件/导出”菜单，弹出设置对话框。2.选择保存类型下拉表中的“Microsoft Flash Swf”，点击“选项”按钮弹出如图9-4所示设置对话框，对导出的动画进行设置。设置完成后保存导出文件。第39页，共40页，编辑于2022年，星期五9.2.5使用使用“导出向导导出向导”如果对优化和导出网页图像不太熟悉，可以使用“导出向导”帮助完成这些工作。“导出向导”通过问题和建议逐步引导完成优化和导出过程，即使你不了解优化和导出的细节，也可以轻松导出图像。使用“导出向导”导出文档的过程如下：(1)选择“文件/导出向导”菜单 弹出设置对话框。(2)回答出现的任何问题，并在每个面板中单击“继续”。说明：在第一个面板中选择“目标导出文件大小”，设定优化后的文件最大体积。Fireworks MX就文件格式提出建议。(3)单击“退出”。(4)设置完成后，单击“导出”按钮，导出优化后的图像。第40页，共40页，编辑于2022年，星期五