网页设计知识讲义第四次课_修饰位图课件.pptVIP

2.6 修饰位图 修饰图像 Fireworks 提供了广泛的工具来帮助修饰图像。这些工具可以改变图像的大小，减弱或突出其焦点，或者将图像的局部复制和“压印”到另一区域。 “模糊”工具 “锐化”工具 “减淡”工具 “加深”工具 “橡皮图章”工具 “替换颜色”工具 “红眼消除”工具等 2.6 修饰位图 修饰图像 “模糊”工具：模糊图像中所选区域的焦点。 打开花01.png 单击模糊工具，大小80边缘100形状圆强度60 在花四周涂抹 2.6 修饰位图 修饰图像 “锐化”工具：锐化图像中的区域，对于修复扫描问题或聚焦不准的照片很有用 打开花02 点锐化工具，大小30边缘15形状圆强度30 在花上涂抹 2.6 修饰位图 修饰图像 “减淡”工具：加亮图像中的部分区域。 2.6 修饰位图 修饰图像 “加深”工具：加深图像中的部分区域。例：加强雪地上树木的阴影效果 2.6 修饰位图 修饰图像 “橡皮图章”工具：可以把图像的一个区域复制到另一个区域中。 小技巧：按Alt可重新选取参照点 打开人物01 点击橡皮图章。设置好大小 开始取样，然后在修复区单击 Alt可重新取样 2.6 修饰位图 修饰图像 “替换颜色”工具：修改图像的用色。 打开人物02 点击替换颜色，制定替换色 在画面上拖动 2.6 修饰位图 修饰图像 “红眼消除”工具：移除闪光灯产生的红眼。 打开小猫01 点击消除红眼，设定好参数 在红眼处拖动矩形框 2.6 修饰位图 修饰图像 图像的彩绘 在“位图”工具组和“颜色”工具组中，除了有修饰图像的各种功能按钮外,还提供了“铅笔”工具、“刷子”工具、“油漆桶”工具和“滴管”工具等以快速为位图图像添加颜色。 2.6 修饰位图 修饰图像 例：使用“油漆桶”工具打造五彩的天空 打开风景02 ，选择油漆桶工具 在属性面板中选择填充类别为 渐变-放射状 选择渐变颜色为 彩色蜡笔 设置边缘：消除锯齿，容差130，不透明52 拖动油漆桶工具在图像天空处单击 2.6 修饰位图 调整图像的外观 模糊图像（“滤镜”→“模糊”命令） 图像锐化 （“滤镜”→“锐化”命令） 打开花03 用选取框工具选取中心花朵，然后执行反选 此时选中了处中心外的地方 执行滤镜-模糊-高斯模糊命令 2.6 修饰位图 调整图像的颜色 调整图像的亮度和对比度 （“滤镜”→“调整颜色”→“亮度对比度”命令） 打开风景03，该图太暗 选择 滤镜-调整颜色-亮度/对比度 参考设置，亮度-24，对比度28 2.6 修饰位图 调整图像的颜色 调整图像的色调范围 如果想精确地控制图像的色调范围，可以使用“曲线”功能来调整色调，此功能会沿着色调范围调整颜色，而不影响其他颜色。 2.6 修饰位图 调整图像的颜色 用“色阶”功能调整色调 （“滤镜”→“调整颜色”→“色阶”命令 ） 打开花04 选择 滤镜-调整颜色-色阶 输入色阶54，1，255 2.10 图像优化、导出与批处理 图像优化的目的:图像瘦身,网页加速 利用优化面板 GIF文件的优化 设置如下内容 （1）导出格式 （2）颜色 （3）抖动 （4）失真 （5）透明效果 2.10 图像优化、导出与批处理 2.10 图像优化、导出与批处理 JEPG文件的优化 JEPG为有损压缩， 效果随品质而降低。 平滑可部分弥补品质的损失 文件-图像预览 命令 打开卡通02.png 预览以下4幅图像比较不同的设置效果 导出图像 文件-导出 导出向导 2.10 图像优化、导出与批处理 “文件”批处理 可成批修改图像的大小、颜色、重命名。“查找与替换”命令功能犹佳，极适于网站中大量图片处理的工作 注意:是否要覆盖原文件 文件-批处理 2.10 图像优化、导出与批处理 Fireworks的批处理 2.10 图像优化、导出与批处理 Fireworks的批处理 2.11网页模板效果图综合制作实例 案例任务：制作“新疆之旅”模板图 一，底图的处理 1，调整原图大小，修改-变形-数值变形，选择“调整大小”，把宽设为780，回车。选择画布空白处，在属性面板点符合画布 2，点裁剪工具，先画出矩形，然后在属性面板把矩形设为780x240，调整位置，双击鼠标 3，调整图像颜色/修饰图像 二，添加文字 新建文字层，导入文字图 三，加入小图 1，图片D 画圆角矩形95x123，填充白色 再画圆角矩形87x108，填充：渐变-线形-黑白 调节渐变方向 导入 D.jpg 并剪切。单击第二个矩形，右键-编辑-粘贴于内部 移动到第一个圆角矩形上，组合起来，然后调整位置 2，图片E 画圆角矩形162x1