网页设计ppt第7章

《网页设计ppt第7章》由会员分享，可在线阅读，更多相关《网页设计ppt第7章（20页珍藏版）》请在金锄头文库上搜索。

1、网页设计与制作第7章 Photoshop CS2基础知识 1网页设计与制作7.1 Photoshop CS2概述 7.1.1 图形图像的基本概念要真正掌握和灵活使用Photoshop CS2软件，不仅要掌握其的操 作，而且还要掌握图形图像方面的知识，才能按要求发挥创意， 从而创作出高品质、高水准的艺术作品。 1像素与分辨率 （1）像素 （2）分辨率 分辨率是指在单位长度内包含的像素的多少，其单位为像素/英寸（ Pixels/inch）或像素/厘米（Pixels/cm）。分辨率分为图像分辨率 、屏幕分辨率、输出分辨率和位分辨率。 2位图与矢量图 在计算机中，图像是以数字方式来记录、处理和保存的。

2、所以，图 像也可以称为数字化图像。图像类型大致可以分为：矢量图形与 位图图像。 2网页设计与制作3图像的颜色模式 颜色模式是决定用于显示和打印图像的色彩模式。简单地 说，颜色模式是用于表现颜色的一种数学算法，即一幅 电子图像用什么样的方式在计算机中显示或打印输出。 不同的颜色模式所定义的颜色范围不同，其通道数目和 文件大小也不同，常见的颜色模式有RGB、CMYK、 Lab、HSB、灰度、位图和索引颜色模式等。 （1）RGB模式 （2）CMYK模式 （3）位图模式 （4）灰度模式 （5）Lab模式 （6）HSB模式 （7）索引颜色模式3网页设计与制作7.1.2 Photoshop CS2的功能简

3、介 1Photoshop CS2的基本功能 Photoshop CS2的功能十分强大，基本功能如下。 （1）支持多种图像格式。 （2）处理图像尺寸和分辨率。 （3）图层功能。 （4）绘画功能。 （5）选取功能。 （6）色调和色彩功能。 （7）旋转和变形。 （8）支持多种颜色模式。 （9）开放式结构。4网页设计与制作2Photoshop CS2的新增功能 与早期版本的Photoshop相比，Photoshop CS2增加了许多新 功能。 (1) 使用Adobe Bridge可以更快地处理图片。 (2) 开创性的消失点命令。 (3) 多层操作。 (4) 智能对象。 (5) 数码相机RAW格式图像处

4、理。 (6) 高级降噪。 (7) 32位高动态区域（HDR）支持。 (8) 自定义工作区域和菜单。 (9) 污点修复画笔工具。 (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种文件操作分别是新建文件 、打开文件、保存文件和

5、关闭文件。 1新建文件 2打开文件 3保存文件 4使用标尺、网格等辅助工具7网页设计与制作7.2.2 Photoshop CS2的选区操作在Photoshop CS2中，选区是一个非常重要的概念，因为对图像进行编辑时，如要 调整图像的色调和色彩，运用工具对图像进行编辑等，大部分操作只对当前选区 内的图像区域有效，所以，掌握好各种选区的创建方法就显得尤为重要。 创建选区 在Photoshop CS2中，创建选区的方法有很多，下面介绍几种常用的创建选区的技术 。 1）运用矩形选框工具创建选区 2）运用魔棒工具创建选区 3）运用套索工具创建选区 4）运用磁性套索工具创建选区 5）运用反向命令创建选区

6、 2编辑选区 在创建选区后，为了达到一定的效果还需要对创建的选区进行相应的编辑和处理，下 面主要介绍一下如何实现变换选区和羽化选区的功能。 1）变换选区 在对选区进行变换时，仅仅是对创建的选区进行变换，不会影响选区中的图像。在 Photoshop CS2中，可对创建的选区进行放大、缩小、旋转和倾斜等变换操作。 2) 羽化选区 对选区进行羽化处理，可以柔化选区边缘，产生渐变过渡的效果。8网页设计与制作7.3 Photoshop CS2中色彩和色调的调整 色彩校正是图像修饰和设计的一项十分重要的内容。Photoshop CS2 提供了较为完美的色彩和色调调整的功能，使用这些功能可以校 正图像色彩的

