网页制作教程第16课photoshop.pptxVIP

第16章 Photoshop路径、色彩和通道在网页设计中的应用 学习目标 本章要点上机练习 习 题第一页，共一百零五页。学习目标 Photoshop中的路径、色彩和色调的调整以及通道功能在网页设计中非常有用，如制作形状独特的文字就需要用到路径；对图像的色彩进行调整，就需要掌握色彩模式的应用、对图像色调的调整以及对整体图像效果的调整等；要制作具有特殊效果的图像，就必须掌握通道的基本操作及专色通道的建立。只有掌握了路径、色彩和通道在网页设计中的应用，才能将Photoshop与网页制作真正地结合起来。本章将讲解Photoshop中路径、色彩和通道等相关知识及应用方法。 第二页，共一百零五页。本章要点 创建路径调整图像色彩和色调通道的应用第三页，共一百零五页。创 建 路 径 绘制图形、选择图像以及制作随路径变化的文字时需要用到路径，创建路径之前必须先了解路径的概念以及路径的一些相关术语。路径的概念路径工具的使用 编辑路径 应用实例——绘制网站LOGO 第四页，共一百零五页。路径的概念路径就是用一系列点连接起来的曲线或线段，它可以是直线也可以是曲线，可以是封闭图形也可以是开放图形。Photoshop是处理位图的专业软件，它引入路径这个概念是为了弥补位图的不足。锚点、控制点和控制线是路径的基本构成要素。锚点：曲线上空心的方框就叫做锚点，它标记组成路径各线段的端点。在曲线线段上，每个锚点都带有1~2个控制线。 第五页，共一百零五页。绘制路径 第六页，共一百零五页。路径的概念控制点：鼠标正在控制着的锚点，叫做控制点。控制线：由锚点引出的曲线的切线叫控制线。其倾斜度控制曲线的弯曲方向，长度则控制曲线的弯曲幅度。在绘制路径时，还涉及闭合路径和开放路径。它们的具体含义如下：闭合路径：路径的起点和终点重合，即没有明显的起点和终点。开放路径：路径的起点和终点未重合。 第七页，共一百零五页。路径工具的使用 第八页，共一百零五页。路径工具的使用钢笔工具 自由钢笔工具 添加锚点和删除锚点工具 转换点工具 形状工具 第九页，共一百零五页。钢笔工具第十页，共一百零五页。钢笔工具属性栏 第十一页，共一百零五页。钢笔工具第十二页，共一百零五页。钢笔工具用钢笔工具绘制曲线时，用鼠标单击确定第一个锚点，然后再次单击确定第二个锚点，同时拖动鼠标，得到一个曲线段。重复刚才的操作即可完成曲线的绘制。第十三页，共一百零五页。钢笔工具第十四页，共一百零五页。自由钢笔工具 第十五页，共一百零五页。属性栏和创建不规则路径 第十六页，共一百零五页。添加锚点和删除锚点工具 第十七页，共一百零五页。转换点工具 第十八页，共一百零五页。形状工具 第十九页，共一百零五页。形状工具第二十页，共一百零五页。形状工具第二十一页，共一百零五页。不同多边形效果 第二十二页，共一百零五页。形状工具第二十三页，共一百零五页。预置形状和自定形状 第二十四页，共一百零五页。编辑路径 使用路径工具创建路径后，还需要对路径进行编辑，包括创建新路径、保存路径、复制路径和删除路径等。创建新路径 保存路径 复制路径 删除路径 第二十五页，共一百零五页。创建新路径第二十六页，共一百零五页。创建新路径和“新建路径”对话框 第二十七页，共一百零五页。保存路径 第二十八页，共一百零五页。下拉菜单和“存储路径”对话框 第二十九页，共一百零五页。复制路径 复制路径可以为路径制作副本，复制的路径自动在路径名称的后面加上“副本”两字。在要复制的路径上右击，在弹出的快捷菜单中选择“复制路径”命令，或在“路径”面板菜单中选择“复制路径”命令。复制后的“路径”面板。 第三十页，共一百零五页。快捷菜单、面板菜单和“路径”面板 第三十一页，共一百零五页。删除路径 第三十二页，共一百零五页。应用实例——绘制网站LOGO LOGO在网页设计中很重要，它与平面设计中的LOGO效果一样，都以简洁明了的图形和强烈的视觉效果来准确地表达企业的寓意，给人留下深刻的印象，以达到宣传企业的目的。本例制作的网站LOGO最终效果（光盘:\源文件\第16章\LOGO.psd）。第三十三页，共一百零五页。最终效果 第三十四页，共一百零五页。调整图像色彩和色调 对图像色彩和色调进行调整也是网页制作中经常涉及的操作，下面分别讲解如何调整图像色彩和色调。调整图像的色彩 调整图像的色调 应用实例——校正网页中的偏色图片 第三十五页，共一百零五页。调整图像的色彩通过Photoshop的“调整”命令可以对图像的色彩进行调整，包括“亮度/对比度”、“色阶”、“自动色阶”、“自动对比度”、“自动颜色”和“变化”命令等。下面介绍在网页设计中常用的几个命令。亮度/对比度色阶 变化 第三十六页，共一百零五页。亮度/对比度 通过“亮度/对比度”命令可以调整图像的亮度和对比度。