
第1篇 快速上手篇
第1章 走进Photoshop CS3
1.1 认识Photoshop CS3工作环境
本节首先介绍Photoshop CS3的工作环境。整体了解了Photoshop CS3的工作环境才能准确快速地找到需要的工具进行创作。
Photoshop CS3的工作环境是处理编辑图形的基础和平台,启动Photoshop CS3后,会出现如图1-1所示的界面,主要由菜单栏、选项栏、工具箱、控制面板、状态栏和标题栏组成。

图1-1 Photoshop CS3默认工作区
1.标题栏
标题栏主要显示应用程序的信息,当窗口最大化时,显示打开的文件名、颜色模式和显示比例信息。
2.菜单栏
菜单栏是Photoshop CS3工作区的重要组成部分,主要包括10个菜单,每个菜单都带有一组命令,可以执行相应的操作。当命令为浅灰色的时候,表示该命令不可用,在菜单后面,往往有该命令对应的快捷键,如图1-2所示。

图1-2 Photoshop CS3菜单命令
小贴士
使用快捷键可大大提高工作效率!快捷键使用请见附录A。
3.工具栏
工具栏包含了各种常用工具,主要用于编辑图像的相关操作。如果工具图标的下方有小三角图标,则表示还有其他相关的工具。单击工具图标片刻或者单击鼠标右键即可弹出一个工作组,如图1-3所示。

图1-3 Photoshop CS3工具栏
小贴士
将鼠标停留在工具图标上片刻,即会出现工具提示,如果提示信息中包含英文字母,则表示该工具相对应的快捷键。
4.控制面板
控制面板主要用于配合图像处理操作和工具参数设置,通常面板是不会被图像所覆盖的,而是浮动在图像上方。可以拖到任意位置。Photoshop CS3中包含了19个面板,如图1-4所示。

图1-4 Photoshop CS3应用面板
5.选项栏
主要用于设置工具箱中的各个工具的参数。显示当前工具箱中当前选择的工具相对应的属性和控制参数。图1-5所示为画笔工具的选项栏。

图1-5 Photoshop CS3选项栏
技巧
将鼠标放在选项栏中最左边的区域,拖曳鼠标可以将选项栏拖曳到任意位置。
6.当前图像区域
主要用于显示图像及图像的各种信息,由文本框和文本信息组成,如图1-6所示。

图1-6 Photoshop CS3图像文件界面
手把手实例 自定义工作区
[1]" 有时,默认工作区并不能满足我们的要求,所以要创建自定义工作区。如图1-7所示,在默认工作区中如果没有应用的面板,如“仿制源”面板,可单击“窗口>仿制源”命令,如图1-8所示。

图1-7 默认工作区

图1-8 仿制源
[2] 此时在工作区中弹出“仿制源”面板组,如图1-9所示。

图1-9 “仿制源”面板
[3] 如果觉得面板位置不合适,可拖曳“仿制源”面板到“导航器”面板组中,如图1-10所示。松开鼠标后即可与“导航器”面板组合并,如图1-11所示。

图1-10 拖曳面板组

图1-11 合并面板组
小贴士
要关闭面板窗口,可直接单击面板名称后面的关闭按钮,如图1-12所示。

图1-12 关闭面板
1.2 小有成就——我的第一幅作品
本节主要通过一个小实例让刚刚走进Photoshop CS3 大门的朋友们体验一下如何使用各种工具。图1-13所示为一幅简单的雪人图,只利用简单的几种工具便可以创作出来,赶快一起来学习吧!

图1-13 雪人图
1.2.1 制作步骤
[1]" 启动Photoshop CS3界面,单击“文件>新建”命令,如图1-14所示。在弹出的“新建”对话框中设置,如图1-15所示。

图1-14 “新建”命令

图1-15 “新建”对话框
[2] 单击“设置前景色”按钮,如图1-16所示。在弹出的“拾色器”对话框中将鼠标放在颜色区域中,选择天空的颜色,单击“确定”按钮即可,如图1-17所示。

图1-16 设置前景色

图1-17 “拾色器”对话框
[3] 单击“渐变工具”,如图1-18所示。在画布中拖曳鼠标,如图1-19所示。松开鼠标时,画布被填充为渐变的前景色,如图1-20所示。

