中文版Photoshop CC平面设计从入门到精通(唯美)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.2 学会文档的基本操作

熟悉了Photoshop的工作界面后,下面就可以开始正式地接触Photoshop的功能了。不过,打开Photoshop之后,我们会发现很多功能都无法使用,这是因为当前的Photoshop中没有可以操作的文件。这时就需要新建文件,或者打开已有的图像文件。在对文件进行编辑的过程中经常会用到很多图片素材,这就需要执行“置入”操作。文件制作完成后需要对其进行“存储”,而存储文件时就涉及存储文件格式的选择。下面就来学习一下这些知识。

重点2.2.1 动手练:新建文件

img

扫一扫,看视频

打开Photoshop,此时界面中什么都没有。想要进行设计作品的制作,首先要执行“文件〉新建”命令,新建一个文档。

新建文档之前,需要考虑几个问题:要新建一个多大的文件?分辨率要设置为多少?颜色模式选择哪一种?这一系列问题都可以在“新建文档”窗口中得到解答。

(1)启动Photoshop之后,执行“文件〉新建”命令(快捷键:Ctrl+N),如图2-44所示。随即就会打开“新建文档”窗口,如图2-45所示。这个窗口大体可以分为3个部分:顶端是预设的尺寸选项卡;左侧是预设选项或最近使用过的项目;右侧是自定义选项设置区域。

img

图2-44

img

图2-45

(2)如果要选择系统内置的一些预设文档尺寸,可以选择顶端的预设尺寸选项卡,然后在左侧的列表框中选择一种合适的尺寸,单击“创建”按钮,即可完成新建。例如,要新建一个用于印刷的纸张尺寸的文档,那么选择“打印”选项卡,在左侧列表框中即可看到多种常规尺寸。单击“查看全部预设信息”按钮,可以看到全部的预设尺寸,如图2-46所示。从中选择某一预设尺寸,在右侧区域即可查看相应的尺寸参数。接着单击“创建”按钮,即可完成文件的新建,如图2-47所示。

img

图2-46

img

图2-47

提示:预设中提供了哪些尺寸?

根据不同行业的不同需求,Photoshop将常用的尺寸进行了分类。可以根据需要在预设中找到所需要的尺寸。如果用于排版、印刷,那么选择“打印”选项卡,即可在左侧列表框中看到常用的打印尺寸,如图2-48所示。如果你是一名UI设计师,那么选择“移动设备”选项卡,在左侧列表框中就可以看到时下最流行的电子移动设备的常用尺寸,如图2-49所示。

img

图2-48

img

图2-49

(3)如果需要比较特殊的尺寸,就需要自己进行设置。直接在“新建文档”窗口右侧进行“宽度” “高度”等参数的设置即可,但是要注意首先设置好尺寸后方的“单位”,避免单位错误,文档尺寸偏差过大,如图2-50所示。

img

图2-50

◆宽度/高度:设置文件的宽度和高度,其单位有“像素”“英寸”“厘米”“毫米”“点”等多种。在进行网页设计时多采用像素为单位,制作广告时常用厘米、毫米作为单位。

◆分辨率:用来设置文件的分辨率大小,其单位有“像素/英寸”和“像素/厘米”两种。创建新文件时,文档的宽度与高度通常与实际印刷的尺寸相同(超大尺寸文件除外)。而在不同情况下,分辨率需要进行不同的设置。通常来说,图像的分辨率越高,印刷出来的质量就越好;但也并不是任何时候都需要将分辨率设置为较高的数值。一般印刷品分辨率为150~300dpi,高档画册分辨率为350dpi以上,网页或者其他用于在电子屏幕显示的图像分辨率为72dpi。

◆颜色模式:设置文件的颜色模式以及相应的颜色深度。需要印刷或打印的设计作品,其颜色模式需要设置为CMYK;进行网页设计时,颜色模式需要设置为RGB。

◆背景内容:设置文件的背景内容,有“白色”“背景色”“透明”3个选项。

