《网页制作与设计》立体化电子课件 第5章—Fireworks图像制作.ppt

锐化 工具 锐化工具对于修复扫描中的问题或聚焦不准的照片很有用 位图与图像处理 涂抹 工具 涂抹工具可以象创建图像倒影那样逐渐将颜色混合起来 位图与图像处理 减淡 工具 减淡工具用来减淡图像的局部，原理类似于挡住光线的暗室技术 位图与图像处理 烙印 工具 烙印工具则用来烙印图像的局部，类似于给照片加强光效果。 选择烙印工具后属性面板呈现的界面如下图所示 位图与图像处理 选择工具属性面板 位图与图像处理 烙印工具属性面板主要属性说明如下： 大小：设置刷子笔尖的大小 形状：设置刷子笔尖形状为圆形或方形 边缘：设置刷子笔尖的柔度 曝光：范围从0％到100％。曝光值越小，光线强度越弱；值越大，光线强度越强 范围：包含三个选项，其中阴影用来改变图像的深色部分，中间影调用来改变图像中每个通道的中间范围，高光用来改变图像的加亮部分 位图与图像处理 Fireworks用颜色和色调调整滤镜来调整图像的对比度、亮度、色调范围、色相和饱和度，用以帮助改善和强化位图图像的颜色 模糊和锐化位图的方法如下图所示 位图与图像处理 调整 位图 3.使用颜色填充动态效果 2.调整亮度和对比度 1.调整色调范围 4.调整色相与饱和度 5.反转图像的颜色值 位图与图像处理 Fireworks提供了一组模糊和锐化选项，可以应用到动态效果或永久滤镜场合 模糊和锐化位图的方法如下图所示 位图与图像处理 模糊锐 化位图 2.将图像转换成透明效果 1.对图像进行模糊处理 3.对图像进行锐化处理 位图与图像处理 模糊选项 模糊 柔化所选像素的焦点 高斯模糊 对每个像素应用加权平均模糊处理，以产生朦朦胧胧的效果 进一步模糊 模糊处理的效果大约相当于模糊选项的三倍 位图与图像处理 锐化选项 锐化 通过增大邻近像素的对比度，对模糊图像的焦点进行调整 钝化蒙版 通过调整像素边缘的对比度来锐化图像；该选项通常作为锐化图像的首选 进一步锐化 增大邻近像素的对比度，增大的倍数大约为锐化选项的三倍 位图与图像处理 热点 热点是包含超级链接的网页图像区域，也就是单击后可以连接到其他位置的的图像区域 位图与图像处理 Fireworks 的热点 2.圆形热点 1.矩形热点 3.多边形热点 位图与图像处理 Step1 Step2 打开图像，从Web工具箱中选择需要的热点绘制工具 在热点属性面板中的“链接”文本框中输入链接地址；在“Alt”文本框中输入超链接替换的文本；在“目标”下拉列表中选择打开超链接的目标窗口类型 Step3 拖动鼠标，在需要创建热点的目标区域周围绘制热点图形 位图与图像处理 切片 切片是从Fireworks文档中分割出一块小的图片区域，并将其单独发布为一个文件 切片是网页对象，它不以图像的形式存在，而是以HTML代码的形式出现 切片能够获得较高的下载速度，可用于优化图像，创建或更新交互等 位图与图像处理 创建 切片 编辑 切片 打开需要创建切片的图像，从工具箱中选择“切片”工具或“多边形切片”工具；在需要创建切片的位置绘制矩形或多边形，即可创建一个切片 在Fireworks中，可以通过拖动切片辅助线来调整切片的大小，调整相邻矩形切片的大小。切片的编辑还可以通过属性面板来完成 选中切片，在切片属性面板的“链接”文本框中输入要设置超链接的目标地址；在“Alt”文本框中输入超链接替换文本；在“目标”下拉列表中选择打开超链接的目标窗口类型 设置URL 位图与图像处理 Fireworks中通过行为面板可以创建复杂的切片交互。行为面板中包含各种交互行为，可以将这些行为附加到切片中 选择【文件/导出】菜单命令，在导出对话框中，设置导出文件导出类型为HTML和图像，并将其保存为网页；可将切片对象生成多个切片文件；单击【导出】按钮，完成导出功能 切片 交互 导出 文档 位图与图像处理 图像 映射 图像映射是指在一幅图中有多个对象分别指向不同的链接，这个设置了多个热点的图像就叫映射图 位图与图像处理 按钮 按钮是网页最基本的元素 按钮通常包括如下所示的4种不同的状态，每种状态表示该按钮在响应各种鼠标事件时的外观 位图与图像处理 释放 按钮的默认外观或静止时的外观，使按钮无任何交互时所显示的外观 当指针移动到按钮时该按钮的外观 按钮被单击后的外观 鼠标滑过处于“按下”状态下的按钮的外观 按下时 滑过 滑过 按下 位图与图像处理 利用按钮编辑器，可以创建所有这些不同的按钮状态，以及用来触发按钮动作的区域 具体操作步骤如下所示 位图与图像处理 Step1 Step2 新建一个文件，选择菜单【编辑/插入/新建按钮】命令，打开“按钮”编辑器制作按钮 在编辑器区域绘制图形、创建文本或导入按钮。对导入的按钮可以修改其文字、设置文字属性、修改按钮大小和显示效果 单击