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

《网页制作教程第16课photoshop.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第16章Photoshop路径、色彩和通道在网页设计中的应用学习目标本章要点上机练习习题学习目标Photoshop中的路径、色彩和色调的调整以及通道功能在网页设计中非常有用，如制作形状独特的文字就需要用到路径；对图像的色彩进行调整，就需要掌握色彩模式的应用、对图像色调的调整以及对整体图像效果的调整等；要制作具有特殊效果的图像，就必须掌握通道的基本操作及专色通道的建立。只有掌握了路径、色彩和通道在网页设计中的应用，才能将Photoshop与网页制作真正地结合起来。本章将讲解Photoshop中路径、色彩和通道等相关知识及应用方法。本章要点创建路

2、径调整图像色彩和色调通道的应用创建路径绘制图形、选择图像以及制作随路径变化的文字时需要用到路径，创建路径之前必须先了解路径的概念以及路径的一些相关术语。路径的概念路径工具的使用编辑路径应用实例——绘制网站LOGO路径的概念路径就是用一系列点连接起来的曲线或线段，它可以是直线也可以是曲线，可以是封闭图形也可以是开放图形。Photoshop是处理位图的专业软件，它引入路径这个概念是为了弥补位图的不足。锚点、控制点和控制线是路径的基本构成要素。锚点：曲线上空心的方框就叫做锚点，它标记组成路径各线段的端点。在曲线线段上，每个锚点都带有1~2个控制线。

3、绘制路径路径的概念控制点：鼠标正在控制着的锚点，叫做控制点。控制线：由锚点引出的曲线的切线叫控制线。其倾斜度控制曲线的弯曲方向，长度则控制曲线的弯曲幅度。在绘制路径时，还涉及闭合路径和开放路径。它们的具体含义如下：闭合路径：路径的起点和终点重合，即没有明显的起点和终点。开放路径：路径的起点和终点未重合。路径工具的使用路径工具的使用钢笔工具自由钢笔工具添加锚点和删除锚点工具转换点工具形状工具钢笔工具钢笔工具属性栏钢笔工具钢笔工具用钢笔工具绘制曲线时，用鼠标单击确定第一个锚点，然后再次单击确定第二个锚点，同时拖动鼠标，得到一个曲线段。重复刚才的操

4、作即可完成曲线的绘制。钢笔工具自由钢笔工具属性栏和创建不规则路径添加锚点和删除锚点工具转换点工具形状工具形状工具形状工具不同多边形效果形状工具预置形状和自定形状编辑路径使用路径工具创建路径后，还需要对路径进行编辑，包括创建新路径、保存路径、复制路径和删除路径等。创建新路径保存路径复制路径删除路径创建新路径创建新路径和“新建路径”对话框保存路径下拉菜单和“存储路径”对话框复制路径复制路径可以为路径制作副本，复制的路径自动在路径名称的后面加上“副本”两字。在要复制的路径上右击，在弹出的快捷菜单中选择“复制路径”命令，或在“路径”面板菜单中选择“复

5、制路径”命令。复制后的“路径”面板。快捷菜单、面板菜单和“路径”面板删除路径应用实例——绘制网站LOGOLOGO在网页设计中很重要，它与平面设计中的LOGO效果一样，都以简洁明了的图形和强烈的视觉效果来准确地表达企业的寓意，给人留下深刻的印象，以达到宣传企业的目的。本例制作的网站LOGO最终效果（光盘:源文件第16章LOGO.psd）。最终效果调整图像色彩和色调对图像色彩和色调进行调整也是网页制作中经常涉及的操作，下面分别讲解如何调整图像色彩和色调。调整图像的色彩调整图像的色调应用实例——校正网页中的偏色图片调整图像的色彩通过Photo

6、shop的“调整”命令可以对图像的色彩进行调整，包括“亮度/对比度”、“色阶”、“自动色阶”、“自动对比度”、“自动颜色”和“变化”命令等。下面介绍在网页设计中常用的几个命令。亮度/对比度色阶变化亮度/对比度通过“亮度/对比度”命令可以调整图像的亮度和对比度。选择“图像/调整/亮度/对比度”命令，打开“亮度/对比度”对话框。其中各参数的含义分别如下：亮度/对比度“亮度”文本框：调整图像的亮度。当输入的数值为正时，将增加图像的亮度；当输入的数值为负时，将降低图像的亮度；当输入的数值为0时，图像无变化。“对比度”文本框：调整图像的对比度。当输入的

7、数值为正时，将增加图像的对比度；当输入的数值为负时，将降低图像的对比度；当输入的数值为0时，图像无变化。调整图像“亮度/对比度”前后的对比效果。调整“亮度/对比度”前后的对比效果色阶“色阶”命令用于调整图像的明暗程度，它通过使用高光﹑中间调和暗调3个变量进行图像色调调整。通过该命令不仅可以对整个图像的色调进行调整，还可以只对图像的某一选取范围、某一图层图像，或某一个颜色通道进行调整。选择“图像/调整/色阶”命令，打开“色阶”对话框。其中各参数含义分别如下：“色阶”对话框色阶“通道”下拉列表框：选择需要调整的颜色通道。“输入色阶”文本框：其中第

8、一个文本框用来设置图像的暗部色调，低于该值的像素将变为黑色，取值范围为0~253；第二个文本框用来设置图像的中间色调，取值范围为0.10~9.99；第三个文本框用来