◆高级选项:展开该选项组,在其中可以进行“颜色配置文件”以及“像素长宽比”的设置。

重点2.2.2 打开已有图像文件

img

扫一扫,看视频

想要处理图像或者继续编辑之前的设计方案,需要在Photoshop中打开已有的文件。执行“文件〉打开”命令(快捷键:Ctrl+O),在弹出的“打开”窗口中找到文件所在的位置,选择需要打开的文件,接着单击“打开”按钮,如图2-51所示。即可在Photoshop中打开该文件,如图2-52所示。

img

图2-51

img

图2-52

重点2.2.3 动手练:打开多个文档

img

扫一扫,看视频

1.打开多个文档

在“打开”窗口中可以一次性选择多个文档同时将其打开。可以按住鼠标左键拖曳框选多个文档,也可以按住Ctrl键逐个单击多个文档。然后单击“打开”按钮,如图2-53所示。接着被选中的多张图片就都被打开了,但默认情况下当前只能显示其中一张图片,如图2-54所示。

img

图2-53

img

图2-54

2.多个文档切换

虽然一次性打开了多个文档,但在文档窗口中只能显示一个文档。单击标题栏中的文档名称,即可切换到相应的文档窗口,如图2-55所示。

img

图2-55

3.切换文档浮动模式

默认情况下,打开多个文档时,多个文档均合并到文档窗口中。除此之外,文档窗口还可以脱离界面呈现“浮动”的状态。将光标移动至文档名称上方,按住鼠标左键向界面外拖曳,如图2-56所示。松开鼠标后,文档即呈现为浮动状态,如图2-57所示。若要恢复为堆叠状态,可以将浮动的窗口拖曳到文档窗口上方,当出现蓝色边框后松开鼠标即可完成堆栈,如图2-58所示。

img

图2-56

img

图2-57

img

图2-58

4.多文档同时显示

要一次性查看多个文档,除了让窗口浮动之外还有一个办法,就是通过设置“窗口排列方式”来查看。执行“窗口〉排列”命令,在弹出的子菜单中可以看到多种文档显示方式,选择适合自己的方式即可,如图2-59所示。例如,打开了3张图片,想要同时看到,可以选择“三联垂直”方式,效果如图2-60所示。

img

图2-59

img

图2-60

提示:将文件打开为智能对象

执行“文件〉打开为智能对象”命令,在弹出的对话框中选择一个文件将其打开,此时该文件将以智能对象的形式被打开。

重点2.2.4 动手练:向文档中“置入”素材

img

扫一扫,看视频

使用Photoshop制作平面设计作品时,经常需要使用其他的图像元素来丰富画面效果。前面学习了“打开”命令,但“打开”命令只能将图片在Photoshop中以一个独立文件的形式打开,并不能添加到当前的文件中;而通过“置入”操作则可以实现。

(1)在已有的文件中执行“文件〉置入嵌入对象”命令,在弹出的“置入嵌入的对象”窗口中选择需要置入的文件,单击“置入”按钮,如图2-61所示。随即选择的对象就会被置入到当前文档内。此时置入的对象边缘处带有定界框和控制点,如图2-62所示。将光标定位到对象中,按住鼠标左键拖动可以移动置入素材的位置。

img

图2-61

img

图2-62

(2)将光标定位到一角处的控制点上,按住Shift键的同时拖曳鼠标,可以等比例缩放(缩放、旋转等操作与“自由变换”操作非常接近,具体操作方法参见2.6.1节),如图2-63所示。调整完成后按Enter键,即可完成置入操作。此时定界框会消失。在“图层”面板中也可以看到新置入的智能对象图层(智能对象图层右下角带有img图标),如图2-64所示。

img

图2-63

img

图2-64