图1-18 渐变工具

图1-19 拖曳鼠标

图1-20 拖曳结果
[4] 单击“椭圆选框工具”,如图1-21所示。拖曳鼠标,创建如图1-22所示的选区。

图1-21 椭圆选框工具

图1-22 创建椭圆选区
[5] 单击“油漆桶工具”,如图1-23所示。在刚刚画好的椭圆中单击鼠标,此时将雪人的阴影填充好,如图1-24所示。利用上面相同方法,画出雪人的头和身体,并填充为白色,如图1-25所示。

图1-23 油漆桶工具

图1-24 填充结果

图1-25 显示效果
[6] 单击“画笔工具”,按照步骤[2]的方法将前景色设置为不同颜色,为雪人画上眼睛、鼻子、嘴巴、帽子和扫把,如图1-26所示。

图1-26 完成雪人
[7] 此时雪人画好了,根据上面的方法,用相同的工具还可画出栅栏,如图1-27所示。如果想画出雪花,还可以单击“自定形状工具”,如图1-28所示。在选项栏中的形状选项中选择雪花形状,如图1-29所示。

图1-27 绘制效果

图1-28 自定形状工具

图1-29 选择雪花形状
[8] 在画布上拖曳鼠标,即可创建大小不同的雪花,此时第一幅作品便诞生了,如图1-30所示。

图1-30 效果图
1.2.2 即问即答
原来Photoshop CS3中的许多工具和我们日常生活中所用到的现实工具是一样的啊!
是啊,在Photoshop CS3中,许多工具都和现实中的工具是一样的,比如画笔工具、橡皮擦工具等,使用起来和生活中的一样方便!通过上面的例子可以看出利用Photoshop CS3创建作品简单又方便。
1.3 图像处理基础
本节主要介绍在学习Photoshop CS3之前要了解和掌握的关于图像处理的基础知识。掌握了这些知识,可以更加灵活地进行图像处理。
1.3.1 像素与分辨率
1.像素
在图像中,像素是基本单位。像素的大小是指位图图像的高度和宽度上的像素个数。例如,在17寸显示器上,水平显示为1024×768表示尺寸为1024×768像素的图像将充满此屏幕,如果此像素设置在比17寸更大的显示器上,同样大小的图像仍然充满屏幕,不过每个像素变大了。
2.分辨率
分辨率是指图像在一单位长度所包含的像素个数,通常用像素/英寸或者像素/厘米。
高分辨率的图像比相同打印尺寸的低分辨率图像包含较多的像素,因而像素点较小。例如,72dpi分辨率的1×1英寸图像总共包含5184个像素(72像素宽×72像素高=5184)。
图像的分辨率每增加一倍,图像的文件大小就会增大4倍。使用合适的分辨率来制作图像,我们可以取得最小的文件,从而使Photoshop需要的总内存数量大幅度减少,并大大提高其处理性能,如图1-31和图1-32所示的对比效果。

图1-31 原始文件

图1-32 放大N倍后的效果
1.3.2 位图图像与矢量图像
1.位图图像
位图图像(如图1-33所示)是由一个个像素点组成的,一般数码相机、扫描仪等都以位图的形式保存。

图1-33 位图图像
位图图像表达的图像效果色彩丰富、过渡自然。但是,位图图像在保存时所占的空间与图像的像素点有关,即像素点越多,图像越清晰,所占的空间也就越大。
位图图像多由Photoshop、Cool3D等位图软件绘制生成。
2.矢量图像
矢量图像(如图1-34所示)是由一系列的线条所构成的。而线条的颜色、位置、粗细等属性是通过许多复杂的数学公式表达的。

