《7_Photoshop课件.ppt》由会员分享，可在线阅读，更多相关《7_Photoshop课件.ppt（21页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页设计与制作第第7章章 Photoshop CS2基础知识基础知识 1网页设计与制作7.1 Photoshop CS2概述概述7.1.1 图形图像的基本概念图形图像的基本概念 要真正掌握和灵活使用要真正掌握和灵活使用Photoshop CS2软件，不仅要掌握其的操作软件，不仅要掌握其的操作，而且还要掌握图形图像方面的知识，才能按要求发挥创意，从，而且还要掌握图形图像方面的知识，才能按要求发挥创意，从而创作出高品质、高水准的艺术作品。而创作出高品质、高水准的艺术作品。1像素与分辨率像素与分辨率（1）像素）像素（2）分辨率）分辨率分辨率是指在单位长度内包含的像素的多少，其单位为像素分辨率是指在单
2、位长度内包含的像素的多少，其单位为像素/英寸英寸（Pixels/inch）或像素）或像素/厘米（厘米（Pixels/cm）。分辨率分为图像分辨率、）。分辨率分为图像分辨率、屏幕分辨率、输出分辨率和位分辨率。屏幕分辨率、输出分辨率和位分辨率。2位图与矢量图位图与矢量图在计算机中，图像是以数字方式来记录、处理和保存的。所以，图在计算机中，图像是以数字方式来记录、处理和保存的。所以，图像也可以称为数字化图像。图像类型大致可以分为：矢量图形与像也可以称为数字化图像。图像类型大致可以分为：矢量图形与位图图像。位图图像。2网页设计与制作 3图像的颜色模式图像的颜色模式颜色模式是决定用于显示和打印图像的色彩
3、模式。简单地说，颜色模式是决定用于显示和打印图像的色彩模式。简单地说，颜色模式是用于表现颜色的一种数学算法，即一幅电子图颜色模式是用于表现颜色的一种数学算法，即一幅电子图像用什么样的方式在计算机中显示或打印输出。不同的颜像用什么样的方式在计算机中显示或打印输出。不同的颜色模式所定义的颜色范围不同，其通道数目和文件大小也色模式所定义的颜色范围不同，其通道数目和文件大小也不同，常见的颜色模式有不同，常见的颜色模式有RGB、CMYK、Lab、HSB、灰、灰度、位图和索引颜色模式等。度、位图和索引颜色模式等。（1）RGB模式模式（2）CMYK模式模式（3）位图模式）位图模式（4）灰度模式）灰度模式（5
4、）Lab模式模式（6）HSB模式模式（7）索引颜色模式）索引颜色模式3网页设计与制作 7.1.2 Photoshop CS2的功能简介的功能简介1Photoshop CS2的基本功能的基本功能Photoshop CS2的功能十分强大，基本功能如下。的功能十分强大，基本功能如下。（1）支持多种图像格式。）支持多种图像格式。（2）处理图像尺寸和分辨率。）处理图像尺寸和分辨率。（3）图层功能。）图层功能。（4）绘画功能。）绘画功能。（5）选取功能。）选取功能。（6）色调和色彩功能。）色调和色彩功能。（7）旋转和变形。）旋转和变形。（8）支持多种颜色模式。）支持多种颜色模式。（9）开放式结构。）开放式
5、结构。4网页设计与制作 2Photoshop CS2的新增功能的新增功能与早期版本的与早期版本的Photoshop相比，相比，Photoshop CS2增加了许多新增加了许多新功能。功能。(1)使用使用Adobe Bridge可以更快地处理图片。可以更快地处理图片。(2)开创性的消失点命令。开创性的消失点命令。(3)多层操作。多层操作。(4)智能对象。智能对象。(5)数码相机数码相机RAW格式图像处理。格式图像处理。(6)高级降噪。高级降噪。(7)32位高动态区域（位高动态区域（HDR）支持。）支持。(8)自定义工作区域和菜单。自定义工作区域和菜单。(9)污点修复画笔工具。污点修复画笔工具。(
6、10)红眼工具。红眼工具。5网页设计与制作 7.1.3 Photoshop CS2的工作界面的工作界面启动启动Photoshop CS2 程序，打开一幅图像后的程序，打开一幅图像后的Photoshop CS2工作界面如图工作界面如图7-1所示。它由标题栏、菜单栏、工所示。它由标题栏、菜单栏、工具属性栏、工具箱、工作区、浮动面版和状态栏几部具属性栏、工具箱、工作区、浮动面版和状态栏几部分组成。分组成。6网页设计与制作 7.2 Photoshop CS2的基本操作的基本操作7.2.1 Photoshop CS2的文件操作的文件操作在在Photoshop CS2中，最常用的中，最常用的4种文件操作分
7、别是新建文件、种文件操作分别是新建文件、打开文件、保存文件和关闭文件。打开文件、保存文件和关闭文件。1新建文件新建文件2打开文件打开文件3保存文件保存文件4使用标尺、网格等辅助工具使用标尺、网格等辅助工具7网页设计与制作7.2.2 Photoshop CS2的选区操作的选区操作 在在Photoshop CS2中，选区是一个非常重要的概念，因为对图像进行编辑时，如要中，选区是一个非常重要的概念，因为对图像进行编辑时，如要调整图像的色调和色彩，运用工具对图像进行编辑等，大部分操作只对当前选区调整图像的色调和色彩，运用工具对图像进行编辑等，大部分操作只对当前选区内的图像区域有效，所以，掌握好各种选区
8、的创建方法就显得尤为重要。内的图像区域有效，所以，掌握好各种选区的创建方法就显得尤为重要。创建选区创建选区在在Photoshop CS2中，创建选区的方法有很多，下面介绍几种常用的创建选区的技术。中，创建选区的方法有很多，下面介绍几种常用的创建选区的技术。1）运用矩形选框工具创建选区）运用矩形选框工具创建选区2）运用魔棒工具创建选区）运用魔棒工具创建选区3）运用套索工具创建选区）运用套索工具创建选区4）运用磁性套索工具创建选区）运用磁性套索工具创建选区5）运用反向命令创建选区）运用反向命令创建选区6）选区的不透明度）选区的不透明度2编辑选区编辑选区在创建选区后，为了达到一定的效果还需要对创建的
9、选区进行相应的编辑和处理，下在创建选区后，为了达到一定的效果还需要对创建的选区进行相应的编辑和处理，下面主要介绍一下如何实现变换选区和羽化选区的功能。面主要介绍一下如何实现变换选区和羽化选区的功能。1）变换选区）变换选区在对选区进行变换时，仅仅是对创建的选区进行变换，不会影响选区中的图像。在在对选区进行变换时，仅仅是对创建的选区进行变换，不会影响选区中的图像。在Photoshop CS2中，可对创建的选区进行放大、缩小、旋转和倾斜等变换操作。中，可对创建的选区进行放大、缩小、旋转和倾斜等变换操作。2)羽化选区羽化选区对选区进行羽化处理，可以柔化选区边缘，产生渐变过渡的效果。对选区进行羽化处理，
10、可以柔化选区边缘，产生渐变过渡的效果。3）消除锯齿）消除锯齿8网页设计与制作 7.3 Photoshop CS2中色彩和色调的调整中色彩和色调的调整色彩校正是图像修饰和设计的一项十分重要的内容。色彩校正是图像修饰和设计的一项十分重要的内容。Photoshop CS2提供了较为完美的色彩和色调调整的功能，使用这些功能可以校正提供了较为完美的色彩和色调调整的功能，使用这些功能可以校正图像色彩的色相、饱和度和明度，处理曝光照片等。图像色彩的色相、饱和度和明度，处理曝光照片等。7.3.1 了解颜色的基本属性了解颜色的基本属性颜色可以产生对比效果，使图像显得更加绚丽，同时还能激发人的感颜色可以产生对比效
11、果，使图像显得更加绚丽，同时还能激发人的感情和想象。正确地运用色彩能使黯淡的图像明亮绚丽，使毫无生气情和想象。正确地运用色彩能使黯淡的图像明亮绚丽，使毫无生气的图像充满活力。的图像充满活力。1色相色相每种颜色的固有颜色叫做色相，这是一种颜色区别于另一种颜色的最每种颜色的固有颜色叫做色相，这是一种颜色区别于另一种颜色的最明显的特征。颜色的名称就是根据其色相来决定的，例如：红色、明显的特征。颜色的名称就是根据其色相来决定的，例如：红色、蓝色、黄色等。颜色体系中最基本的色相为红、橙、黄、绿、青、蓝色、黄色等。颜色体系中最基本的色相为红、橙、黄、绿、青、蓝和紫。将这些颜色相互混合，可以产生许多色相的颜
12、色。色相就蓝和紫。将这些颜色相互混合，可以产生许多色相的颜色。色相就像色彩外表的华美肌肤。色相体现着色彩向外的性格，是色彩的灵像色彩外表的华美肌肤。色相体现着色彩向外的性格，是色彩的灵魂。魂。9网页设计与制作2饱和度饱和度所谓饱和度是指色彩的鲜艳、饱和纯净的程度。它取决于一种颜色的波长所谓饱和度是指色彩的鲜艳、饱和纯净的程度。它取决于一种颜色的波长单一程度，它表示颜色中含有纯色成分的比例，比例越大，纯度越高，单一程度，它表示颜色中含有纯色成分的比例，比例越大，纯度越高，反之颜色的纯度则越低。在所有色彩中，红色的纯度最高。反之颜色的纯度则越低。在所有色彩中，红色的纯度最高。将任何一种纯色加入白色
13、，明度虽然提高，但纯度降低；加入黑色，不但将任何一种纯色加入白色，明度虽然提高，但纯度降低；加入黑色，不但明度降低，纯度也降低；若加入与其同明度的灰色时，明度不变，但纯明度降低，纯度也降低；若加入与其同明度的灰色时，明度不变，但纯度降低；两种或两种以上的纯色相混合，其纯度也会降低。在现实中，度降低；两种或两种以上的纯色相混合，其纯度也会降低。在现实中，尤其是彩色印刷中，由于工艺条件的限制，不可能得到纯度为尤其是彩色印刷中，由于工艺条件的限制，不可能得到纯度为100%的的颜料，颜色的饱和度也就无法达到颜料，颜色的饱和度也就无法达到100%。因此，在设置颜色时，不应。因此，在设置颜色时，不应该选择
14、过度饱和的颜色。该选择过度饱和的颜色。3明度明度所谓明度是指色彩的明暗程度，即色彩明度间的差别和深浅的区别，明度所谓明度是指色彩的明暗程度，即色彩明度间的差别和深浅的区别，明度具有相对的独立性，其中白色明度最高，黑色明度最低。一种颜色若加具有相对的独立性，其中白色明度最高，黑色明度最低。一种颜色若加入了比它明度高的其他色，明度就会提高；反之明度就会降低。入了比它明度高的其他色，明度就会提高；反之明度就会降低。10网页设计与制作 7.3.2 调整图像色调调整图像色调对图像的色调进行调整，主要是调整图像的明暗程度。例如对图像的色调进行调整，主要是调整图像的明暗程度。例如将一幅图像调亮或调暗。在将一
15、幅图像调亮或调暗。在Photoshop CS2中，调整图像中，调整图像色调的方法有很多，如通过色阶调整、通过自动色阶调整、色调的方法有很多，如通过色阶调整、通过自动色阶调整、通过自动对比度调整、通过自动颜色调整、通过曲线调整、通过自动对比度调整、通过自动颜色调整、通过曲线调整、通过色彩平衡调整、通过亮度通过色彩平衡调整、通过亮度/对比度调整和通过曝光度调对比度调整和通过曝光度调整等。整等。7.3.3 调整图像色彩调整图像色彩 图像色彩的调整包括调整图像的色相、饱和度和明度等。在图像色彩的调整包括调整图像的色相、饱和度和明度等。在Photoshop CS2中，调整图像色彩的方法有很多，如通过中，
16、调整图像色彩的方法有很多，如通过色相色相/饱和度调整、通过匹配颜色调整、通过替换颜色调整、饱和度调整、通过匹配颜色调整、通过替换颜色调整、通过可选颜色调整、通过通道混合器调整、通过照片滤镜通过可选颜色调整、通过通道混合器调整、通过照片滤镜调整、通过阴影调整、通过阴影/高光调整和通过色彩变化调整等。高光调整和通过色彩变化调整等。11网页设计与制作 7.4 Photoshop CS2中文字的输入与编辑中文字的输入与编辑Photoshop CS2跟以前的版本相比，在文本处理方面的功能跟以前的版本相比，在文本处理方面的功能有所增强。可以对文本设置各种格式，如斜体、上标、下有所增强。可以对文本设置各种格
17、式，如斜体、上标、下标、下划线和删除线等，也可以对文字进行变形，还能将标、下划线和删除线等，也可以对文字进行变形，还能将文字转换为矢量路径。文字转换为矢量路径。7.4.1 文字的输入文字的输入1输入横排文字输入横排文字2创建路径文字效果创建路径文字效果12网页设计与制作 7.4.2 文字的编辑文字的编辑在在Photoshop CS2中，可以通过以下中，可以通过以下3种方式来对种方式来对文本进行编辑。文本进行编辑。1通过工具属性栏编辑文字通过工具属性栏编辑文字2通过通过“字符字符”面板编辑文字面板编辑文字3通过通过“段落段落”面板编辑文字面板编辑文字7.4.3 文字的转换文字的转换在在Photo
18、shop CS2中，输入的文字可以进行不同中，输入的文字可以进行不同的转换，如将文字转换为路径、将文字图层转的转换，如将文字转换为路径、将文字图层转换为普通图层等。换为普通图层等。1将文字转换为路径将文字转换为路径2将文字图层转换为普通图层将文字图层转换为普通图层13网页设计与制作 7.5 Photoshop CS2中通道和蒙板的应用中通道和蒙板的应用使用使用Photoshop CS2处理图像时，通道和蒙版是两个不可处理图像时，通道和蒙版是两个不可缺少的利器，起着举足轻重的作用。通道的主要功能是缺少的利器，起着举足轻重的作用。通道的主要功能是保存颜色数据，同时通道也可以用于保存和编辑蒙版，保存
19、颜色数据，同时通道也可以用于保存和编辑蒙版，所谓蒙版实际就是图形化了的选区。通道功能强大，在所谓蒙版实际就是图形化了的选区。通道功能强大，在制作特效方面应用广泛，但同时也是制作特效方面应用广泛，但同时也是Photoshop CS2最最难于理解和灵活运用的功能之一。难于理解和灵活运用的功能之一。7.5.1 认识通道认识通道通道有两大功能，即保存图像颜色信息和存储选区。在通道有两大功能，即保存图像颜色信息和存储选区。在Photoshop CS2中，通道的数目取决于图像的颜色模式。中，通道的数目取决于图像的颜色模式。例如，例如，RGB模式的图像有模式的图像有3个单色通道，即个单色通道，即“红红”通道
20、、通道、“绿绿”通道和通道和“蓝蓝”通道，以及一个由通道，以及一个由3个单色通道合个单色通道合成的复合通道，这些不同的通道保存了图像的不同颜色成的复合通道，这些不同的通道保存了图像的不同颜色信息。信息。14网页设计与制作 1了解通道的类型和作用了解通道的类型和作用通道的类型分为通道的类型分为3种，即颜色通道、种，即颜色通道、Alpha通道和专色通道。下面对这通道和专色通道。下面对这3种类型的通道进行简单的介种类型的通道进行简单的介绍。绍。1）颜色通道）颜色通道颜色通道用于保存图像的颜色信息，也称为原色通道。打开一幅图像，颜色通道用于保存图像的颜色信息，也称为原色通道。打开一幅图像，Photos
21、hop CS2会自动创建会自动创建相应的颜色通道。所创建的颜色通道的数量取决于图像的颜色模式，而非图层的数量。相应的颜色通道。所创建的颜色通道的数量取决于图像的颜色模式，而非图层的数量。CMYK颜色模式的图像拥有青色、洋红、黄色、黑色颜色模式的图像拥有青色、洋红、黄色、黑色4个单色通道以及一个个单色通道以及一个CMYK复合通道。这复合通道。这4个单色通道就相当于四色印刷中的四色胶片，将这四色胶片分别输出，也就是印刷领域中俗个单色通道就相当于四色印刷中的四色胶片，将这四色胶片分别输出，也就是印刷领域中俗称的称的“出片出片”。不同颜色通道保存了图像的不同颜色信息，如不同颜色通道保存了图像的不同颜色
22、信息，如RGB模式图像中。红色通道用于保存图像中红色像模式图像中。红色通道用于保存图像中红色像素的分布信息；绿色通道保存图像中全部绿色像素的分布信息，因而通过修改各个颜色通道素的分布信息；绿色通道保存图像中全部绿色像素的分布信息，因而通过修改各个颜色通道即可调整图像的颜色，但一般不直接在通道中进行编辑，而是在使用调整工具时，从通道列即可调整图像的颜色，但一般不直接在通道中进行编辑，而是在使用调整工具时，从通道列表中选择所需的颜色通道。表中选择所需的颜色通道。2）Alpha 通道通道Alpha 通道用于创建和存储蒙版。一个选区保存后，就成为一个蒙版保存在通道用于创建和存储蒙版。一个选区保存后，就
23、成为一个蒙版保存在Alpha通道中，在需要通道中，在需要时也可以将其载入，以便继续使用。时也可以将其载入，以便继续使用。Alpha 通道是一个通道是一个8位的灰度图像，可以使用绘图和修图工具进行各种编辑，也可使用滤镜进行各位的灰度图像，可以使用绘图和修图工具进行各种编辑，也可使用滤镜进行各种处理，从而得到各种复杂的效果。种处理，从而得到各种复杂的效果。3）专色通道）专色通道专色通道应用于印刷领域。当印刷物上加上一种特殊的颜色（如银色、金色），就可以创建专色专色通道应用于印刷领域。当印刷物上加上一种特殊的颜色（如银色、金色），就可以创建专色通道，以存放专色油墨的浓度、印刷范围等信息。通道，以存放
24、专色油墨的浓度、印刷范围等信息。总结通道在图像处理中的作用，大致可以归纳为以下几个方面。总结通道在图像处理中的作用，大致可以归纳为以下几个方面。使用通道可以存储、制作精确的选区，以及对选区进行各种处理。使用通道可以存储、制作精确的选区，以及对选区进行各种处理。若把通道看成由原色组成的图像，可使用图像菜单的调整命令对单色通道进行色阶、曲线和色相若把通道看成由原色组成的图像，可使用图像菜单的调整命令对单色通道进行色阶、曲线和色相/饱和度的调整。饱和度的调整。使用滤镜对单色通道（包括使用滤镜对单色通道（包括Alpha通道）进行各种处理，可以改善图像的品质或创建复杂的艺术效通道）进行各种处理，可以改善
25、图像的品质或创建复杂的艺术效果。果。2了解了解“通道通道”面板面板15网页设计与制作 7.5.2 通道的应用通道的应用在使用在使用Photoshop CS2编辑或处理图像时，经常需要将一些编辑或处理图像时，经常需要将一些比较复杂的图像从背景中分离出来，此时使用通道是最理比较复杂的图像从背景中分离出来，此时使用通道是最理想的方法。想的方法。7.5.3 创建和编辑蒙板创建和编辑蒙板蒙版是用于保护图像中被屏蔽的区域，让区域的图像不受任蒙版是用于保护图像中被屏蔽的区域，让区域的图像不受任何编辑操作的影响。蒙版与选区功能是相同的，两者之间何编辑操作的影响。蒙版与选区功能是相同的，两者之间可以互相转换，但
26、它们在本质上是有区别的。创建的选区可以互相转换，但它们在本质上是有区别的。创建的选区是一个透明无色的虚线框，在图像中只能看出它的虚线框是一个透明无色的虚线框，在图像中只能看出它的虚线框形状，不能看出经过羽化边缘后的选取范围效果。而蒙版形状，不能看出经过羽化边缘后的选取范围效果。而蒙版则是以一个实实在在的形状出现在则是以一个实实在在的形状出现在“通道通道”面板中，可以面板中，可以对它进行修改和编辑（如对其应用滤镜效果等），然后转对它进行修改和编辑（如对其应用滤镜效果等），然后转换为选区应用至图像中。换为选区应用至图像中。1创建图层蒙版创建图层蒙版2创建通道蒙版创建通道蒙版3快速创建蒙版快速创建蒙
27、版4关闭和删除蒙版关闭和删除蒙版16网页设计与制作 7.5.4 蒙板的应用蒙板的应用利用蒙版功能可以在不毁坏原图的基础上对原图进行处利用蒙版功能可以在不毁坏原图的基础上对原图进行处理，为图像增添很多效果，例如遮挡不希望显现的部理，为图像增添很多效果，例如遮挡不希望显现的部分，制造自然的过渡效果，使原图和背景图能够很好分，制造自然的过渡效果，使原图和背景图能够很好的融合起来。下面看一个使用蒙板的实例。的融合起来。下面看一个使用蒙板的实例。【例例7-9】利用蒙版功能制作出精美相框。利用蒙版功能制作出精美相框。17网页设计与制作 7.6 Photoshop CS2中滤镜的应用中滤镜的应用滤镜是从摄影
28、行业借用过来的一个词。在摄影领域中，滤镜是指安装在滤镜是从摄影行业借用过来的一个词。在摄影领域中，滤镜是指安装在照相机镜头前面的一种特殊的镜头，应用它可以调节聚焦和光照的照相机镜头前面的一种特殊的镜头，应用它可以调节聚焦和光照的效果。在效果。在Photoshop CS2中，滤镜是其最精彩的内容，它主要用于对中，滤镜是其最精彩的内容，它主要用于对图像进行特殊效果处理，使图像的风格发生变化，从而制作出非常图像进行特殊效果处理，使图像的风格发生变化，从而制作出非常有创意的作品。有创意的作品。7.6.1 了解滤镜基础知识了解滤镜基础知识1了解滤镜基本原理了解滤镜基本原理当选择一种滤镜，并将其应用到图像
29、中时，滤镜就会通过分析整幅图像当选择一种滤镜，并将其应用到图像中时，滤镜就会通过分析整幅图像或选择区域中的每个像素的色度值和位置，采用数学方法计算，并或选择区域中的每个像素的色度值和位置，采用数学方法计算，并用计算结果代替原来的图像，从而使图像产生随机化或预先确定的用计算结果代替原来的图像，从而使图像产生随机化或预先确定的效果。效果。2了解滤镜菜单命令了解滤镜菜单命令Photoshop CS2的各种滤镜经过归类后，都存放在的各种滤镜经过归类后，都存放在“滤镜滤镜”菜单中，如菜单中，如图图7-54所示。所示。18网页设计与制作 7.6.2 滤镜的应用滤镜的应用滤镜功能很多，下面介绍运用滤镜功能很
30、多，下面介绍运用“添加杂色添加杂色”滤镜滤镜和和“动感模糊动感模糊”滤镜制作下雨时的雨景效果的例滤镜制作下雨时的雨景效果的例子。子。利用滤镜功能制作雨景效果利用滤镜功能制作雨景效果图片添加格子图片添加格子19网页设计与制作 7.7 Photoshop CS2的常见用法的常见用法7.7.1 使用使用Photoshop CS2做做Logo利用利用Photoshop CS2做一个简单的做一个简单的Logo，主要涉及，主要涉及滤镜效果的运用。滤镜效果的运用。图图7-67 Logo最终效果最终效果7.7.2 使用使用Photoshop CS2做个人简历封面做个人简历封面利用利用Photoshop CS2
31、做一个简单的个人简历封面，做一个简单的个人简历封面，主要涉及笔刷工具、渐变工具的运用。主要涉及笔刷工具、渐变工具的运用。图图7-73 个人简历封面的最终效果个人简历封面的最终效果7.7.3 使用使用Photoshop CS2做海报做海报利用利用Photoshop CS2做一张海报，主要涉及矢量蒙做一张海报，主要涉及矢量蒙板工具、渐变工具的运用。板工具、渐变工具的运用。20网页设计与制作利用通道和调整蒙版，抠图利用通道和调整蒙版，抠图制作水滴样式（样式的使用）制作水滴样式（样式的使用）倒影制作（动作的使用）倒影制作（动作的使用）自制气泡自制气泡网页无缝背景网页无缝背景网页水晶按钮网页水晶按钮网页悬停按钮网页悬停按钮小动画小动画GIF隐现隐现文字变形、变色文字变形、变色滚动字幕滚动字幕望远镜望远镜21