(3)置入后的素材对象会作为智能对象。“智能对象”有几点好处,如在对图像进行缩放、定位、斜切、旋转或变形操作时不会降低图像的质量。但是“智能对象”无法直接进行内容的编辑(如删除局部、用画笔工具在上方进行绘制等)。例如,使用“橡皮擦工具”进行擦除,那么光标显示为img,如图2-65所示。如果继续擦除,则会弹出提示对话框,单击“确定”按钮即可将智能图层栅格化,如图2-66所示。

img

图2-65

img

图2-66

(4)如果想要对智能对象的内容进行编辑,需要在该图层上右击,执行“栅格化图层”命令,如图2-67所示。将智能对象转换为普通对象后再进行编辑,如图2-68所示。

img

图2-67

img

图2-68

提示:栅格化

所谓“栅格化图层”,就是将“特殊图层”转换为“普通图层”。在“图层”面板中选中要删格化的图层并右击,执行“栅格化图层”命令,随即就可以看到“特殊图层”被转换为“普通图层”。

重点2.2.5 存储文件

img

扫一扫,看视频

对某一文档进行编辑后,可能需要将当前操作保存到当前文档中。这时需要执行“文件〉存储”命令(快捷键:Ctrl+S)。如果文档存储时没有弹出任何窗口,则会以原始位置进行存储。存储时将保留所做的更改,并且会替换掉上一次保存的文件。

如果是第一次对文档进行存储,可能会弹出“另存为”窗口,从中可以重新选择文件存储位置,并设置文件存储格式以及文件名。

如要将已经存储过的文档更换位置、名称或者格式后再次存储,可以执行“文件〉存储为”命令(快捷键:Shift+Ctrl+S),在弹出的“另存为”窗口中对存储位置、文件名、保存类型等进行设置,然后单击“保存”按钮,如图2-69所示。

img

图2-69

重点2.2.6 认识常见的文件存储格式

存储文件时,在弹出的“另存为”窗口的“保存类型”下拉列表框中可以看到有多种格式可供选择,如图2-70所示。但并不是每种格式都经常使用,选择哪种格式才是正确的呢?下面就来认识几种常见的图像格式。

img

图2-70

1.PSD:Photoshop源文件格式,保存所有图层内容

在存储新建的文件时,我们会发现默认的格式为Photoshop(*.PSD;*.PDD;*.PSDT)。PSD格式是Photoshop的默认存储格式,能够保存图层、蒙版、通道、路径、未栅格化的文字、图层样式等。在一般情况下,保存文件都采用这种格式,以便随时进行修改。

选择该格式,然后单击“保存”按钮,在弹出的“Photoshop格式选项”对话框中勾选“最大兼容”复选框,可以保证在其他版本的Photoshop中能够正确打开该文档。默认勾选该复选框,在这里单击“确定”按钮即可。也可以勾选“不再显示”复选框,接着单击“确定”按钮,就可以每次都采用当前设置,并不再显示该窗口,如图2-71所示。

img

图2-71

提示:非常方便的PSD格式

PSD格式文件可以在多款Adobe软件中应用,在实际操作中也经常会直接将PSD格式文件置入到Illustrator、InDesign等平面设计软件中。除此之外,After Effects、Premiere等影视后期制作软件也是可以使用PSD格式文件的。

2.JPEG:最常用的图像格式,方便存储、浏览、上传

JPEG格式是平时最常用的一种图像格式。它是一种最有效、最基本的有损压缩格式,被绝大多数的图形处理软件所支持。JPEG格式常用于对质量要求并不是特别高,而且需要上传网络、传输给他人或者在计算机上随时查看的情况。例如,做了一个标志设计的作业、修了张照片等。对于有极高要求的图像输出打印,最好不要使用JPEG格式,因为它是以损坏图像质量而提高压缩质量的。

存储时选择这种格式会将文档中的所有图层合并,并进行一定的压缩,存储为一种在绝大多数计算机、手机等电子设备上可以轻松预览的图像格式。在选择格式时可以看到保存类型显示为JPEG(*.JPG;*.JPEG;*.JPE),JPEG是这种图像格式的名称,而这种图像格式的后缀名可以是JPG、JPEG或JPE。

