《PhotoshopCS平面设计基础.doc》由会员分享，可在线阅读，更多相关《PhotoshopCS平面设计基础.doc（15页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第1章 Photoshop CS平面设计基础本 章 内 容 初步认识Photoshop CS Photoshop中的基本概念 Photoshop基本操作 本章小结在平面设计领域中，Photoshop已经成了一个必不可少的设计工具。很多广告公司在招聘设计人才的时候，都明确提出了“精通Photoshop”的要求。可见，Photoshop在平面设计领域中的地位已经根深蒂固，不可动摇。之所以这样，是因为Photoshop具有无比卓越的功能，可以挥洒自如地应对各种设计要求。自从Photoshop CS推出以后，我们又欣喜地看到，它为设计师带来了很多新功能，如文字沿路径排列、颜色匹配工具、图层比较、新的图
2、层样式、新增的色彩调整命令等，这些功能都为设计师实现创意带来了方便。本书将以全新的视角，以实例制作的方式全面解析Photoshop CS在平面设计领域中的不同应用，内容上力求全面、独到、实用，让读者能够真正领悟Photoshop CS的实用价值与艺术魅力。1.1 初步认识Photoshop CS当在计算机中安装了Photoshop CS以后，在Windows系统的桌面上单击【开始】/【所有程序】/【Adobe Photoshop CS】命令，即可启动Photoshop CS，进入Photoshop CS的工作环境。与其他应用软件不同，启动该软件以后，系统并不打开一个默认的空白文件，而需要用户根
3、据实际工作创建或打开文件。单击菜单栏中的【文件】/【打开】命令，打开一幅图像，这时Photoshop CS的界面如图1-1所示。图1-1 Photoshop CS工作界面Photoshop CS的工作界面主要由标题栏、菜单栏、工具选项栏、工具箱、控制面板和状态栏组成。当打开一幅图像后，我们把图像所在的区域称为图像窗口。下面简要介绍工作界面主要构成部分的功能。1.1.1 菜单栏Photoshop CS在菜单栏的外观上没有大的改变，共有9组菜单项，分别为【文件】、【编辑】、【图像】、【图层】、【选择】、【滤镜】、【视图】、【窗口】和【帮助】，这些菜单的使用完全符合Windows标准。下面简要介绍一
4、下各组菜单项的基本作用：l 【文件】 该菜单包括了一些关于文件的基本操作命令，如新建、打开、保存、恢复、打印等；另外该菜单还提供了有关文件的导入、导出、自动化处理等命令。l 【编辑】 该菜单包括了一些基本的图像编辑命令，如拷贝、粘贴、填充、描边、拼写检查、自由变换等；另外还提供了一些自定义设置命令。l 【图像】 该菜单包括了与图像模式、色彩调整有关的命令，还包括一些与处理画布有关的命令，如图像大小、画布比例、旋转画布等。l 【图层】 该菜单包括了与编辑图层有关的命令，这是Photoshop中的一个重要菜单，用于完成新建、删除、合并图层、添加图层样式、添加图层蒙版、对齐图层等。l 【选择】 该菜
5、单包括了与选择区域相关的操作命令，如反选、羽化选区、修改选区、变换选区等。l 【滤镜】 该菜单包括了Photoshop中的所有滤镜命令，是Photoshop的核心，主要用于对图像制作特殊效果。l 【视图】 该菜单包括了与视图设置有关的命令以及辅助工具命令。l 【窗口】 该菜单的命令主要用于显示或隐藏控制面板。l 【帮助】 该菜单的命令主要用于提供各种帮助信息。除了菜单栏中的菜单以外，在Photoshop CS中还可以使用快捷菜单，例如，选择工具箱中的文字工具，在图像窗口中单击鼠标右键，即可弹出一个相关的快捷菜单，如图1-2所示。使用快捷菜单时需要注意一点：就是当前工具为修复工具、画笔工具、渐变
6、工具、橡皮擦工具、印章工具等绘画工具和编辑工具时，在图像窗口中单击鼠标右键，不会弹出快捷菜单，而会出现相关的工具选项。例如当前工具为渐变工具，这时在图像窗口中单击鼠标右键，将出现渐变色选项板，如图1-3所示。1.1.2 工具箱Photoshop CS的工具箱提供了所有用于图像绘制与编辑的工具，共有56个工具，这56个工具又分成了若干组排列在工具箱中，如图1-4所示。可以认为Photoshop是一位出色的“画家”，工具箱是这位画家的“百宝箱”。所以，学习Photoshop必须对每一个工具都熟练掌握，包括它们的名称、作用和使用方法。Photoshop的工具箱中大致包括以下几类工具： 图1-2 快捷
7、菜单 图1-3 渐变色选项板图1-4 Photoshop CS工具箱l 选择工具：包括选框工具组、套索工具组和魔棒工具。l 绘制工具：包括画笔工具组、历史笔工具组和渐变工具组。l 编辑工具：包括橡皮擦工具组、印章工具组、模糊/锐化工具组、加深/减淡工具组和修复工具组。l 路径工具：包括钢笔工具组、路径选择工具组和形状工具组。l 文字工具：只有一个文字工具组。l 辅助工具：包括抓手工具、缩放工具和注释工具组等。图1-5 隐藏工具在Photoshop的工具箱中，如果工具按钮的右下角有一个黑箭头，表示这是一组工具，还含有隐藏工具。在这样的工具按钮上按住鼠标左键不放，可以看到隐藏工具，如图1-5所示。
8、当要使用某工具的时候，必须先选择该工具，具体方法如下： （1）将光标指向工具按钮，稍一停顿将出现工具的名称与快捷键。（2）单击所需的工具或者直接按工具的快捷键，可以选择该工具。（3）如果要选择隐藏工具，则在含有隐藏工具的按钮上按下鼠标左键不放，移动光标直到所需的工具上才释放鼠标，可以选择隐藏工具。通常情况下，选择一个工具以后，鼠标光标将变为工具图标或画笔图标状，如果要使光标在图标状与精确十字状之间进行切换，可以反复按Caps Lock键。1.1.3 工具选项栏这是Photoshop的重要组成部件，在使用任何工具之前，都要在工具选项栏中对其参数进行设置。Photoshop CS工具选项栏的最右端
9、是“泊坞”。在默认情况下，泊坞中只有【画笔】、【工具预设】和【图层比较】3个标签，实际上任何一个控制面板都可以“泊”在这里，如图1-6所示为魔棒工具选项栏。图1-6 魔棒工具选项栏通常情况下，工具选项栏位于图像窗口的上方，实际上也可以将它置于图像窗口的下方：将光标指向工具选项栏最左侧的“竖条”上，按住鼠标左键可将其拖动至目标位置。双击工具选项栏左侧的“竖条”，可以使其最小化，再次双击可以恢复到原来的状态。单击菜单栏中的【窗口】/【选项】命令，可以隐藏或显示工具选项栏。1.1.4 控制面板Photoshop的控制面板为编辑图像提供了十分方便的途径。第一次启动Photoshop时，所有的控制面板都
10、浮动在工作界面的右侧，或者挂接在工具选项栏上，只有【字符】面板和【段落】面板除外。控制面板是成组出现的，其中：l 【导航器/信息/直方图】控制面板组主要用于控制图像窗口的显示、查看图像中光标位置的颜色与位置信息、显示图像色彩信息的柱状分布图等。l 【颜色/色板/样式】控制面板组主要用于选择颜色、对图像应用样式等。l 【图层/通道/路径】控制面板组主要用于管理与操作图层、编辑路径、操作通道等。l 【历史记录/动作】控制面板组主要用于撤销与恢复操作，创建与使用动作等。l 【字符/段落】控制面板组主要用于设置文字的属性、格式以及段落格式等。在Photoshop CS中，控制面板还可以停留在“调板窗”
11、中，执行面板菜单中的【停放到调板窗】命令，则控制面板将以标签的形式泊在工具选项栏的右侧，从而留出更多的工作空间供设计使用。1.1.5 图像窗口图像窗口就是图像编辑区，我们的操作主要是针对图像窗口而言的。图像窗口的尺寸与显示比例由用户控制。Photoshop的图像窗口上也有一个标题栏，在该标题栏上显示了图像的名称、显示比例、色彩模式、当前图层等信息。如果图像窗口处于最大化状态，那么这部分信息会显示在Photoshop的标题栏，也就是图像窗口与Photoshop共用一个标题栏。1.2 Photoshop中的基本概念使用Photoshop之前，必须明确几个基本概念，这是学习的前提，它有助于深入理解P
12、hotoshop。1.2.1 矢量图与位图在计算机图形学中，图像分为两种类型，分别是矢量图与位图。下面简要介绍一下这两种类型的图像。1矢量图矢量图由称为矢量的数学对象定义的线条和曲线组成。矢量图根据图像的几何特性来描绘图像。矢量图与分辨率无关，也就是说，矢量图可以任意缩放图形尺寸，也可以按任意分辨率打印，都不会遗漏细节或降低清晰度。因此，矢量图是表现标志图形的最佳选择。由于矢量图没有精度的概念，所以任意缩放图形都不会出现锯齿。 i因为计算机显示器是通过将图像显示在网格上来表现图像，所以，矢量数据和位图数据在屏幕上都是以像素显示的。2位图位图也称为栅格图，它使用许多像小方块一样的“像素”来表现图
13、像。每个像素都具有特定的位置和颜色值。在处理位图时，所编辑的是像素，而不是图像的本身。正是由于位图是由像素构成的，所以位图的质量与单位尺寸上的像素数有关（通常称为分辨率）。因此，如果在屏幕上对它们进行缩放或以低于创建时的分辨率来打印，将丢失其中的细节，并会出现锯齿状。位图善于表现图像颜色的精细变化，如照片的颜色层次、阴影效果以及一些特殊的图像效果等，所以在表现连续色调方面，矢量图无法比拟。1.2.2 分辨率在位图中，图像的分辨率是指单位长度的像素数，习惯上用每英寸中的像素数来表示（即pixels per inch，简写为ppi）。相同尺寸的图像，分辨率越高，单位长度上的像素数越多，图像越清晰；
14、分辨率越低，单位长度上的像素数越少，图像越粗糙。在Photoshop中，图像的分辨率和图像尺寸是相互依存的，例如，分辨率为72ppi 时，1in* 1in=2.54cm1in的图像总共包含5184个像素（72像素宽72像素高=5184）。同样是1in1in，但分辨率为300ppi的图像总共包含90000个像素，所以高分辨率的图像通常比低分辨率的图像表现出更精细的颜色变化。一般地说，图像的质量决定于自身的分辨率及打印机的分辨率，而与显示器的分辨率无关。1.2.3 图像尺寸图像尺寸是指图像的长度与宽度，在Photoshop CS中可以使用预设的图像尺寸，也可以自定义图像尺寸，另外，图像尺寸的单位也
15、可以根据工作的需要或个人习惯来设置，如pixels（像素）、cm（厘米）、in（英寸）等。通常情况下，PC机显示器的分辨率为96ppi，MAC机显示器的分辨率为72ppi。在Photoshop中，图像的像素直接转换为显示器的像素，因此，当图像的分辨率与显示器的分辨率不相等时，图像在显示器上的显示会有些变化，以PC机为例，分辨率为96ppi、尺寸为1cm1cm的图像，在显示器上显示的大小就是1cm1cm；而分辨率为192ppi、尺寸为1cm1cm的图像，在显示器上显示的大小就是2cm2cm。对于MAC机来说也是如此。图像在显示器上显示的尺寸与图像的实际尺寸无关。1.2.4 色彩模式简介在不同的领
16、域中，颜色的表现方法是不同的。画家用颜料来调配颜色，而计算机则用数码控制颜色。对于图形图像处理软件来说，色彩模式是至关重要的。下面介绍几种常用的色彩模式。1RGB模式也称三基色，属于自然色彩模式。这种模式是以R（Red：红）、G（Green：绿）、B（Blue：蓝）三种基本色为基础，进行不同程度的叠加，从而产生丰富而广泛的颜色，所以又叫加色模式。RGB模式大约可反映出1680万种颜色，是应用最为广泛的色彩模式。各参数取值范围为：R：0255，G：0255，B：0255。2CMYK模式也称印刷四分色，亦属于自然色彩模式。该模式是以C（Cyan：品蓝）、M（Magenta：品红）、Y（Yellow
17、：品黄）、K（Black：黑色，为区别于Blue：蓝色，所以用K表示）为基本色。它表现的是白光照射到物体上，经物体吸收一部分颜色后，反射而产生的色彩，因此又称减色模式。CMYK色彩模式被广泛应用于印刷、制版行业。各参数取值范围为：C：0100%、M：0100%、Y：0100%、K：0100%。3HSB模式该模式将色彩分为H（Hue：色调）、S（Saturation：饱和度）和B（Brightness：亮度）三个要素。色调是指光经过折射或反射后产生的单色光谱，即纯色，它组成了可见光谱，并用360的色轮来表现。饱和度描述色彩的浓淡程度，各种颜色的最高饱和度为该颜色的纯色，最低饱和度为灰色，灰色、白
18、色、黑色没有饱和度。亮度描述色彩的明亮程度。各参数取值范围为：H：0360、S：0100%、B：0100%。4Lab模式该模式是国际照明委员会（CIE）为了使颜色衡量标准化而公布的一种理论性色彩模式，与设备无关。它是Photoshop进行色彩模式转换过程中的过渡性色彩模式。 5灰度模式灰度模式是用0255种灰度值来表示图像中像素颜色的一种色彩模式，也是一种能让彩色模式转换为位图和双调图的过渡模式。彩色模式转换为灰度模式后，彩色将丢失，且不可恢复。6索引模式索引模式只能用于创建或编辑256种颜色以内的图像文件。这种模式下图像质量不是很高，但是所需磁盘空间较少，可用于多媒体动画或网页主页图像。1.
19、2.5 常见的图像格式保存图像时必须选择一定的图像文件格式，如果文件格式不正确，则会影响图像的质量。Photoshop支持多种图像文件格式，下面介绍一些常见的图像格式。1PSD格式该格式是Photoshop的默认文件格式，专业性比较强，支持所有的图像类型，但其他的图像软件不能读取该类图像。该格式的图像可以保存图层、通道与路径信息，但占据的磁盘空间较大。通常情况下，如果图像的处理工作尚未完成，一般都要选择该格式存储图像文件，以便下次打开修改。2TIFF格式该格式的全称为Tag Image 文件 Format，它是Aldus公司为苹果机设计的图像文件格式，可跨平台（Mac和PC）操作，多用于桌面排
20、版、图形艺术软件。它支持LZW无损压缩方式，可保存Photoshop通道信息。3BMP格式它是Microsoft公司开发的一种Windows下的标准图像格式，最适合处理黑白图像文件，清晰度很高。BMP格式支持RGB、索引颜色、灰度和位图颜色模式，但不支持Alpha通道。另外，还可以为图像指定Windows或OS/2格式以及位深，BMP格式的图像可以跨平台操作。4JPEG格式该格式的全称为Joint Photographic Experts Group，它是应用最广泛的一种可跨平台操作的压缩格式文件，多用于显示超文本标记语言（HTML） 文档中的照片和其他连续色调的图像，其最大的特点是压缩性很强
21、。JPEG格式支持CMYK、RGB和灰度颜色模式，但不支持Alpha通道。5GIF格式它是CompuServe公司开发的一个压缩8位图像的工具。GIF文件主要用于网络传输、主页设计等，它采用的也是LZW无损压缩方案，但只能支持256种颜色。多用来制作GIF动画、背景透明图像等。6PDF格式该格式是Adobe公司开发的一种便携文本格式，是一种基于PostScript语言、跨平台的电子出版物格式。PDF格式可以精确地显示字体、页面格式、位图与矢量图以及插入超级链接，它是目前电子出版物最常用的格式。在Photoshop中可以图像存储为PDF格式，但是只能得到一个单独的页码。1.3 Photoshop
22、基本操作下面介绍Photoshop CS中的一些基本操作，它是用户进行创作的前提与基础，因此必须掌握这部分知识。1.3.1 创建新文件启动Photoshop CS以后，系统并不产生一个默认的图像文件，所以，设计图像作品时必须从新建文件开始。新建图像文件的基本操作步骤如下：（1）单击菜单栏中的【文件】/【新建】命令，或按下键盘上的Ctrl+N键，将弹出【新建】对话框，如图1-7所示。（2）在对话框中设置文件的相关选项。l 在【名称】文本框中输入文件的名称，系统的默认名称为“未标题-1”。l 在【预置】下拉列表中可以选择系统预设的图像尺寸，如果需要自定义图像尺寸，可以选择【自定义】选项，然后在【宽
23、度】和【高度】文本框中输入图像的宽度和高度值，并选择合适的尺寸单位。l 在【分辨率】选项中确定图像的分辨率。通常情况下，设计印刷品时，分辨率不能低于300ppi，如果是设计网络图像，分辨率设置为72ppi。l 在【模式】下拉列表中选择图像的色彩模式。一般地，设计图像时使用RGB模式，最后再转换为CMYK模式进行输出。l 在【背景内容】选项中确定图像中背景层的颜色，可设置为白色、背景色或透明。图1-7 【新建】对话框（3）单击按钮，则建立了一个新的图像文件。i按住Ctrl键的同时双击工作区，也将弹出【新建】对话框。1.3.2 打开图像文件如果要编辑一个已经存在的图像文件，则需要打开该文件。打开图
24、像文件的基本操作步骤如下：（1）单击菜单栏中的【文件】/【打开】命令，或按下键盘中的Ctrl+O键，将弹出【打开】对话框，如图1-8所示。（2）在【查找范围】下拉列表中选择图像文件所在的位置。（3）在【文件类型】下拉列表中选择文件类型。（4）在文件列表中选择要打开的图像文件。（5）单击按钮，则打开所选的图像文件。在Photoshop CS的【文件】菜单中还有一个【最近打开的文件】命令，该命令的子菜单中记录了最近打开过的图像文件名称，默认情况下可以记录10个最近打开的文件，但是可以通过基本参数修改数值，范围是“030”。单击其中的任意一个文件名称，可以打开相应的图像文件。1.3.3 保存图像当成
25、功地编辑完一幅作品后，可以将它保存起来。Photoshop CS为保存图像文件提供了3种形式：图1-8 【打开】对话框l 单击菜单栏中的【文件】/【存储】命令，或按键盘中的Ctrl+S键，可以保存图像文件。如果是第一次执行该命令，将弹出【存储为】对话框用于保存文件，如图1-9所示。图1-9 【存储为】对话框l 单击菜单栏中的【文件】/【存储为】命令，或按Shift+Ctrl+S键，可以将当前编辑的文件按指定的格式换名存盘，当前文件名将变为新文件名，原来的文件仍然存在。l 单击菜单栏中的【文件】/【存储为Web所用格式】命令，可以将图像文件保存为网络图像格式，并且可以对图像进行优化。1.3.4
26、如何设置颜色在绘制图形、填充颜色或编辑图像时，首先需要选择颜色。Photoshop CS为用户选取颜色提供了多种解决方案，如可以在工具箱中进行设置，也可以使用【颜色】面板和【色板】面板进行设置，还可以使用吸管工具进行取色。下面主要介绍如何通过工具箱设置前景色、背景色。在Photoshop CS工具箱的下方提供了一组专门用于设置前景色、背景色的色块，如图1-10所示。图1-10 颜色设置工具l 单击按钮，或按键盘中的D键，可将颜色设置为默认色，即前景色为黑色、背景色为白色。l 单击按钮，或按键盘中的X键，可以转换前景、背景的颜色。l 单击前景色、背景色色块，将打开如图1-11所示的【拾色器】对话
27、框。在该对话框中，设置任何一种色彩模式的参数值都可以选取相应的颜色，也可以直接在对话框左侧的色域中单击鼠标选取相应的颜色。图1-11 【拾色器】对话框在该对话框中，用户可以设置出1680多万种颜色。当所选颜色旁出现标识时，表示该颜色超出了CMYK颜色，印刷输出时其下方的颜色将替代所选颜色；当所选颜色旁出现标识时，表示该颜色超出了网络所允许的颜色，其下方的颜色将替代所选颜色。在设计网页图形时，为确保选取的颜色不超出网络安全色的范围，可选择【只有Web颜色】复选框。在工具箱中设置前景色或背景色的基本操作步骤如下：（1）单击前景色或背景色色块，打开【拾色器】对话框。（2）在对话框中选择所需要的颜色。
28、（3）单击按钮，即可将所选颜色设置为前景色或背景色。1.3.5 图像的显示控制图像的显示与控制操作是图像处理过程中使用比较频繁的一种操作，主要包括图像的缩放、查看图像的不同位置、窗口布局等操作。1图像的缩放在图像编辑过程中，经常需要将图像的某一部分进行放大或缩小，以便于操作。在放大或缩小图像时，窗口的标题栏和底部的状态栏中将显示缩放百分比。在Photoshop CS中，图像的缩放方式有以下几种：l 选择工具箱中的工具，将光标移动到图像上，则光标变为形状，每单击一次鼠标，图像将放大一级，并以单击的位置为中心显示。当图像放大到最大级别时将不能再放大。按住Alt键，则光标变为状，每单击一次鼠标，图像
29、将缩小一级。当图像缩小到最大缩小级别（在水平和垂直方向只能看到1个像素）时，将不能再缩小。l 选择工具箱中的工具，在要放大的图像部分上拖动鼠标，将出现一个虚线框，释放鼠标后，虚线框内的图像将充满窗口。l 在工具箱中双击工具，则图像以100%比例显示。l 双击工具箱中的工具，则图像将以屏幕最大显示尺寸显示。i在任何情况下按下Ctrl+空格键，则光标将变为形状；按下Alt+空格键，光标将变为形状，其他操作同上。2图像的查看查看图像有如下几种方法：l 选择工具箱中的工具，将光标移动到图像上，当光标变为形状时拖动鼠标，可以查看图像的不同部分。l 拖动图像窗口上的水平、垂直滚动条可以查看图像的不同部分。
30、l 按下键盘中的PageUp或PageDown键可以上下滚动图像窗口查看图像。i任何情况下按下空格键，光标都将变为形状，此时拖动鼠标可查看图像的不同部分。1.3.6 辅助设计工具Photoshop CS为编辑图像提供了极为方便的辅助工具，例如标尺、参考线、网格线、测量尺和颜色标记、注释工具等，使用它们可以使操作更加精确，大大提高工作效率。1标尺使用标尺可以帮助用户在图像窗口的水平和垂直方向上精确设置图像位置，从而设计出更符合要求的图像作品。单击菜单栏中的【视图】/【标尺】命令，或者反复按快捷键Ctrl+R，可以显示或隐藏标尺。显示标尺以后，可以看到标尺的坐标原点位于图像窗口的左上角，如图1-1
31、2（a）所示。如果需要改变标尺原点，可以将光标置于原点处，拖动鼠标时会出现“+”字线，释放鼠标，则交叉点变为新的标尺原点，如图1-12（b）所示。改变了原点后，双击水平标尺与垂直标尺的交叉点，则原点变为默认方式。 （a） （b） 图1-12 设置标尺原点图1-13 设置参考线2参考线参考线是Photoshop CS软件提供的又一辅助设计工具，利用它可以精确地完成对齐操作和对称操作等。l 在显示标尺的状态下，将光标指向水平标尺，向下拖动可以设置水平参考线；将光标指向垂直标尺，向右拖动可以设置垂直参考线，如图1-13所示。l 按住Alt键的同时将光标从水平标尺向下拖动，可以设置垂直参考线，从垂直标
32、尺向右拖动可以设置水平参考线。l 选择工具箱中的工具，将光标移动到参考线上，当光标变为双向箭头形状时拖动鼠标，可以移动参考线的位置。如果将参考线拖动至窗口以外，可以删除该参考线。l 单击菜单栏中的【视图】/【清除参考线】命令，将删除所有参考线。l 单击菜单栏中的【视图】/【锁定参考线】命令，参考线将被锁定，不能再发生 移动。l 单击菜单栏中的【视图】/【对齐到】/【参考线】命令，当移动图像或创建选择区域时，可以使图像或选择区域自动捕捉参考线，实现对齐操作。l 重复单击菜单栏中的【视图】/【显示】/【参考线】命令，可以显示或隐藏参 考线。1.4 本 章 小 结Photoshop CS是一个功能强大的图形图像处理软件，它在平面设计、广告创意、包装与装帧、效果图处理、桌面印刷等领域应用非常广泛。本章介绍了Photoshop CS的工作界面以及一些基本操作常识，是后面章节中进行实例创作的基础，因此一定要掌握好。在学习的时候，可以先把本章内容理解好，然后再进行后续章节的学习。在后面的章节中将分门别类地介绍一些经典实例的制作。