《03美化你的网页——Fireworks-网页设计.ppt》由会员分享，可在线阅读，更多相关《03美化你的网页——Fireworks-网页设计.ppt（39页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第三章第三章 美化你的网页美化你的网页Fireworks 在网页制作过程中，使用图像处理软件对在网页制作过程中，使用图像处理软件对在网页制作过程中，使用图像处理软件对在网页制作过程中，使用图像处理软件对WebWeb图形图像图形图像图形图像图形图像进行创作和编辑是制作与美化网页必不可少的步骤。进行创作和编辑是制作与美化网页必不可少的步骤。进行创作和编辑是制作与美化网页必不可少的步骤。进行创作和编辑是制作与美化网页必不可少的步骤。MacromediaMacromedia公司公司公司公司出品的出品的出品的出品的Fireworks Fireworks，是，是，是，是用来设计和制作用来设计和制作用来设计
2、和制作用来设计和制作专业化网页图形的应用软件。本章主要介绍专业化网页图形的应用软件。本章主要介绍专业化网页图形的应用软件。本章主要介绍专业化网页图形的应用软件。本章主要介绍FireworksFireworks在在在在网页图形图像制作与编辑方面的应用。网页图形图像制作与编辑方面的应用。网页图形图像制作与编辑方面的应用。网页图形图像制作与编辑方面的应用。3.1 认识认识Fireworks使用使用 Fireworks，可以在一个专业化的环境，可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。在理、添加高级交互功能以及优化图
3、像。在 Fireworks 中，可以在单个应用程序中创建中，可以在单个应用程序中创建和编辑位图和矢量两种图形，同时，和编辑位图和矢量两种图形，同时，Fireworks 与与Macromedia 的其它多种产品的其它多种产品集成在一起（如集成在一起（如 Dreamweaver、Flash、FreeHand、Director及及 HTML 编辑器），编辑器），为网页创作者提供了一个真正集成的为网页创作者提供了一个真正集成的 Web 处理平台。处理平台。3.1 认识认识FireworksFireworks Fireworks 的特点：的特点：的特点：的特点：|可以很方便的进行网页的设计布局可以很方便
4、的进行网页的设计布局可以很方便的进行网页的设计布局可以很方便的进行网页的设计布局,制作制作制作制作,优化；优化；优化；优化；-能和能和能和能和DreamweaverDreamweaver、FlashFlash很方便的合作开发网站和很方便的合作开发网站和很方便的合作开发网站和很方便的合作开发网站和FlashFlash程序程序程序程序-小型动画图片的制作，小型动画图片的制作，小型动画图片的制作，小型动画图片的制作，LOGOLOGO、BANNERBANNER、ICONICON等等；等等；等等；等等；|相比其他图形制作软件，下面的相比其他图形制作软件，下面的FIREWORKSFIREWORKS的优点是
5、否对你很有的优点是否对你很有帮助？帮助？1.Fireworks1.Fireworks简洁的软件界面更适合非设计人员学习简洁的软件界面更适合非设计人员学习简洁的软件界面更适合非设计人员学习简洁的软件界面更适合非设计人员学习2.2.更方便和更方便和更方便和更方便和DREAMWEAVERDREAMWEAVER、FLASHFLASH合作开发合作开发合作开发合作开发3.3.更适合做排版以及切图的设计更适合做排版以及切图的设计更适合做排版以及切图的设计更适合做排版以及切图的设计4.Fireworks4.Fireworks提供更优化的网页图形解决方案，能在图形质量以及提供更优化的网页图形解决方案，能在图形质
6、量以及提供更优化的网页图形解决方案，能在图形质量以及提供更优化的网页图形解决方案，能在图形质量以及大小上找到更好的平衡点，更适合网络传输大小上找到更好的平衡点，更适合网络传输大小上找到更好的平衡点，更适合网络传输大小上找到更好的平衡点，更适合网络传输3.1 认识认识FireworksFIREWORKS的学习渠道-FIREWORKS官方手册（在软件中按官方手册（在软件中按查看）查看）/LIVEDOCS-FIREWORKS的网络资源的网络资源-FIREWORKS书籍（不推荐）书籍（不推荐）3.1 认识认识Fireworks3.1.1 Fireworks 界面界面|标题栏标题栏标题栏标题栏|菜单栏菜
7、单栏菜单栏菜单栏|工具箱工具箱工具箱工具箱|“属性属性属性属性”面板面板面板面板|功能面板功能面板功能面板功能面板3.2 Fireworks 基础基础3.2.1 Fireworks的基本操作的基本操作|文档的基本操作文档的基本操作文档的基本操作文档的基本操作TT新建文档新建文档新建文档新建文档TT保存文档保存文档保存文档保存文档vvFireworksFireworks将文档保存为将文档保存为将文档保存为将文档保存为*.PngPng格式格式格式格式,这是其工作格式。这是其工作格式。这是其工作格式。这是其工作格式。TT文档的打开与导入文档的打开与导入文档的打开与导入文档的打开与导入|画布属性的修改
8、画布属性的修改画布属性的修改画布属性的修改TT在编辑图像的过程中，经常需要将画布放大或缩小、在编辑图像的过程中，经常需要将画布放大或缩小、在编辑图像的过程中，经常需要将画布放大或缩小、在编辑图像的过程中，经常需要将画布放大或缩小、修剪、旋转画布、重新设置画布的颜色等。修剪、旋转画布、重新设置画布的颜色等。修剪、旋转画布、重新设置画布的颜色等。修剪、旋转画布、重新设置画布的颜色等。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|位图图形工具位图图形工具位图图形工具位图图形工具TT选取工具选取工具选取工具选取工具vv矩形选取矩形选取矩形选
9、取矩形选取vv创建一个选区后，按住创建一个选区后，按住创建一个选区后，按住创建一个选区后，按住ShiftShift键再创建选区，后创建的键再创建选区，后创建的键再创建选区，后创建的键再创建选区，后创建的选区与先创建的选区合并；按住选区与先创建的选区合并；按住选区与先创建的选区合并；按住选区与先创建的选区合并；按住AltAlt键则进行选区相减；键则进行选区相减；键则进行选区相减；键则进行选区相减；和和和和PSPS一样，一样，一样，一样，Ctrl+DCtrl+D取消选区；取消选区；取消选区；取消选区；Ctrl+shift+ICtrl+shift+I反选反选反选反选vv椭圆选取椭圆选取椭圆选取椭圆选
10、取TT套索工具套索工具套索工具套索工具vv包括套索工具、多边形套索。包括套索工具、多边形套索。包括套索工具、多边形套索。包括套索工具、多边形套索。TT魔术棒工具魔术棒工具魔术棒工具魔术棒工具vv用行选择图像中颜色相似的像素区域。用行选择图像中颜色相似的像素区域。用行选择图像中颜色相似的像素区域。用行选择图像中颜色相似的像素区域。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|位图图形工具位图图形工具位图图形工具位图图形工具TT选取工具选取工具选取工具选取工具vv矩形选取矩形选取矩形选取矩形选取vv创建一个选区后，按住创建一个选区后，按
11、住创建一个选区后，按住创建一个选区后，按住ShiftShift键再创建选区，后创建的键再创建选区，后创建的键再创建选区，后创建的键再创建选区，后创建的选区与先创建的选区合并；按住选区与先创建的选区合并；按住选区与先创建的选区合并；按住选区与先创建的选区合并；按住AltAlt键则进行选区相减；键则进行选区相减；键则进行选区相减；键则进行选区相减；和和和和PSPS一样，一样，一样，一样，Ctrl+DCtrl+D取消选区；取消选区；取消选区；取消选区；Ctrl+shift+ICtrl+shift+I反选反选反选反选vv椭圆选取椭圆选取椭圆选取椭圆选取vv套索工具套索工具套索工具套索工具vv包括套索工
12、具、多边形套索。包括套索工具、多边形套索。包括套索工具、多边形套索。包括套索工具、多边形套索。vv魔术棒工具魔术棒工具魔术棒工具魔术棒工具vv用行选择图像中颜色相似的像素区域。用行选择图像中颜色相似的像素区域。用行选择图像中颜色相似的像素区域。用行选择图像中颜色相似的像素区域。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|位图图形工具位图图形工具位图图形工具位图图形工具TT铅笔工具，使用铅笔工具可以绘制单像素的线段；铅笔工具，使用铅笔工具可以绘制单像素的线段；铅笔工具，使用铅笔工具可以绘制单像素的线段；铅笔工具，使用铅笔工具可以绘制
13、单像素的线段；TT刷子工具，可以在工作区域中绘制任意粗细的线段，刷子工具，可以在工作区域中绘制任意粗细的线段，刷子工具，可以在工作区域中绘制任意粗细的线段，刷子工具，可以在工作区域中绘制任意粗细的线段，通过设置刷子的样式，可以绘制出特殊效果的线段。通过设置刷子的样式，可以绘制出特殊效果的线段。通过设置刷子的样式，可以绘制出特殊效果的线段。通过设置刷子的样式，可以绘制出特殊效果的线段。TT像皮图章工具，可以将图像的一部分提制到其他位像皮图章工具，可以将图像的一部分提制到其他位像皮图章工具，可以将图像的一部分提制到其他位像皮图章工具，可以将图像的一部分提制到其他位置；置；置；置；TT颜色替换工具，
14、颜色替换工具，颜色替换工具，颜色替换工具，TT橡皮擦工具橡皮擦工具橡皮擦工具橡皮擦工具TT位图修饰工具，包括模糊工具、锐化工具、减淡工位图修饰工具，包括模糊工具、锐化工具、减淡工位图修饰工具，包括模糊工具、锐化工具、减淡工位图修饰工具，包括模糊工具、锐化工具、减淡工具、加深工具和涂抹工具。具、加深工具和涂抹工具。具、加深工具和涂抹工具。具、加深工具和涂抹工具。3.2 Fireworks 基础基础3.2.2 Fireworks3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑图形对象的绘制与编辑图形对象的绘制与编辑|矢量图形工具矢量图形工具矢量图形工具矢量图形工具TT线条工具
15、线条工具线条工具线条工具TT基本形状工具基本形状工具基本形状工具基本形状工具 包括矩形工具、圆角矩形工具、椭圆工具、多包括矩形工具、圆角矩形工具、椭圆工具、多包括矩形工具、圆角矩形工具、椭圆工具、多包括矩形工具、圆角矩形工具、椭圆工具、多边形工具，边形工具，边形工具，边形工具，TT钢笔工具钢笔工具钢笔工具钢笔工具 可以绘制直线或贝塞尔曲线，按住可以绘制直线或贝塞尔曲线，按住可以绘制直线或贝塞尔曲线，按住可以绘制直线或贝塞尔曲线，按住AltAlt键可以变它变键可以变它变键可以变它变键可以变它变成转换点工具。在绘制过程中，按住成转换点工具。在绘制过程中，按住成转换点工具。在绘制过程中，按住成转换点
16、工具。在绘制过程中，按住CtrlCtrl键可以结束绘制。键可以结束绘制。键可以结束绘制。键可以结束绘制。TT矢量路径工具就像使用铅笔工具一样，可以绘制出任意的线段，矢量路径工具就像使用铅笔工具一样，可以绘制出任意的线段，矢量路径工具就像使用铅笔工具一样，可以绘制出任意的线段，矢量路径工具就像使用铅笔工具一样，可以绘制出任意的线段，只是使用矢量路径工具绘制的线段为矢量线段。只是使用矢量路径工具绘制的线段为矢量线段。只是使用矢量路径工具绘制的线段为矢量线段。只是使用矢量路径工具绘制的线段为矢量线段。TT重绘路径工具可以重绘或扩展所选择的路径段，同时保留该路重绘路径工具可以重绘或扩展所选择的路径段，
17、同时保留该路重绘路径工具可以重绘或扩展所选择的路径段，同时保留该路重绘路径工具可以重绘或扩展所选择的路径段，同时保留该路径的笔触、填充和效果等特性。径的笔触、填充和效果等特性。径的笔触、填充和效果等特性。径的笔触、填充和效果等特性。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|图形对象的编辑图形对象的编辑图形对象的编辑图形对象的编辑|使用选择工具编辑图形使用选择工具编辑图形使用选择工具编辑图形使用选择工具编辑图形TT指针工具指针工具指针工具指针工具vv可以选择对象或移动对象，按住可以选择对象或移动对象，按住可以选择对象或移动对象，按
18、住可以选择对象或移动对象，按住AltAlt键同时移动所选对象，键同时移动所选对象，键同时移动所选对象，键同时移动所选对象，可能复制该对象；可能复制该对象；可能复制该对象；可能复制该对象；TT选择后方对象工具选择后方对象工具选择后方对象工具选择后方对象工具vv可以使用选择后方对象工具选择被其他对象遮挡的对象。可以使用选择后方对象工具选择被其他对象遮挡的对象。可以使用选择后方对象工具选择被其他对象遮挡的对象。可以使用选择后方对象工具选择被其他对象遮挡的对象。TT部分选定工具部分选定工具部分选定工具部分选定工具vv可以选择、移动或修改矢量路径上的节点或群组的对象。可以选择、移动或修改矢量路径上的节点
19、或群组的对象。可以选择、移动或修改矢量路径上的节点或群组的对象。可以选择、移动或修改矢量路径上的节点或群组的对象。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|图形对象的编辑图形对象的编辑图形对象的编辑图形对象的编辑TT图形的变形图形的变形图形的变形图形的变形vv1.1.缩放图形：可以使用缩放工具来缩放图形。缩放图形：可以使用缩放工具来缩放图形。缩放图形：可以使用缩放工具来缩放图形。缩放图形：可以使用缩放工具来缩放图形。vv2.2.倾斜图形：倾斜图形：倾斜图形：倾斜图形：vv3.3.扭曲图形：扭曲图形：扭曲图形：扭曲图形：vv4.4
20、.也可以在也可以在也可以在也可以在“修改修改修改修改”菜单中选择菜单中选择菜单中选择菜单中选择“变形变形变形变形”子菜单来对图形子菜单来对图形子菜单来对图形子菜单来对图形进行变形操作。进行变形操作。进行变形操作。进行变形操作。TT图形的颜色的填充图形的颜色的填充图形的颜色的填充图形的颜色的填充vv图形的颜色包括笔触颜色和填充颜色，可以工具箱中找到。图形的颜色包括笔触颜色和填充颜色，可以工具箱中找到。图形的颜色包括笔触颜色和填充颜色，可以工具箱中找到。图形的颜色包括笔触颜色和填充颜色，可以工具箱中找到。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象
21、的绘制与编辑|图形对象的编辑图形对象的编辑图形对象的编辑图形对象的编辑TT图形对象的组织图形对象的组织图形对象的组织图形对象的组织vv组合对象：调节整体与个体的关系组合对象：调节整体与个体的关系组合对象：调节整体与个体的关系组合对象：调节整体与个体的关系vv排列对象：调节图形的层次关系排列对象：调节图形的层次关系排列对象：调节图形的层次关系排列对象：调节图形的层次关系vv对齐对象：调节图形之间的位置关系对齐对象：调节图形之间的位置关系对齐对象：调节图形之间的位置关系对齐对象：调节图形之间的位置关系3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘
22、制与编辑|图形对象的编辑图形对象的编辑图形对象的编辑图形对象的编辑TT矢量图形的编辑矢量图形的编辑矢量图形的编辑矢量图形的编辑vv1.1.自由变形工具：可以直接对矢量对象进行弯曲和变形操自由变形工具：可以直接对矢量对象进行弯曲和变形操自由变形工具：可以直接对矢量对象进行弯曲和变形操自由变形工具：可以直接对矢量对象进行弯曲和变形操作作作作vv2.2.更改区域形状工具：可以像自由变形工具一样对图形进更改区域形状工具：可以像自由变形工具一样对图形进更改区域形状工具：可以像自由变形工具一样对图形进更改区域形状工具：可以像自由变形工具一样对图形进行变形操作，不过更改区域形状工具的变形比较柔和，可行变形操
23、作，不过更改区域形状工具的变形比较柔和，可行变形操作，不过更改区域形状工具的变形比较柔和，可行变形操作，不过更改区域形状工具的变形比较柔和，可以对整个曲线路径进行变形。以对整个曲线路径进行变形。以对整个曲线路径进行变形。以对整个曲线路径进行变形。vv3.3.刀子工具：可以将一个矢量图形路径剪切为两个图形路刀子工具：可以将一个矢量图形路径剪切为两个图形路刀子工具：可以将一个矢量图形路径剪切为两个图形路刀子工具：可以将一个矢量图形路径剪切为两个图形路径。径。径。径。3.2 Fireworks 基础基础3.2.2 Fireworks3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编
24、辑图形对象的绘制与编辑图形对象的绘制与编辑|图形对象的编辑图形对象的编辑图形对象的编辑图形对象的编辑TT矢量图形的编辑矢量图形的编辑矢量图形的编辑矢量图形的编辑vv4.4.组合路径：组合路径：组合路径：组合路径：vv合并：可以将多个路径对象合并为单个路径对象，还可以将合并：可以将多个路径对象合并为单个路径对象，还可以将合并：可以将多个路径对象合并为单个路径对象，还可以将合并：可以将多个路径对象合并为单个路径对象，还可以将两个断开的路径端点连接到一起。两个断开的路径端点连接到一起。两个断开的路径端点连接到一起。两个断开的路径端点连接到一起。vv拆分：可以将组合的单个路径进行拆分。拆分：可以将组合
25、的单个路径进行拆分。拆分：可以将组合的单个路径进行拆分。拆分：可以将组合的单个路径进行拆分。vv联合：可以将选择的多个矢量图形合并为一个图形，合并后联合：可以将选择的多个矢量图形合并为一个图形，合并后联合：可以将选择的多个矢量图形合并为一个图形，合并后联合：可以将选择的多个矢量图形合并为一个图形，合并后的图形将保持最底层图形对象的笔触和填充属性。的图形将保持最底层图形对象的笔触和填充属性。的图形将保持最底层图形对象的笔触和填充属性。的图形将保持最底层图形对象的笔触和填充属性。vv相交：可以从选择的多个矢量图形对象的交集创建对象。相相交：可以从选择的多个矢量图形对象的交集创建对象。相相交：可以从
26、选择的多个矢量图形对象的交集创建对象。相相交：可以从选择的多个矢量图形对象的交集创建对象。相交的图形将保持最底层图形对象的笔触和填充属性。交的图形将保持最底层图形对象的笔触和填充属性。交的图形将保持最底层图形对象的笔触和填充属性。交的图形将保持最底层图形对象的笔触和填充属性。vv打孔：可以从选择的多个矢量图形对象中删除最上层对象重打孔：可以从选择的多个矢量图形对象中删除最上层对象重打孔：可以从选择的多个矢量图形对象中删除最上层对象重打孔：可以从选择的多个矢量图形对象中删除最上层对象重叠的部分。叠的部分。叠的部分。叠的部分。vv裁切：另一个路径的形状来修剪路径。前面或最上面的路径裁切：另一个路径
27、的形状来修剪路径。前面或最上面的路径裁切：另一个路径的形状来修剪路径。前面或最上面的路径裁切：另一个路径的形状来修剪路径。前面或最上面的路径定义修剪区域的形状。定义修剪区域的形状。定义修剪区域的形状。定义修剪区域的形状。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|图形对象的编辑图形对象的编辑图形对象的编辑图形对象的编辑TT矢量图形的编辑矢量图形的编辑矢量图形的编辑矢量图形的编辑vv5.5.改变路径改变路径改变路径改变路径vv使用使用使用使用“改变路径改变路径改变路径改变路径”命令可以对矢量路径对象进行重新命令可以对矢量路径对象进行
28、重新命令可以对矢量路径对象进行重新命令可以对矢量路径对象进行重新编辑。编辑。编辑。编辑。vv1.1.简化：可以指定要删除的路径上多余节点的数量，简化：可以指定要删除的路径上多余节点的数量，简化：可以指定要删除的路径上多余节点的数量，简化：可以指定要删除的路径上多余节点的数量，删除路径中节点的同时将保持路径的总体形状。删除路径中节点的同时将保持路径的总体形状。删除路径中节点的同时将保持路径的总体形状。删除路径中节点的同时将保持路径的总体形状。vv扩展笔触：可以将选择的矢量路径向外扩展一定的像扩展笔触：可以将选择的矢量路径向外扩展一定的像扩展笔触：可以将选择的矢量路径向外扩展一定的像扩展笔触：可以
29、将选择的矢量路径向外扩展一定的像素，与原来的路径形成一个封闭区域。素，与原来的路径形成一个封闭区域。素，与原来的路径形成一个封闭区域。素，与原来的路径形成一个封闭区域。vv伸缩路径，可以将选择的矢量路径向内收缩或向外扩伸缩路径，可以将选择的矢量路径向内收缩或向外扩伸缩路径，可以将选择的矢量路径向内收缩或向外扩伸缩路径，可以将选择的矢量路径向内收缩或向外扩展一定的像素。展一定的像素。展一定的像素。展一定的像素。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|图形对象的编辑图形对象的编辑图形对象的编辑图形对象的编辑TT图形特效的形成图形特
30、效的形成图形特效的形成图形特效的形成TT为了使自己绘制的图形在网页中更加生动，用户可为了使自己绘制的图形在网页中更加生动，用户可为了使自己绘制的图形在网页中更加生动，用户可为了使自己绘制的图形在网页中更加生动，用户可以使用以使用以使用以使用FireworksFireworks提供的各种特效美化图形。提供的各种特效美化图形。提供的各种特效美化图形。提供的各种特效美化图形。vv图形特效主要通过图形对象的属性面板中的效果来进行相图形特效主要通过图形对象的属性面板中的效果来进行相图形特效主要通过图形对象的属性面板中的效果来进行相图形特效主要通过图形对象的属性面板中的效果来进行相应的设置；应的设置；应的
31、设置；应的设置；vv斜角和浮雕；斜角和浮雕；斜角和浮雕；斜角和浮雕；vv阴影和光晕；阴影和光晕；阴影和光晕；阴影和光晕；vv模糊；模糊；模糊；模糊；vv调整颜色；调整颜色；调整颜色；调整颜色；vv锐化；锐化；锐化；锐化；3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|图形对象的编辑图形对象的编辑图形对象的编辑图形对象的编辑TT样式的使用样式的使用样式的使用样式的使用TT通过通过通过通过“样式样式样式样式”面板，可以将系统中预设的多种填充、面板，可以将系统中预设的多种填充、面板，可以将系统中预设的多种填充、面板，可以将系统中预设的多种填
32、充、笔触、效果样式及文本样式直接应用于工作区中的笔触、效果样式及文本样式直接应用于工作区中的笔触、效果样式及文本样式直接应用于工作区中的笔触、效果样式及文本样式直接应用于工作区中的对象，使其具备该样式的特效。对象，使其具备该样式的特效。对象，使其具备该样式的特效。对象，使其具备该样式的特效。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|文本的操作文本的操作文本的操作文本的操作|文字是网页中很重要的一个元素，人们在网络文字是网页中很重要的一个元素，人们在网络文字是网页中很重要的一个元素，人们在网络文字是网页中很重要的一个元素，人们在网
33、络上通过文字来了解各种各样的信息。在上通过文字来了解各种各样的信息。在上通过文字来了解各种各样的信息。在上通过文字来了解各种各样的信息。在DWDW中中中中设计时，一般都要使用大部分人都安装的字体。设计时，一般都要使用大部分人都安装的字体。设计时，一般都要使用大部分人都安装的字体。设计时，一般都要使用大部分人都安装的字体。|在在在在FireworksFireworks中，可以将文字制作得与图形一样中，可以将文字制作得与图形一样中，可以将文字制作得与图形一样中，可以将文字制作得与图形一样精美和漂亮，然后将其导出转为图形，插入到精美和漂亮，然后将其导出转为图形，插入到精美和漂亮，然后将其导出转为图形
34、，插入到精美和漂亮，然后将其导出转为图形，插入到网页中就不会产生在不同用户计算机中显示效网页中就不会产生在不同用户计算机中显示效网页中就不会产生在不同用户计算机中显示效网页中就不会产生在不同用户计算机中显示效果不同的现象，做到了最大的兼容性。果不同的现象，做到了最大的兼容性。果不同的现象，做到了最大的兼容性。果不同的现象，做到了最大的兼容性。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|文本的操作文本的操作文本的操作文本的操作|文本的输入文本的输入文本的输入文本的输入TT有两种方法来输入文本，一是选择文字工具后，在有两种方法来输入文
35、本，一是选择文字工具后，在有两种方法来输入文本，一是选择文字工具后，在有两种方法来输入文本，一是选择文字工具后，在工作区中单击鼠标创建文本输入框，用这种方法创工作区中单击鼠标创建文本输入框，用这种方法创工作区中单击鼠标创建文本输入框，用这种方法创工作区中单击鼠标创建文本输入框，用这种方法创建的文本输入框，在输入文本时将自动适应文本的建的文本输入框，在输入文本时将自动适应文本的建的文本输入框，在输入文本时将自动适应文本的建的文本输入框，在输入文本时将自动适应文本的宽度，文本输入框是动态的；另一种方法是选择文宽度，文本输入框是动态的；另一种方法是选择文宽度，文本输入框是动态的；另一种方法是选择文宽
36、度，文本输入框是动态的；另一种方法是选择文字工具后，在工作区中扡曳鼠标创建文本输入框，字工具后，在工作区中扡曳鼠标创建文本输入框，字工具后，在工作区中扡曳鼠标创建文本输入框，字工具后，在工作区中扡曳鼠标创建文本输入框，用这种方法创建的文本输入框其宽度是固定的，输用这种方法创建的文本输入框其宽度是固定的，输用这种方法创建的文本输入框其宽度是固定的，输用这种方法创建的文本输入框其宽度是固定的，输入的文本到输入框的宽度后将自动换行。动态输入入的文本到输入框的宽度后将自动换行。动态输入入的文本到输入框的宽度后将自动换行。动态输入入的文本到输入框的宽度后将自动换行。动态输入框档案右上角为圆形，而固定宽度
37、的输入框右上角框档案右上角为圆形，而固定宽度的输入框右上角框档案右上角为圆形，而固定宽度的输入框右上角框档案右上角为圆形，而固定宽度的输入框右上角为矩形。为矩形。为矩形。为矩形。3.2 Fireworks 基础基础3.2.2 Fireworks3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑图形对象的绘制与编辑图形对象的绘制与编辑|文本的操作文本的操作文本的操作文本的操作TT编辑文本编辑文本编辑文本编辑文本vv设置文字的基本属性设置文字的基本属性设置文字的基本属性设置文字的基本属性vv设置文字的对齐方式设置文字的对齐方式设置文字的对齐方式设置文字的对齐方式vv设置段落属性
38、设置段落属性设置段落属性设置段落属性vv文字的填充、笔触、特效文字的填充、笔触、特效文字的填充、笔触、特效文字的填充、笔触、特效TT将文本添加到路径将文本添加到路径将文本添加到路径将文本添加到路径vv可以将文本吸附到路径上，这样文本可以按照路径的方向进行排可以将文本吸附到路径上，这样文本可以按照路径的方向进行排可以将文本吸附到路径上，这样文本可以按照路径的方向进行排可以将文本吸附到路径上，这样文本可以按照路径的方向进行排列。列。列。列。TT将文本转换为路径将文本转换为路径将文本转换为路径将文本转换为路径vv将输入的文本转换为路径后，转换后的文本不再具有文字属性，将输入的文本转换为路径后，转换后
39、的文本不再具有文字属性，将输入的文本转换为路径后，转换后的文本不再具有文字属性，将输入的文本转换为路径后，转换后的文本不再具有文字属性，成为一个文字形状的矢量图形，这时可以像矢量图形一样编辑转成为一个文字形状的矢量图形，这时可以像矢量图形一样编辑转成为一个文字形状的矢量图形，这时可以像矢量图形一样编辑转成为一个文字形状的矢量图形，这时可以像矢量图形一样编辑转换为路径的文本。换为路径的文本。换为路径的文本。换为路径的文本。3.2 Fireworks 基础基础3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑|图层与蒙版图层与蒙版图层与蒙版图层与蒙版TT图层图层图层图层TT在在
40、在在FireWorksFireWorks中，可以像中，可以像中，可以像中，可以像PSPS一样进行图层的操作，但一样进行图层的操作，但一样进行图层的操作，但一样进行图层的操作，但又和又和又和又和PSPS有所不同，新建图层按钮创建的图层相当于有所不同，新建图层按钮创建的图层相当于有所不同，新建图层按钮创建的图层相当于有所不同，新建图层按钮创建的图层相当于PSPS中的图层文件夹，但是在中的图层文件夹，但是在中的图层文件夹，但是在中的图层文件夹，但是在FireworksFireworks中称为中称为中称为中称为“图层图层图层图层”，而真正的图层在，而真正的图层在，而真正的图层在，而真正的图层在Fire
41、worksFireworks中称中称中称中称“对象层对象层对象层对象层”。对。对。对。对象层有两种：一是矢量对象层，它是随着矢量图形象层有两种：一是矢量对象层，它是随着矢量图形象层有两种：一是矢量对象层，它是随着矢量图形象层有两种：一是矢量对象层，它是随着矢量图形的创建而产生的；另一种位图对象层，需要单击的创建而产生的；另一种位图对象层，需要单击的创建而产生的；另一种位图对象层，需要单击的创建而产生的；另一种位图对象层，需要单击“新建位图对象新建位图对象新建位图对象新建位图对象”按钮来创建。按钮来创建。按钮来创建。按钮来创建。TT图层的操作包括：新建一个层、改变层的顺序、复图层的操作包括：新建
42、一个层、改变层的顺序、复图层的操作包括：新建一个层、改变层的顺序、复图层的操作包括：新建一个层、改变层的顺序、复制层、锁定制层、锁定制层、锁定制层、锁定/解锁图层、改变图层混合模式、改变图解锁图层、改变图层混合模式、改变图解锁图层、改变图层混合模式、改变图解锁图层、改变图层混合模式、改变图层的不透明度等。层的不透明度等。层的不透明度等。层的不透明度等。3.2 Fireworks 基础基础3.2.2 Fireworks3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑图形对象的绘制与编辑图形对象的绘制与编辑|图层与蒙版图层与蒙版图层与蒙版图层与蒙版TT蒙版蒙版蒙版蒙版TT在在
43、在在FireworksFireworks中，可以通过蒙版技术用上层图像遮住下面的图像，制中，可以通过蒙版技术用上层图像遮住下面的图像，制中，可以通过蒙版技术用上层图像遮住下面的图像，制中，可以通过蒙版技术用上层图像遮住下面的图像，制作出一种镂空图像效果。蒙版可以分为两种类型：矢量蒙版和位图蒙作出一种镂空图像效果。蒙版可以分为两种类型：矢量蒙版和位图蒙作出一种镂空图像效果。蒙版可以分为两种类型：矢量蒙版和位图蒙作出一种镂空图像效果。蒙版可以分为两种类型：矢量蒙版和位图蒙版。将矢量对象作蒙版将产生矢量蒙版，而将位图对象用作蒙版将产版。将矢量对象作蒙版将产生矢量蒙版，而将位图对象用作蒙版将产版。将矢
44、量对象作蒙版将产生矢量蒙版，而将位图对象用作蒙版将产版。将矢量对象作蒙版将产生矢量蒙版，而将位图对象用作蒙版将产生位衅蒙版。另外，还可以使用多个对象或组合对象来创建蒙版。生位衅蒙版。另外，还可以使用多个对象或组合对象来创建蒙版。生位衅蒙版。另外，还可以使用多个对象或组合对象来创建蒙版。生位衅蒙版。另外，还可以使用多个对象或组合对象来创建蒙版。TT矢量蒙版可以在下层图像中显示出上层图形路径遮住的图像，没有被矢量蒙版可以在下层图像中显示出上层图形路径遮住的图像，没有被矢量蒙版可以在下层图像中显示出上层图形路径遮住的图像，没有被矢量蒙版可以在下层图像中显示出上层图形路径遮住的图像，没有被遮住的图像将
45、透明显示，产生一种生活中见到的镂空图形效果。矢量遮住的图像将透明显示，产生一种生活中见到的镂空图形效果。矢量遮住的图像将透明显示，产生一种生活中见到的镂空图形效果。矢量遮住的图像将透明显示，产生一种生活中见到的镂空图形效果。矢量蒙版创建后，将在层面板中出现一个带铅笔图标的蒙版缩略图，表示蒙版创建后，将在层面板中出现一个带铅笔图标的蒙版缩略图，表示蒙版创建后，将在层面板中出现一个带铅笔图标的蒙版缩略图，表示蒙版创建后，将在层面板中出现一个带铅笔图标的蒙版缩略图，表示已经创建了一个矢量蒙版。创建矢量蒙版后，在已经创建了一个矢量蒙版。创建矢量蒙版后，在已经创建了一个矢量蒙版。创建矢量蒙版后，在已经创
46、建了一个矢量蒙版。创建矢量蒙版后，在“层层层层”面板中选择蒙面板中选择蒙面板中选择蒙面板中选择蒙版图层中的蒙版，版图层中的蒙版，版图层中的蒙版，版图层中的蒙版，“属性属性属性属性”面板中将显示相关的属性。面板中将显示相关的属性。面板中将显示相关的属性。面板中将显示相关的属性。TT在在在在FireworksFireworks中，位图蒙版是以灰度色阶来表示的，通过蒙版中图形中，位图蒙版是以灰度色阶来表示的，通过蒙版中图形中，位图蒙版是以灰度色阶来表示的，通过蒙版中图形中，位图蒙版是以灰度色阶来表示的，通过蒙版中图形灰度色阶可以表达被蒙住的图形的透明度。蒙版与图像的关系为：灰度色阶可以表达被蒙住的图
47、形的透明度。蒙版与图像的关系为：灰度色阶可以表达被蒙住的图形的透明度。蒙版与图像的关系为：灰度色阶可以表达被蒙住的图形的透明度。蒙版与图像的关系为：vv蒙版的颜色为白色，则其完全显示下方的图像；蒙版的颜色为白色，则其完全显示下方的图像；蒙版的颜色为白色，则其完全显示下方的图像；蒙版的颜色为白色，则其完全显示下方的图像；vv蒙版的颜色为黑色，则其完全覆盖下方的图像；蒙版的颜色为黑色，则其完全覆盖下方的图像；蒙版的颜色为黑色，则其完全覆盖下方的图像；蒙版的颜色为黑色，则其完全覆盖下方的图像；vv蒙版的颜色为灰色，则图像呈不同程度的透明效果。蒙版的颜色为灰色，则图像呈不同程度的透明效果。蒙版的颜色为
48、灰色，则图像呈不同程度的透明效果。蒙版的颜色为灰色，则图像呈不同程度的透明效果。3.2 Fireworks 基础基础3.2.2 Fireworks3.2.2 Fireworks图形对象的绘制与编辑图形对象的绘制与编辑图形对象的绘制与编辑图形对象的绘制与编辑|图层与蒙版图层与蒙版图层与蒙版图层与蒙版TT蒙版蒙版蒙版蒙版TT创建蒙版对象创建蒙版对象创建蒙版对象创建蒙版对象vv1.1.对过现有的对象创建蒙版。对过现有的对象创建蒙版。对过现有的对象创建蒙版。对过现有的对象创建蒙版。vv使用使用使用使用“粘贴为蒙版粘贴为蒙版粘贴为蒙版粘贴为蒙版”命令可以创建出矢量蒙版或位图蒙版。命令可以创建出矢量蒙版或
49、位图蒙版。命令可以创建出矢量蒙版或位图蒙版。命令可以创建出矢量蒙版或位图蒙版。如果粘贴的对象是矢量图形，将创建矢量蒙版，它使用矢量如果粘贴的对象是矢量图形，将创建矢量蒙版，它使用矢量如果粘贴的对象是矢量图形，将创建矢量蒙版，它使用矢量如果粘贴的对象是矢量图形，将创建矢量蒙版，它使用矢量对象的路径轮廓来裁剪被蒙版对象；如果粘贴的对象是位图，对象的路径轮廓来裁剪被蒙版对象；如果粘贴的对象是位图，对象的路径轮廓来裁剪被蒙版对象；如果粘贴的对象是位图，对象的路径轮廓来裁剪被蒙版对象；如果粘贴的对象是位图，将创建位图蒙版，它使用位图对象的灰度颜色值影响被蒙版将创建位图蒙版，它使用位图对象的灰度颜色值影响
50、被蒙版将创建位图蒙版，它使用位图对象的灰度颜色值影响被蒙版将创建位图蒙版，它使用位图对象的灰度颜色值影响被蒙版对象的可见性。对象的可见性。对象的可见性。对象的可见性。vv也可以使用也可以使用也可以使用也可以使用“贴入内部贴入内部贴入内部贴入内部”命令来创建蒙版。命令来创建蒙版。命令来创建蒙版。命令来创建蒙版。vv使用使用使用使用“贴入内部贴入内部贴入内部贴入内部”命令时，剪切并粘贴的对象是要被蒙版的命令时，剪切并粘贴的对象是要被蒙版的命令时，剪切并粘贴的对象是要被蒙版的命令时，剪切并粘贴的对象是要被蒙版的对象。而使用对象。而使用对象。而使用对象。而使用“粘贴为蒙版粘贴为蒙版粘贴为蒙版粘贴为蒙版