图1-34 矢量图像
矢量图像所占空间大小取决于图形中所包含的对象数量和复杂程度。
矢量图像不能像位图那样表现丰富的颜色,但是图像的线条非常光滑、流畅,尤其是放大图像后仍不受影响。
矢量图像一般由Illustrator软件生成。
1.3.3 图像的色彩模式
在图像的编辑中,颜色是重要的部分,任何创作都离不开颜色。因此只有具备颜色理论方面的知识才能创建合适的颜色。
图像的色彩模式是指用于显示和打印图像的颜色模型。
常见的颜色模型主要分为位图模式、灰度模式、双色调模式、索引颜色模式、RGB模式、CMYK模式、Lab模式和多通道模式。
颜色模式可以用于确定图像中的显示颜色数量,它还影响通道数和图像文件的大小。
1.位图模式
位图模式只有黑白两种颜色值表示图像中的像素。当图像要转换为位图模式时,用黑白像素不同密度分布来描绘图像形成网点状的灰阶图像效果。位图模式的图像的每一个像素都是用1个字节来记录的,因此磁盘空间最少。
2.灰度模式
灰度模式由0~256个灰阶组成,没有彩色图像中的色相和饱和度信息,但保留了原图的明亮效果。
3.双色调模式
双色调模式可以使用单色调、双色调、三色调及四色调来描绘灰阶图像上的色彩。
4.索引颜色模式
此模式下,图像最多能使用256种色彩。
5.RGB模式
该模式下,图像使用3种颜色在屏幕上重现多达1670万种颜色。此模式图像是3通道图像,包含24(8×3)位/像素。
6.CMYK模式
该模式图像由用于打印分色的4种颜色组成。它们是4通道图像,包含32(8×4)位/像素。
7.Lab模式
此模式是由明度和两个色彩度组成的。明度L的色彩范围为0~100。a为红到深绿的颜色,b为蓝到黄的颜色,两者的变化范围均在-127~128之间。
8.多通道模式
图像文件在此模式下可以拥有多个256阶灰色通道,此模式主要针对特殊的打印用途。
1.3.4 图像的文件格式
常见的图像格式
Photoshop支持多种文件格式,其中包括PSD、PDD等专用的文件格式和多种图片格式。
1.Photoshop专用格式
Photoshop专用格式主要有PSD和PDD格式。
这种格式的主要功能可以将文件的图层、通道等属性资料一起保存,正是具备这种功能,此格式文件所包含的图像数据信息较多,比其他格式的文件要大得多。不过在保存时可以自动压缩文件,减少占用磁盘的空间。
小贴士
此文件格式保存了所有数据信息,因此方便修改。
2.GIF
此文件格式最多只能保存256色的RGB色彩阶数,是一种用LZW压缩的格式,其文件较小,适合应用于网络图片的传输。GIF格式还支持透明背景和动画格式。
3.JPEG
此格式压缩率很高,使用的压缩方式是一种有损压缩,当压缩率过大时,图像的细节便会丢失,进而图像的品质也会降低,JEPG格式支持CMYK、RGB和灰度模式,但不支持Alpha通道。
小贴士
GIF格式和JPEG格式是目前网络图片使用最普通的图像格式,并能够被大多数浏览器支持。
4.BMP
此格式文件为Windows画图程序的文件格式,支持RGB索引颜色、弧度和位图颜色模式,但是不支持Alpha通道,兼容大多数的Windows和OS/2平台的应用程序。使用此格式保存图像时,不但可以节省保存空间,而且不会破坏图像中的任何细节,但是打开和保存的速度较慢。
5.PNG
此格式可以在网页上应用,可以容纳1667万种颜色,而且它的压缩不像JPEG格式那样会损失颜色数据。
1.3.5 即问即答
学习这些知识对我们学习Photoshop CS3有什么用呢?
事实上,我们在对图像进行处理时就是进行针对像素的处理,只有知其所以然,才能更好地运用Photoshop CS3的功能。
1.4 标尺、网格和参考线
本节主要介绍标尺、网格和参考线。
1.4.1 标尺
标尺可精确地确定图像或元素的位置。当显示标尺时,标尺会出现在现有窗口的顶部和左侧。当移动鼠标时,标尺内的标记显示指针的位置。更改标尺原点(左上角标尺上的(0, 0)标志),可以使你从图像上的特定点开始度量。标尺原点也确定了网格的原点,如图1-35所示。

