使用Fireworks创建Web对象

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

1、第7章使用Fireworks创建Web对象Fireworks8提供了许多专门针对网页制作的功能，可以直接制作与图像有关的网页对象，如GIF动画、交互按钮、弹出菜单、图像地图等，还可以生成可以方便页面布局设计、提高网页传输速度的切片网页。另外，Fireworks8还能对图形进行优化和导出，达到图像颜色、压缩和品质的最佳组合。7.1制作GIF动画动画相当于将连续的多幅图像逐个显示，网页中常用的GIF89a格式的图像动画，这种动画特别适合动作效果简单、颜色不复杂的动画。Fireworks8可以直接生成GIF动画，还可以将动画作为Flash的SWF

2、格式文件导出或直接导入到Flash中进行编辑。创建动画创建动画前首先要将要产生运动效果的对象单独放在一个层中。1．创建动画2．查看和修改动画效果使用“帧”面板使用“帧”面板可以设置更详细的动画效果，还可以方便地编辑动画效果。1．编辑帧2．设置动画播放次数3．同时查看多帧4．设置帧延时时间5．在帧间共享层【实例7.1】制作一个文字在画面上由左到右沿曲线运动的动画效果。将多个文件用作一个动画Fireworks可基于一组图像文件创建一个动画。例如，打开几个现有的图形并将它们放在同一文档中的不同帧中，就可以创建一个横幅广告。【实例7.2】制作一个横

3、幅广告。导出动画动画制作完成后，可以将动画文件导出为GIF格式的文件或Flash文件。1．导出为GIF2．导出为Flash动画7.2切片和热点使用热点和切片可以直接制作网页对象，生成HTML文件。使用切片切片将Fireworks文档分割成多个较小部分，并将每部分导出为单独的文件。【实例7.3】将网页设计效果图使用切片处理。1．创建切片2．编辑切片3．添加超链接4．制作交换图像5．添加行为导出切片包含切片的图像可以导出为网页文件，通过Dreamweaver等网页编辑软件编辑，或在浏览器中浏览。1．导出切片2．导出的文件3．编辑切片网页创建热点

4、使用Fireworks创建热点类似于在制作图像地图，可使图像的一部分成为超链接对象。1．创建热点2．设置热点3．编辑热点4．添加行为5．导出热点图像7.3制作按钮和弹出菜单按钮和弹出菜单是网页中最常见的两种元素。按钮在光标移过、离开等状态会呈现不同的外观；弹出菜单在光标移过一个区域时，出现一个菜单，可以进行选择。Fireworks会自动产生按钮、弹出菜单所需的JavaScript，生成对应的网页。制作按钮Fireworks通过定义一个对象在释放、滑过、按下、按下时滑过等4种状态下的图像，生成一个具有动态效果的按钮。1．创建按钮2．导入按钮3

5、．编辑按钮4．设置交互按钮属性创建元件如果希望在文档中重复使用某些图形，可将该图形创建为元件。定义元件后，将该元件拖入文档便创建了该元件的一个实例。当用户编辑元件时，所有实例自动改变。Fireworks8提供3种类型的元件：图形、动画和按钮。1．创建元件2．编辑元件3．编辑实例4．导入、导出元件制作弹出菜单利用Fireworks8的“弹出菜单编辑器”，可以在切片、热点和按钮上都可以创建弹出菜单，Fireworks8创建的弹出菜单的排列方式、位置、颜色等都可以随意设置。1．制作文字按钮2．制作导航栏3．制作菜单4．编辑弹出菜单5．导出弹出菜单

6、【实例7.5】制作一个有3个栏目的弹出菜单，其中有一个栏目的菜单中还包含子菜单。7.4优化与导出网页图形设计的最终目标是创建能够尽可能快地下载的精美图像，因此必须在最大限度地保持图像品质的同时，选择压缩质量最高的文件格式。这种平衡就是优化，即寻找颜色、压缩和品质的最佳组合。图像的优化1．图像优化的方法2．使用“优化”面板进行优化使用导出向导1．导出图像2．使用导出向导填充Fireworks的填充可以将路径变为实际应用中的各种图形效果。1．填充对象2．设置填充3．设置渐变填充4．调整填充效果5．为填充增加纹理和设置边缘【实例6.7】制作一个立

7、体效果的按钮。使用样式和形状Fireworks的“资源”面板组中提供了大量定义好的样式和图形，可以在制作图像时直接使用。1．使用样式2．使用形状6.4编辑位图位图又称点阵图，其图形是由屏幕上许多细微的小点组成，基于位图的图形程序实际上就是把图形中的像素点作为处理的对象，所以图形的分辨率取决于像素点的多少，增加分辨率可以使图形显得更加细腻。但分辨率越高，计算机需要记录的像素越多，存储图形的文件就越大。位图最显著的优点是它能够真实地模拟现实生活中的色彩，缺点是放大后会失真。创建和编辑位图1．绘制图形2．导入外部图像3．擦除位图编辑选区在网页制作

8、时对位图的处理主要是进行修饰处理，如改变大小、修改颜色、增加特效、去除红眼和多余的色斑等。修饰图像前一般先要选取要修饰的区域，形成一个闪烁虚线组成的选区。1．增加选区2．选区边缘