7、色相、饱和度和明度，处理曝光照片等。 7.3.1 了解颜色的基本属性颜色可以产生对比效果，使图像显得更加绚丽，同时还能激发人的感 情和想象。正确地运用色彩能使黯淡的图像明亮绚丽，使毫无生 气的图像充满活力。 1色相每种颜色的固有颜色叫做色相，这是一种颜色区别于另一种颜色的最 明显的特征。颜色的名称就是根据其色相来决定的，例如：红色 、蓝色、黄色等。颜色体系中最基本的色相为红、橙、黄、绿、 青、蓝和紫。将这些颜色相互混合，可以产生许多色相的颜色。 色相就像色彩外表的华美肌肤。色相体现着色彩向外的性格，是 色彩的灵魂。9网页设计与制作2饱和度所谓饱和度是指色彩的鲜艳、饱和纯净的程度。它取决于一种颜

8、色的波长 单一程度，它表示颜色中含有纯色成分的比例，比例越大，纯度越高， 反之颜色的纯度则越低。在所有色彩中，红色的纯度最高。 将任何一种纯色加入白色，明度虽然提高，但纯度降低；加入黑色，不但 明度降低，纯度也降低；若加入与其同明度的灰色时，明度不变，但纯 度降低；两种或两种以上的纯色相混合，其纯度也会降低。在现实中， 尤其是彩色印刷中，由于工艺条件的限制，不可能得到纯度为100%的 颜料，颜色的饱和度也就无法达到100%。因此，在设置颜色时，不应 该选择过度饱和的颜色。 3明度所谓明度是指色彩的明暗程度，即色彩明度间的差别和深浅的区别，明度 具有相对的独立性，其中白色明度最高，黑色明度最低。

9、一种颜色若加 入了比它明度高的其他色，明度就会提高；反之明度就会降低。 10网页设计与制作7.3.2 调整图像色调对图像的色调进行调整，主要是调整图像的明暗程度。例如 将一幅图像调亮或调暗。在Photoshop CS2中，调整图像 色调的方法有很多，如通过色阶调整、通过自动色阶调整 、通过自动对比度调整、通过自动颜色调整、通过曲线调 整、通过色彩平衡调整、通过亮度/对比度调整和通过曝光 度调整等。 7.3.3 调整图像色彩 图像色彩的调整包括调整图像的色相、饱和度和明度等。在 Photoshop CS2中，调整图像色彩的方法有很多，如通过 色相/饱和度调整、通过匹配颜色调整、通过替换颜色调整

10、、通过可选颜色调整、通过通道混合器调整、通过照片滤 镜调整、通过阴影/高光调整和通过色彩变化调整等。11网页设计与制作7.4 Photoshop CS2中文字的输入与编辑 Photoshop CS2跟以前的版本相比，在文本处理方面的功能 有所增强。可以对文本设置各种格式，如斜体、上标、下 标、下划线和删除线等，也可以对文字进行变形，还能将 文字转换为矢量路径。 7.4.1 文字的输入 1输入横排文字2创建路径文字效果12网页设计与制作7.4.2 文字的编辑 在Photoshop CS2中，可以通过以下3种方式来对 文本进行编辑。 1通过工具属性栏编辑文字 2通过“字符”面板编辑文字 3通过“段

11、落”面板编辑文字 7.4.3 文字的转换 在Photoshop CS2中，输入的文字可以进行不同 的转换，如将文字转换为路径、将文字图层转 换为普通图层等。 1将文字转换为路径 2将文字图层转换为普通图层13网页设计与制作7.5 Photoshop CS2中通道和蒙板的应用 使用Photoshop CS2处理图像时，通道和蒙版是两个不可 缺少的利器，起着举足轻重的作用。通道的主要功能是 保存颜色数据，同时通道也可以用于保存和编辑蒙版， 所谓蒙版实际就是图形化了的选区。通道功能强大，在 制作特效方面应用广泛，但同时也是Photoshop CS2最 难于理解和灵活运用的功能之一。 7.5.1 认识

