第19章 Dreamweaver 8效果和滤镜

1.
2. 3.
19.2.5 锐化图像
原图 图
“图
“钝化蒙版”效果图
19.2.6 查找图像边界
“查找边缘” 的作用是：一方面突出对象中颜色对比 明显的边缘；另一方面灰化其他部分。
原图
“查找边缘”效果图
小结
Fireworks 8的滤镜是功能极其强大的工具，它包括“锐化”、 “调整颜色”、“模糊”、“杂点”、和“其他”五种效果： 锐化：包括锐化、进一步锐化、钝化蒙版。 调整颜色：亮度/对比度、反转、曲线、自动色阶、色相/饱和度、 色阶、颜色填充。 模糊：反射状模糊、模糊、缩放模糊、运动模糊、进一步模糊、 高斯模糊。 杂点：包括新增杂点。 其他：查找边缘、转换为Alpha。 本章还介绍了“阴影和光晕”和“斜角和浮雕”等效果： 阴影和光晕：内侧发光、内侧阴影、发光、投影、纯色阴影。 斜角和浮雕：包括内斜角、凸起浮雕、凹入浮雕、外斜角。
2.4.4 调整布局
2.5 页面参数设定
设置网页外观参数 设置链接样式 设置网页编码与标题
2.5.1 2.5.2 2.5.3
2.5.1 设置网页外观参数
网页的外观属 性定义了页面 全局属性，例 如页面文字的 大小、文本颜 色、背景图像 以及页面边距 等属性。
2.5.2 设置链接样式
链接样式主要 针对文本链接。 通过设置其中 的属性，可以 改变链接的默 认显示样式。
19.2 滤镜
19.2.1 19.2.2 19.2.3 19.2.4 19.2.5 19.2.6 调整图像色调 调整图像亮度和对比度 调整色相和饱和度 模糊图像 锐化图像 查找图像边界
19.2.1 调整图像色调
图像色调为图像中原色的明暗程度，即R （红色）、G（绿色）、B（蓝色）都各 有256种色调，各种色调的明暗度都不同， 范围为0~255。调整图像其中一种或多种 原色的色调，即可以改变图像明暗程度。 Fireworks 8中有多种调整图像色调的工 具，其中包括：反转、曲线、色阶、自 动色阶。
2.1.4 设定表格属性
建好表格之后要适当调整表格各行的高 度。
2.2 横幅和页脚
2.2.1 添加横幅图像 2.2.2 水平线 2.2.3 页脚
2.2 横幅和页脚
布局设计好之后就可以在各个区域添加内 容。横幅和页脚是网站中常规的内容。横 幅一般是一幅图像，也可以是Flash动画或 者其他素材；页脚表示页面的结束，可以 只有一条水平线和一些版权信息。
1. 2.
3.
4. 5.
1. 2.
2.5.3 设置网页编码与标题
文档编码指定网 页文档中字符所 用的编码。网页 标题指的是显示 在浏览器标题栏 的文本内容。 网页标题指的是 显示在浏览器标 题栏的文本内容。
2.6 浏览页面
使 用 【 文 件 】/【 在 浏 览 器 中 浏 览 】/ 【Iexplorer】命令可以浏览页面
小结
本章以首页的制作为例子，概要地介绍了页面 应具有的内容、布局以及网页元素。总的来讲， 表格、层、文字、图像和超链接是网页最基本 也是使用最频繁的网页元素。这些元素有的是 容器类元素，元素内可以嵌入其他元素，如表 格和层内可以插入文字或图像。而有的是原子 元素，这些元素内部不能再嵌入其他元素，如 文字和图像。 通过本章的学习，应该能够对基本的网页框架 以及这些元素有总体的认识，并能够简单地应 用这些网页元素来制作一个网页。在接下来的 章节，将要对各个网页元素的使用进行详细的 讨论，并将引入其他较常用的对象。
19.2.4 模糊图像
高斯模糊是一种特殊的模糊效果。
19.2.5 锐化图像
滤镜中的“锐化”选项刚好跟“模糊”相反， 能够将模糊的对象变清晰。包括三种锐化方式： 锐化、进一步锐化、钝化蒙版。 “锐化”：它能增加对象中边缘对比度，从而 使对象变清晰。 “进一步锐化”：它的效果是“锐化”的3倍。 “钝化蒙版”：通过调节锐化参数，增加对象 中边缘对比度，从而使对象变清晰，使锐化符 合用户的要求。
19.2.1 调整图像色调
“反转”为调整图像色调最基本的一种形式， 它的主要作用为将图像原色转换为其互补色。
原图
反转后的图像
19.2.1 调整图像色调
“曲线”可以调整图像颜色的色调，从而调整 图像的亮度。
19.2.1 调整图像色调
“曲线”可以调整图像颜色的色调，从而调整 图像的亮度。
原图
图像变亮
2.4.1 2.4.2 2.4.3 2.4.4
2.4.1 添加区域
欢迎词位于页 面的主体区左 侧。这里使用 层作为文字的 容器，因此首 先应该在希望 的位置添加层。
2.4.2 添加文字以及文字链接
添加了层之后就可以在当中添加内容了。 这里将要添加的文字以及文字链接
2.4.3 添加主题图
主题图也是使用层来定位。
19.2.1 调整图像色调
色阶可以调节图像的明暗度。
19.2.1 调整图像色调
“自动色阶”的作用为：计算机自动对图像在 RGB通道上的最暗区和最亮区进行色阶调整， 使色阶更合理、更匀称。
原图
自动色阶后的效果图
19.2.1 调整图像色调
“颜色填充“可以快速更改对象的颜色， 用给定的颜色替代像素或将颜色混合到 现有对象中。 具体操作：选择图像，再从“滤镜”弹 出的菜单中选择【调整颜色】→【颜色 填充】命令然后进行设置。
19.2.3 调整色相和饱和度
色相、饱和度、亮度均为0
“彩色化”后的效果图
19.2.4 模糊图像
滤镜中的模糊选项能按照用户的要求， 以不同的方式柔化图像。包括六种模糊 方式：“模糊”、“进一步模糊”、 “放射状模糊”、“缩放模糊”、“运 动模糊”、“高斯模糊”。
19.2.4 模糊图像
“模糊”的效果图
19.2.4 模糊图像
3倍 “模糊”的效果图
19.2.4 模糊图像
放射状模糊是以像波纹一样的方式从中间向四周 扩散地模糊图像，使图像看上去像是倒映在有水 波纹的湖面上。
19.2.4 模糊图像
缩放模糊是以缩小和放大图像相互切换时所产生 的一种模糊。
19.2.4 模糊图像
运动模糊是指运动时所产生的一种模糊。
第19章 效果和滤镜 章
19.1 应用效果 19.2 滤镜
第2章 第一个页面 章
2.1 2.2 2.3 2.4 2.5 2.6 设计布局 横幅和页脚 导航栏与链接 欢迎词与主题图 页面参数设定 浏览页面
2.1 设计布局
2.1.1 2.1.2 2.1.3 2.1.4 新建网页 打开网页 利用表格划分区域 设定表格属性
2.2.1 添加横幅图像
2.2.2 水平线
2.2.3 页脚
插 入 页 脚 文 字
2.2.3 页脚
插 入 页 脚 图 像
2.3 导航栏与链接
2.3.1 添加导航菜单图像 2.3.2 设置图像链接
2.3.1 添加导航菜单图像
2.3.2 设置图像链接
2.4 欢迎词与主题图
添加区域 添加文字以及文字链接 添加主题图 调整布局
19.1 应用效果
19.1.1 斜角和浮雕效果 19.1.2 阴影和光晕效果
19.1.1 斜角和浮雕效果
斜角和浮雕：包括内斜角、凸起浮雕、凹入 浮雕、外斜角。选择不同的选项，并设置相 应的参数，有不同的视觉效果。
19.1.1 斜角和浮雕效果
内斜角
19.1.1 斜角和浮雕效果
外斜角
19.1.1 斜角和浮雕效果
凸起浮雕可以使对象产生凸起的效果，如同 凸起的浮雕。
19.1.1 斜角和浮雕效果
凹入浮雕与凸起浮雕相反，可以使对象产生 凹入的效果，如同凹入的浮雕。
19.1.2 阴影和光晕效果
阴影和光晕可以使 对象产生阴影或光 晕的效果。该效果 主要包括内侧发光、 内侧阴影、发光、 投影、纯色阴影。
19.1.2 阴影和光晕效果
2.1 设计布局
横幅 导航栏
主体
页脚
2.1.1 新建网页
选择【文件】/【新建】命令新建文档。
2.1.2 打开网页
制作首页之前必须 先打开站点和首页 文件。
使用“文件面板”/ 【站点】打开开网页。
2.1.3 利用表格划分区域
网页打开之后就可以进行布局设计。实 际开发一般使用表格来对各个区域进行 划分。
19.2.2 调整图像亮度和对比度
亮度是指对象的光亮程度。之所以能看到 图片，是因为图片反射光源的光。光源越 强，图片越亮；光源越弱，图片越暗。通 过调节亮度，来调节对象的光亮程度。
19.2.3 调整色相和饱和度
“调整颜色”中有“色相/饱和度”选项， 通过设置该选项中的参数，图片的色相、 饱和度等都会自动调整到需要的效果。