选择此格式并单击“保存”按钮之后,在弹出的“JPEG选项”对话框中可以进行图像品质的设置。“品质”数值越大,图像质量越高,文件大小也就越大。如果对图像文件的大小有要求,那么可以参考右侧的文件大小数值来调整图像的品质。设置完成后单击“确定”按钮,如图2-72所示。

img

图2-72

3.TIFF:高质量图像,保存通道和图层

TIFF格式是一种通用的图像格式,可以在绝大多数制图软件中打开并编辑,而且也是桌面扫描仪扫描生成的图像格式。TIFF格式最大的特点就是能够最大限度地保持图像质量不受影响,而且能够保存文档中的图层信息以及Alpha通道。但TIFF并不是Photoshop特有的格式,所以有些Photoshop特有的功能(如调整图层、智能滤镜)就无法被保存下来。这种格式常用于对图像文件质量要求较高,而且还需要在没有安装Photoshop的计算机上预览。例如,制作了一个平面广告,需要发送到印刷厂。选择该格式后,在弹出的“TIFF选项”对话框中可以对图像压缩等内容进行设置。如果对图像质量要求很高,可以选中“无”单选按钮,然后单击“确定”按钮,如图2-73所示。

img

图2-73

4.PNG:透明背景,无损压缩

当图像文件中有一部分区域是透明的时,存储成JPEG格式会发现透明的部分被填充上了颜色。如果存储成PSD格式不方便打开,存储成TIFF格式文件又比较大。这时不要忘了“PNG格式”。PNG是一种专门为Web开发的,用于将图像压缩到Web上的文件格式。与GIF格式不同的是,PNG格式支持244位图像并产生无锯齿状的透明背景。由于PNG格式可以实现无损压缩,并且背景部分是透明的,因此常用来存储背景透明的素材。选择该格式后,在弹出的“PNG选项”对话框中,对压缩方式进行设置后,单击“确定”按钮完成操作,如图2-74所示。

img

图2-74

5.GIF:动态图片、网页元素

GIF格式是输出图像到网页时最常用的格式。GIF格式采用LZW压缩,支持透明背景和动画,被广泛应用在网络中。网页切片后常以GIF格式进行输出。除此之外,常见的动态QQ表情、搞笑动图也是GIF格式的。选择这种格式,在弹出的“索引颜色”对话框可以进行“调板”“颜色”等设置;如果勾选“透明度”复选框,可以保存图像中的透明部分,如图2-75所示。

img

图2-75

2.2.7 关闭文件

执行“文件〉关闭”命令(快捷键:Ctrl+W),可以关闭当前所选的文件;单击文档窗口右上角的“关闭”按钮img,也可以关闭所选文件,如图2-76所示。执行“文件〉关闭全部”命令或按Alt+Ctrl+W组合键可以关闭所有打开的文件。

img

图2-76

提示:关闭并退出Photoshop

执行“文件〉退出”命令或者单击工作界面右上角的“关闭”按钮,可以关闭所有的文件并退出Photoshop。

练习实例:使用“新建”“置入嵌入对象”“存储”命令制作创意广告

img

案例效果

img

扫一扫,看视频

案例效果如图2-77所示。

img

图2-77

操作步骤

步骤01 执行“文件〉新建”命令或按快捷键Ctrl+N,在弹出的“新建文档”窗口中选择“打印”选项卡,在“空白文档预设”列表框中选择A4选项,单击img按钮,接着单击“创建”按钮,如图2-78所示。新建文档,如图2-79所示。

img

图2-78

img

图2-79

步骤02 执行“文件〉置入嵌入对象”命令,在弹出的“置入嵌入的对象”窗口中找到素材位置,选择素材1.jpg,单击“置入”按钮,如图2-80所示。接着将光标移动到素材右上角处,按住快捷键Shift+Alt的同时按住鼠标左键向右上角拖动,等比例扩大素材,如图2-81所示。然后双击或者按Enter键,此时定界框消失,完成置入操作,如图2-82所示。

