CH10 Fireworks

《CH10 Fireworks》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页美化-----Fireworks初步目录1、认识Fireworks2、FireworksMX基础3、网页图形制作4、图像优化与导出第一节认识FireworksFireworks是用来制作和设计网页图形的软件，功能比较专业化，如果要求更强大的功能，可以使用photoshop。第二节FireworksMX基础位图图形由排列成网格的称为"像素"的点组成。计算机的屏幕就是一个大的像素网格。在叶子的位图版本中，图像是由网格中每个像素的位置和颜色值决定的。每个点被指定一种颜色。在以正确的分辨率查看时，这些点像马赛克中的贴砖那样拼合在一起形

2、成图像。编辑位图图形时，修改的是像素，而不是线条和曲线。位图图形与分辨率有关，这意味着描述图像的数据被固定到一个特定大小的网格中。放大位图图形将使这些像素在网格中重新进行分布，这通常会使图像的边缘呈锯齿状。在一个分辨率比图像本身低的输出设备上显示位图图形也会降低图像品质。矢量图形使用称为"矢量"的线条和曲线（包含颜色和位置信息）呈现图像。例如，一片叶子的图像可以使用一系列描述叶子轮廓的点来定义。叶子的颜色由它的轮廓（即笔触）的颜色和该轮廓所包围的区域（即填充）的颜色决定。编辑矢量图形时，修改的是描述其形状的线条和曲线的属性。矢量图形

3、与分辨率无关，这意味着除了可以在分辨率不同的输出设备上显示它以外，还可以对其执行移动、调整大小、更改形状或更改颜色等操作，而不会改变其外观品质。位图编辑1、选取位图1.1创建选区创建矩形和椭圆形选区指定自由形状的选取（用套索工具）选择颜色相似的区域(用魔术棒工具)选区大小的调整平滑选区的边缘为选取框边框建立选区移动和取消选区1.2填充选区油漆桶工具渐变工具位图编辑2、绘制与修饰位图绘制位图铅笔工具刷子工具像素的擦除位图编辑2、绘制与修饰位图2.1、绘制位图铅笔工具刷子工具像素的擦除2.2、位图的修饰克隆像素（用像皮章工具）替换颜色消

4、除红眼修饰位图工具组矢量图形的编辑和绘制1、直线的绘制2基本图形的绘制2.1、绘制矩形、椭圆和多边形2.2、自由形状的绘制2.3、使用形状图库绘制2.4、路径的描边和填充3拱形文本制作（文本附加到路径）第三节网页图形制作1、按钮元件的制作2、导航栏的制作3、弹出菜单的制作4、简单动画5、翻转图的制作1、按钮元件的制作元件：是指可以重复使用的对象，实例是元件的表现形式。Fireworks提供三种类型的元件：图形、动画和按钮。按钮制作的步骤（1）作矩形，其宽为131像素，高为39像素。将属性面板中的“矩形圆度”值设为“60”。为矩形添加

5、效果，选择“斜角和浮雕”—〉“内斜角”，在“内斜角”属性板中设置宽度值为9，（2）按F8，将矩形转换为元件。（3）双击画布上的按钮元件进入按钮编辑状态。“弹起”状态“滑过”状态“按下”状态“按下时滑过”状态（4）设置按钮的“释放”状态。按钮上输入文本：“首页”二字，“宋体”，“16”，“黑色”，“粗体”，排列“居中”。（5）设置按钮的“滑过”状态，填充色为＃CC6633。（6）设置按钮的“按下”状态。在属性面板中，双击“内斜角”，在弹出的属性面板中将其中“按钮预设项”改为“凹入”。（7）设置按钮的“按下时滑过”状态。复制即可（8）完

6、成（9）调整画布大小（10）保存2、导航栏的制作导航栏：实际上是一组互斥的并提供到网站不同区域的链接的按钮。导航栏通常在整个站点保持一致，而不管用户处在站点中的什么位置上，所有网页的导航栏外观都是一样的。因此，快速创建导航栏的最好方法就是先创建一个按钮元件，然后将此按钮复制到编辑区域多次，以创建多个按钮，接下来利用属性面板分别改变每个按钮的文本及链接即可。3、弹出菜单的制作利用弹出菜单，可以建立强大的分级导航系统。弹出菜单的制作要点：将图形的切点打开，鼠标置于按钮上，点击左键将可以看到下图，然后一步步按照指示设置即可。FW的弹出菜单

7、在DW中使用：要使弹出菜单能在DW中使用，保存时采用文件菜单的导出命令，然后要选择导出HTML与图像，有切片还需导出切片。在DW中使用该弹出菜单时，选择“插入｜图像对象｜FireworksHTML“文件，然后选择用从FW导出的HTM文件该弹出菜单在DW中就可用了。4、简单动画的制作FireworksMX是一款非常优秀的GIF格式动画制作软件。主要有两种制作方式：（1）“逐帧（帧—帧）动画”，将动画的每一帧都制作出来，并编辑每一帧的画面，从而产生出动画效果。缺点：动画文件尺寸较大，因而不利于在网页中使用。（2）利用元件（图形元件和动

8、画元件）制作动画。优势：效率较高，文件尺寸小。元件制作动画的例子1：（1）输入文本“fireworks”，字体为“ArialBlack”，大小为“18”，颜色#FF9900，样式为“粗体”，排列“居中”（2）文字转换为动画（F8）（3