图1-35 显示标尺
要显示或隐藏标尺,请选择“视图>标尺”命令。
“单位和标尺”选项说明。
1.单位
可以设置标尺和文字的单位。可以从标尺或文字的下拉列表中选择设置的单位。在默认情况下,文字以“点”(也称为“磅”)为单位。
2.列尺寸
列尺寸主要包括可以设置“裁切和图像大小”所用的列宽和装订线宽度。
3.新文档预设分辨率
此选项可为新文档设置预设的打印分辨率和屏幕分辨率。
4.点/派卡大小
PostScript(72点/英寸):用于设置一个兼容的单位大小,以便打印到PostScript设备。
传统(72.27点/英寸):在打印中使用的传统点数。
手把手实例 更改测量单位
[1]" 在打开的图像中如果没有标尺,单击“视图>标尺”命令,如图1-36所示,即可显示标尺,如图1-37所示。

图1-36 “视图>标尺”命令

图1-37 显示标尺
[2] 单击“编辑>首选项>单位与标尺”命令(或直接双击标尺),如图1-38所示。

图1-38 “首选项”命令
技巧
右键单击标尺,然后从上下文菜单中选择一个新单位,或者直接双击图像文档中的标尺,也可弹出“首选项”对话框。
[3] 此时弹出“首选项”对话框,选择“单位与标尺”选项,将列尺寸单位由原来的“点”更改为“英寸”,单击“确定”按钮,如图1-39所示。

图1-39 “首选项”对话框
小贴士
更改信息面板上的单位将自动更改标尺上的单位。
1.4.2 参考线和网格
参考线、网格都是为了精确地确定图像或元素的位置而设置的。
参考线:显示为浮动在图像上方的一些不会打印出来的线条。可以移动和移去参考线,也可以锁定参考线,以防止将它们意外移动,如图1-40所示。

图1-40 网格
网格:对于对称地布置图像很有用。网格在默认情况下显示为不打印出来的线条,但也可以显示为点,如图1-41所示。

图1-41 参考线
手把手实例 显示和隐藏参考线和网格线
[1]" 单击“视图>显示>网格”命令,如图1-42所示。此时在图像中显示网格,如图1-43所示。要取消网格线,只要再次单击“视图>显示>网格”命令即可。

图1-42 显示网格命令

图1-43 显示效果
[2] 单击“视图>新建参考线”命令,如图1-44所示。在弹出的“新建参考线”对话框中选择“水平”或“垂直”方向,在“位置”文本框中输入像素值,单击“确定”按钮即可,如图1-45所示。

图1-44 “新建参考线”命令

图1-45 “新建参考线”对话框
[3] 此时在图像中出现了参考线,如图1-46所示。如果要取消参考线,可单击“视图>清除参考线”命令,如图1-47所示,即可清除参考线,如图1-48所示。

图1-46 显示效果

图1-47 “清除参考线”命令

图1-48 显示效果
小贴士
参考线和网格的特性相似。
拖曳选区、选区边框和工具时,如果拖曳距离小于8个屏幕(不是图像)像素,则它们将与参考线或网格对齐。参考线移动时也与网格对齐。可以打开或关闭此功能。
参考线间距、是否能够看到参考线和网格,以及对齐方式均因图像而异。
网格间距、参考线和网格的颜色及样式对于所有的图像都是相同的。
技巧
创建参考线还可以直接在水平标尺或垂直标尺中拖曳鼠标,即可创建水平参考线,如图1-49所示。

图1-49 水平拖曳鼠标
拖曳参考线时,指针变为双箭头。在水平标尺中拖曳的是水平参考线,在垂直标尺中拖曳的是垂直参考线,如图1-50所示,结果如图1-51所示。

图1-50 竖直拖曳鼠标

图1-51 显示效果
1.4.3 即问即答
了解这些知识对学习Photoshop CS3有什么用呢?
通过上面的知识讲解,在处理图像的时候,你就可以根据需要来选择合适的颜色模式。当要打印黑白图像时,灰度模式可以获得更小的文件;当要制作显示图像时,RGB模式可以提供最佳的色彩效果;当用于打印图像的打印机支持CMYK颜色模式时,CMYK模式可以让你获得最佳的色彩还原效果,这些在图像处理过程中是经常要用到的知识。
1.5 使用Photoshop CS3的帮助功能
本节主要介绍在Photoshop CS3如何使用帮助功能。整体了解了Photoshop CS3的帮助功能可以更好地利用帮助功能学习。
帮助功能是Photoshop CS3附带的功能,使用帮助文件可以很好地解决在学习中遇到的问题,下面是帮助功能的界面,如图1-52所示。