img

图2-80

img

图2-81

img

图2-82

步骤03 使用同样的方式置入素材2.png,如图2-83所示。完成置入操作后,效果如图2-84所示。

img

图2-83

img

图2-84

步骤04 由于置入的两个素材都是智能对象,所以需要在“图层”面板中按住Ctrl键依次单击两个图层,将其选中后右击,执行“栅格化图层”命令,如图2-85所示。随即两个智能对象图层变为普通图层,如图2-86所示。

img

图2-85

img

图2-86

步骤05 执行“文件〉存储”命令,在弹出的“另存为”窗口中找到要保存的位置,设置合适的文件名,设置“保存类型”为Photoshop(*.PSD;*.PDD;*.PSDT),单击“保存”按钮,如图2-87所示。在弹出的“Photoshop格式选项”对话框中单击“确定”按钮,即可完成文件的存储,如图2-88所示。

img

图2-87

img

图2-88

步骤06 在没有安装特定的看图软件和Photoshop的计算机上,PSD格式的文档可能会难以打开并预览效果。为了方便预览,在此将文档存储一份JPEG格式。执行“文件〉存储为”命令,在弹出的窗口中找到要保存的位置,设置合适的文件名,设置“保存类型”为JPEG(*.JPG;*.JPEG;*.JPE),单击“保存”按钮,如图2-89所示。在弹出的“JPEG选项”对话框中设置“品质”为10,单击“确定”按钮完成设置,如图2-90所示。

img

图2-89

img

图2-90

重点2.2.8 使用“缩放工具”查看图像

img

扫一扫,看视频

进行图像编辑时,经常需要对画面细节进行操作,这就需要将画面的显示比例放大一些。此时可以使用工具箱中的“缩放工具”来完成。单击工具箱中的“缩放工具”按钮img,将光标移动到画面中,单击鼠标左键即可放大图像显示比例,如图2-91所示。如需放大多倍可以多次单击,如图2-92所示。也可以直接按快捷键Ctrl+“+”放大图像显示比例。

“缩放工具”既可以放大,也可以缩小显示比例。在“缩放工具”选项栏中可以切换该工具的模式,单击“缩小”按钮img可以切换到缩小模式,在画布中单击鼠标左键可以缩小图像,如图2-93所示。此外,也可以直接按快捷键Alt+“-”缩小图像显示比例。

img

图2-91

img

图2-92

img

图2-93

提示:“缩放工具”不改变图像本身大小

使用“缩放工具”放大或缩小的只是图像在屏幕上显示的比例,图像的真实大小是不会跟着改变的。

在“缩放工具”选项栏中可以看到其他一些选项设置,如图2-94所示。

img

图2-94

img:勾选该复选框后,在缩放窗口的同时自动调整窗口的大小。

img:如果当前打开了多个文档,勾选该复选框后可以同时缩放所有打开的文档窗口。

img:勾选该复选框后,在画面中按住鼠标左键向左侧或右侧拖动,能够以平滑的方式快速放大或缩小窗口。

img:单击该按钮,图像将以实际像素的比例进行显示。

img:单击该按钮,可以在窗口中最大化显示完整的图像。

img:单击该按钮,可以在整个屏幕范围内最大化显示完整的图像。

重点2.2.9 使用“抓手工具”平移画面

img

扫一扫,看视频

当画面显示比例比较大的时候,有些局部可能就无法显示了。这时可以使用工具箱中的“抓手工具”img,在画面中按住鼠标左键拖动,如图2-95所示。画面中显示的图像区域随之产生了变化,如图2-96所示。

img

图2-95

img

图2-96

提示:快速切换到“抓手工具”

在使用其他工具时,按Space键(即空格键)即可快速切换到“抓手工具”状态。此时在画面中按住鼠标左键拖动,即可平移画面。松开Space键时,会自动切换回之前使用的工具。