12、通道通道有两大功能，即保存图像颜色信息和存储选区。在 Photoshop CS2中，通道的数目取决于图像的颜色模式 。例如，RGB模式的图像有3个单色通道，即“红”通道 、“绿”通道和“蓝”通道，以及一个由3个单色通道合成 的复合通道，这些不同的通道保存了图像的不同颜色信 息。 14网页设计与制作1了解通道的类型和作用 通道的类型分为3种，即颜色通道、Alpha通道和专色通道。下面对这3种类型的通道进行简单的 介绍。 1）颜色通道 颜色通道用于保存图像的颜色信息，也称为原色通道。打开一幅图像，Photoshop CS2会自动创 建相应的颜色通道。所创建的颜色通道的数量取决于图像的颜色模式，而非

13、图层的数量。 CMYK颜色模式的图像拥有青色、洋红、黄色、黑色4个单色通道以及一个CMYK复合通道。这4 个单色通道就相当于四色印刷中的四色胶片，将这四色胶片分别输出，也就是印刷领域中俗 称的“出片”。 不同颜色通道保存了图像的不同颜色信息，如RGB模式图像中。红色通道用于保存图像中红色像 素的分布信息；绿色通道保存图像中全部绿色像素的分布信息，因而通过修改各个颜色通道 即可调整图像的颜色，但一般不直接在通道中进行编辑，而是在使用调整工具时，从通道列 表中选择所需的颜色通道。 2）Alpha 通道 Alpha 通道用于创建和存储蒙版。一个选区保存后，就成为一个蒙版保存在Alpha通道中，在需要

14、 时也可以将其载入，以便继续使用。 Alpha 通道是一个8位的灰度图像，可以使用绘图和修图工具进行各种编辑，也可使用滤镜进行各 种处理，从而得到各种复杂的效果。 3）专色通道 专色通道应用于印刷领域。当印刷物上加上一种特殊的颜色（如银色、金色），就可以创建专色 通道，以存放专色油墨的浓度、印刷范围等信息。 总结通道在图像处理中的作用，大致可以归纳为以下几个方面。 使用通道可以存储、制作精确的选区，以及对选区进行各种处理。 若把通道看成由原色组成的图像，可使用图像菜单的调整命令对单色通道进行色阶、曲线和色相/ 饱和度的调整。 使用滤镜对单色通道（包括Alpha通道）进行各种处理，可以改善图像的

15、品质或创建复杂的艺术 效果。 2了解“通道”面板15网页设计与制作7.5.2 通道的应用 在使用Photoshop CS2编辑或处理图像时，经常需要将一些 比较复杂的图像从背景中分离出来，此时使用通道是最理 想的方法。 7.5.3 创建和编辑蒙板蒙版是用于保护图像中被屏蔽的区域，让区域的图像不受任 何编辑操作的影响。蒙版与选区功能是相同的，两者之间 可以互相转换，但它们在本质上是有区别的。创建的选区 是一个透明无色的虚线框，在图像中只能看出它的虚线框 形状，不能看出经过羽化边缘后的选取范围效果。而蒙版 则是以一个实实在在的形状出现在“通道”面板中，可以对 它进行修改和编辑（如对其应用滤镜效果等

16、），然后转换 为选区应用至图像中。 1创建图层蒙版 2创建通道蒙版 3快速创建蒙版 4关闭和删除蒙版16网页设计与制作7.5.4 蒙板的应用利用蒙版功能可以在不毁坏原图的基础上对原图进行处 理，为图像增添很多效果，例如遮挡不希望显现的部 分，制造自然的过渡效果，使原图和背景图能够很好 的融合起来。下面看一个使用蒙板的实例。 【例7-9】利用蒙版功能制作出精美相框。17网页设计与制作7.6 Photoshop CS2中滤镜的应用 滤镜是从摄影行业借用过来的一个词。在摄影领域中，滤镜是指安装 在照相机镜头前面的一种特殊的镜头，应用它可以调节聚焦和光照 的效果。在Photoshop CS2中，滤镜是其最精彩的内容，它主要用 于对图像进行特殊效果处理，使图像的风格发生变化，从而制作出 非常有创意的作品。 7.6.1 了解滤镜基础知识 1了解滤镜基本原理 当选择一种滤镜，并将其应用到图像中时，滤镜就会通过分析整幅图 像或选择区域