图1-52 帮助功能界面
手把手实例 使用帮助功能
[1]" 单击“帮助>Photoshop帮助”命令,如图1-53所示。

图1-53 帮助命令
[2] 此时弹出“帮助”对话框,如图1-54所示。

图1-54 打开帮助文件
[3] 在“搜索”文本框中输入要查询的知识点,这里输入“选择”,单击“搜索”按钮,此时,搜索出了与“选择”知识点相关的内容,如图1-55所示。

图1-55 输入查找内容
1.6 文件操作
本节主要介绍在Photoshop CS3中如何对文件进行操作。文件的操作是学习使用Photoshop CS3的开始。
文件的操作主要包括打开文件、存储文件、文件的导入与导出、置入文件与打印文件。
1.6.1 文件打开与关闭
打开文件既可以使用“打开”命令,又可以使用“打开为”命令。
手把手操作实例 打开文件
[1]" 启动Photoshop CS3,单击“文件>打开”命令,如图1-56所示。

图1-56 打开文件命令
小贴士
也可单击“文件>打开为”命令,打开文件。
[2] 此时,弹出“打开”对话框,在查找范围中选择文件的路径,在文件菜单下拉列表中选择所要打开的文件,在文件窗口中选择要打开的文件,单击“确定”按钮,如图1-57所示。

图1-57 “打开”对话框
[3] 此时打开选择的文件,如果想要关闭已经打开的图像,则可单击图像文档右上角的关闭按钮,如图1-58所示。

图1-58 关闭图像
技巧
使用“打开”命令与“打开为”命令的区别是使用“打开为”命令时,要打开的文件必须与“打开类型”相符合,否则会出现如图1-59所示的对话框。

图1-59 提示对话框
1.6.2 存储文件
存储文件是关键的一步,当对图像进行编辑后,需要对图像进行保存,如果没有保存,之前所做的工作就会丢失掉。
存储文件既可以使用“存储”命令,又可以使用“存储为”命令。在选择“存储”或“存储为”命令时,都会弹出“存储为”对话框,如图1-60所示。

图1-60 “存储为”对话框
小贴士
使用“存储”命令和“存储为”命令的区别是“存储为”命令是将原图像进行备份,仍然编辑当前的图像,而不影响原文件。
而“存储”命令是将图像进行的编辑结果进行存储,如果不存储,将会丢失所做的编辑。
在“存储为”对话框中的选项设置如下。
● 作为副本:将文件存储为副本,同时打开文件可以进行处理,换句话说就是对原文件进行备份,但是不影响原文件。
● Alpha通道:将图像保存为Alpha通道时,则Alpha通道成为活动可用状态。当勾选此项时,可以将Alpha通道信息与图像一起存储;当不勾选此项时,则将Alpha通道从存储的图像中删除。
● 图层:如果在图像文件中存在多种图层,则该项可用,当勾选此项时,可以保留图像中的所有图层,当不勾选此项时,则所有的可视图层将合并或平和(取决于所选格式)。
● 批注:勾选此项可将图像中存在的注释一起存储。
● 专色:勾选此项可将文件中的专色通道信息与图像一起存储。
● 颜色:勾选此项可将文件中的专色通道信息与图像一起存储。
● 缩览图:勾选此项,存储文件缩览图数据。
● 使用小写扩展名:勾选此项,将文件的扩张名变为小写。
手把手实例 存储文件
[1]" 编辑好图像后,单击“文件>存储”命令,如图1-61所示。

图1-61 存储文件命令
[2] 在弹出的“存储为”对话框中勾选“图层”复选框,输入文件名,单击“确定”按钮,如图1-62所示。

图1-62 “存储为”对话框
技巧
使用“存储”命令可直接按Ctrl+S组合键将文件保存。使用“存储为”命令可直接按Ctrl+Shift+S组合键。
1.7 本章小结
本章主要讲解了关于Photoshop CS3的基础知识。通过本章的学习,你会发现原来学习Photoshop CS3非常轻松。了解了整个Photoshop CS3的概况,就不会像盲人摸象一样不知道从何入手。在不知不觉中,你已经进入了Photoshop CS3的世界。