哈喽各位观众老爷们,我是你们的小伟老师,上一节只是初步了解图层的一个概念。这节课程继续补充上一节课的图层知识内容。这节课程我们来讲关于图层都有多少种类以及图层都有些什么操作的技巧。学会了这些知识,小伙伴们就学会初步的ps制图了!

相信了解图层是什么概念的小伙伴们已经知道图层的一些相关操作了吧,但是只是简单的背景图层,还有别的图层还没接触过,下面让我们来看看图层大致分为几种吧。

ps图层的概念与技巧(ps的图层的种类附带小案例)(1)

图层的种类

讲图层知识前,先稍微再对文档进行一下说明,也就是左上方的那个小长条标签。它记录了你当前打开的文档的名字,简单的参数信息,旁边还有个小叉号可以用来关闭你打开的文档。另外,它不只是表面看上去的显示名字,简单的参数信息的小标签那么简单,它还是可移动的窗口!鼠标点击那个小标签,然后向下拖动一点位置,再松手就会发现变成一个窗口了,并且可以自由移动。想把窗口再放回去变成标签的话,那就哪里拖的放回哪里,拖回去看到工作区出现蓝色框框就可以松手变回标签了!一个标签代表一个文档,也就是在正常情况下,你每打开一张图片,或者新建一个文档都会在上方生成一个标签。每个文档里都能打开无限个图层,方便你对图片,文档来进行各种各样的编辑。

图层大致分为了9种:1.首先就是我们的背景图层,如下图,它和普通图层的区别不是很大。但是,当我们打开图片或者新建文档后,作为原始文件,也就是原图。它就会变成背景层静静地待在图层面板那里,并显示背景两个字。还附带个小锁来保护原始的图像信息不会被改动到,很贴心。

在默认的情况下,创建的所有图层都会在背景图层的上方进行创建,如果制图需要你挪动背景层的位置,那就长按背景层,把背景层拖到合适的地方放好。注意在移动的时候,等看到需要放置的两个图层之间,(移动到最底层是下方,最顶层是上方)出现一条发光的线时,就可以松手了,移动图层就算成功了。

2.普通图层,在图层缩览图那里没有任何特殊小标记,是最简单的图层。我们可以十分简单地在同一个文档里新建出一个,或者无数个可以自由填充颜色,画画,和调整,编辑等等的功能的普通图层。如下图

ps图层的概念与技巧(ps的图层的种类附带小案例)(2)

新建图层对话框

在上方的菜单栏里点击图层菜单栏,鼠标放在第一个选项新建这个分支上,就会展开分支,第一个选项就是新建图层。也就是快捷键Ctrl Shift N,点击后会弹出新建图层的对话框。或者在右下方图层面板最下面的那排按钮中,找到倒数第二个像纸张折起来一个角的按钮,它是新建图层的快捷按钮。我们长按Alt键,然后鼠标左键点击一下它,也能够弹出新建图层的对话框来新建图层

在对话框里可以提前设置新建出来的图层的一些参数,如图。创建了之后,后期想再改也是可以的,不用担心。对话框里的第一项:你可以新建图层可以给它起名字。

第二项:剪贴蒙版,有点复杂,后面讲蒙版的课程会讲到,这节主讲图层所以先跳过。

第三项:颜色,这里的颜色指的不是新建出来的图层填充好你所选的颜色,而是指的图层可见性的小眼睛按钮的颜色,方便你分类用的。打个比方,你做了很多个图层,有武器,有战马。每个图层都有它各自的相关内容,然后堆叠出武器和战马的图片。简单来说武器类的长枪由枪头,红缨,枪棍组成。战马由马,马用铠甲,马鞍还有缰绳组成。小伙伴们可以先关掉对话框,然后在图层前面小眼睛的位置,点击鼠标右键来给小眼睛的按钮选择一种颜色。它可以用来提示你,如红色按钮的图层归为武器类,蓝色按钮的图层归为战马类。颜色上随意设置,知道哪个颜色提示你,它代表的是什么归类的就行了。默认设置是无颜色,根据自己需要来设置即可。

第四项:混合模式,混合模式很难,等后面讲混合模式的课程会一个个模式地详细讲。

右边的不透明度就是图层的整体的透明度,可以在这里提前设置好,也可以在外面图层面板的不透明度调节那里调。不透明度数值调低的话,你在新建出的图层上进行任何有内容的操作时,所有整体带点透明,只要是能显示的内容都会被影响到,其透明的程度根据你设定的数值来决定。

什么是不透明度,从画画的层面上来说就是颜料和水的混合。没和水进行混合,画出来的效果就很清晰,也就是看起来颜色很正常的纯正颜色。而加了水之后,画出来的颜色就变淡了,因为颜料变稀了。水加得越多,所画出来的颜色自然就越淡。往大海里滴一滴颜料,就会被瞬间淹没,完全看不到。

而这里的不透明度,同样可以这么理解,百分百的时候就代表没和水进行混合,所以显示是正常的。而数值调低后,内容开始变淡了,直到百分之0就完全看不到了

第五项:可以看到勾选是灰的,因为混合模式没有中性色,你选择其他大部分的模式才可以勾选,少部分是没有中性色的,中性色是什么?它和混合模式密不可分,所以也放到讲混合模式的时候会和小伙伴们详细讲解。

而有的小伙伴会问了,直接点击图层下方的新建按钮不就行了吗?没错,可以的,但是直接点击新建按钮新建出来的是透明的普通图层,这个可以根据自己需要来选择使用。

在不需要创建图层的初始填充色,只是用来创建图层简单制作东西,方便透出底下的内容,那么直接新建就可以。正常来说用得都挺多的,但是主要是看你用在什么地方上。在制图创作的时候透明的新建图层用得比较多,因为很方便添加盖在原来图片上面的内容,来组合成新的图片。而使用快捷新建中性色图层,用于编辑图层混合模式效果的时候,带对话框的创建图层就会用得比较多了,因为里面的参数设置会省下不少正常得进行设置模式再填色的时间。这个后面的课程会讲到,先了解一下就行。

3.填充图层如上图,有个小滑块的标志。在上方的图层菜单栏,点击后可以看到新建填充图层的选项,鼠标放在选项上,可以看到分支有三个:纯色,渐变,图案。

纯色:很好理解,就是新建出一个自己在拾色器上选择某个颜色的图层。渐变:就是新建出填充了多种颜色混合的图层,弹出的渐变编辑器里面有颜色的渐变方式,渐变的颜色数量等的参数可以设置和编辑,这个讲颜色课程再详细介绍。

图案:就是创建出填满你选择的图案的图层出来,可以拖动的缩放设置就是排列的图案的大小,有兴趣的小伙伴可以都点一下试试。

4.文字图层,如上图。可以把文字图层看做矢量图层,通过变换来放大缩小都不会丢失像素信息,不会模糊的特性。缩览图上有个大大的T,这个文字工具刚好是按T激活使用,ps有心了。它的用法和office的文字工具差不多用,这里先认识一下就行。

5.调整图层,如上图,创建方法:图层面板的最下方那排按钮,那个圆圈分两半那个按钮就是了。你可以把它想象成,把各种各样的调整命令变成了图层,它可效果叠加,非常实用好用,不想用的时候还可以直接删除掉。最关键的是不管怎么调整,都不会对图片的内容有任何损伤。命令长什么样的,缩览图就长什么样。在讲调整命令的课程会讲到,这里先知道一下。

6.智能对象,如上图,有个智能对象的小标志,我们在制图的时候会经常用到。特别是那些需要保护起来,才能保证不会对图片的像素信息造成损伤的操作的时候,这个智能对象就显得尤其重要了。它就像是一个保护罩,能够把图片的原始信息全部保护好,它还可以进行套娃的操作,一层层地套起来,增加保护的层数。这个后面讲智能对象课程会详细讲到。

7.形状图层,有个图形的小标志,同样,也是可以把形状图层看做是矢量图层,同样经过变换来放大缩小都是无损伤图像信息,不会模糊。矢量的概念具体在结尾会有介绍。

而第8种:3D图层,还有第9种:视频图层。这两个图层的知识都不适合摆在基础的课程来讲,后面会说到,我们先从简单的ps知识学起。如上图,红框框住的小立方体标志就是3D,黄框框住的电影胶片标志的就是视频图层了,这里简单了解一下先。

ps图层的概念与技巧(ps的图层的种类附带小案例)(3)

上节的小案例

另外,我们通过上一节的课程我们知道图层是可以互相遮住的,但是需要了解它们之间有没有遮住与被遮住的关系。另外,每个图层都是可以随意移动的。我们除了可以在一个文档里自由地更换图层的顺序排列,还能跨文档来移动图片,然后把图片放在一起组合成一个新的图片。

方法:首先Ctrl O(第一个打开的图片可以直接双击空白区域,同样等于按了Ctrl O)从电脑里打开一个图片,我们称它为图片1。然后Ctrl O打开第二张图片,我们称它为图片2。在图片2的背景图层那里点击长按鼠标左键不松,拖到图片1标签那里稍微等一下。当看到画面切到图片1文档的时候往往下面再移动一下,看到工作区出现白框就松手。可以发现图片2就出现在图片1的文档里面了,并且在图1背景层的上方形成一个图层。根据图层的遮住与被遮住的关系,来决定图层的顺序,这样就能简单地组成新的图片。一般是把小的图片拖到大的图片里面,不然得对图片进行一些操作,才能调整好两个图片叠加效果。后面会有更多小案例会讲到。

如果需要调整图片的大小,最好在要进行变换的图片图层那里右键一下鼠标,找到转换成智能对象,不然按Ctrl T(自由变换的快捷键,能够真实的改变图片的大小)把图片缩小后,点击确定变换后就会丢失像素。如果反悔了,觉得缩小不合适,再次变换放大的话就会变得模糊。这就说明在变换缩小的时候,在没有智能对象功能保护下,像素图片在变换缩小的时候会在电脑的计算下丢失很多数据。在没有进行保护的情况下,系统默认你不需要那么多像素,对于不需要的直接全丢了。而像素图片变换放大的时候不是丢失像素,而是在原图的基础上增加像素。它增加的像素并没办法做到十分智能,来做到让你图片信息上的细节一个不落都处理完美,所以并不会太清晰,效果也不太好。我们打开的图片就是一个个小的像素点排列组成的一个图片,这个你打开一张普通的图片然后长按Alt 鼠标滚轮向上来放大图片查看一下就知道了。

那怎么办呢?没错,就是转成智能对象。只要是涉及到需要把图片,或图案变大或变小的操作,不管你是否需要反复地把它变大变小,为了保护图片的像素信息,都得先把图片转成智能对象才比较稳妥。如此一来,就能确保你的图片变大变小都不会模糊,相当于矢量无损伤的了。

没看懂?如下图!

ps图层的概念与技巧(ps的图层的种类附带小案例)(4)

小案例

想在ps快速且简单地制作一个图案,而且是那种可以随意变换来放大缩小都不会产生像素丢失的矢量图案,这种实用的制图小技巧,小伙伴们千万不要错过!跟我一起做案例吧。

在新建了一个文档后,在左下方工具栏里找到形状工具,在形状工具右键鼠标展开分支,选择多边形样子的那个自定形状工具。然后看向上方的工具选项栏,前面也说过,我们选择的每个工具都会有专属于它们那一类型的工具选项栏,在里面可以设置各种不一样的基本参数。颜色,描边,大小,还有最后面的选择图案等。

当然,除了在工具的选项栏里设置。也可以在工作区的任意区域点一下鼠标左键也可以设定数值大小,把选定的形状给直接创建出来。从中心这个选项勾选后,图形就会在工作区的中间位置生成。而保留比例就是根据你创建时的文档比例来创建,比如你创建的文档是2000:1000的,那么比例就是2:1。此时你设定一个数值,另外一个数值也会随之改变,最终固定在相同的比例。如2:1的话,宽设1000,那高就会自动变成500。

鼠标右键可以选择图案,图案很少的小伙伴们,在右上方的小齿轮点开后,点击追加各种ps自带的图案,记得是点击选择追加而不是替换。追加操作前面的课程有讲过,不知道的可以去翻翻。

了解完形状工具我们可以开始做案例了。选择好形状后在画面的左边点击鼠标拖动,拉出一个任意形状的形状图层。填充那里自己选个颜色,描边随便了,可选可不选,不想要描边就点一下描边的图案,找到一撇的那个选项,选择它图案就没有描边了。

做好一个图案后,我们切换到移动工具。在移动工具的状态下长按Alt加点击画面中左边的红心,鼠标的光标变成黑 白双箭头的标志后。往右拖动到合适的位置,然后松手就能复制出一个一模一样的图层,这是非常常用的复制操作,小伙伴们记一下。

我们看右边的图层边缩览图,一左一右两个红心。这里我栅格化了右边的形状图层。

ps图层的概念与技巧(ps的图层的种类附带小案例)(5)

栅格化图层

选择复制出来的形状图层右键鼠标点一下,出现的一排选项,先不管它们,我们先看红框那里。点击栅格化这个选项来栅格化复制的红心图层,就能把它变成普通的像素图层。此时我们就得到一个矢量的形状图层和普通图层了,而且内容上是完全一样的,非常方便对比。

ps图层的概念与技巧(ps的图层的种类附带小案例)(6)

自由变换

按Ctrl键 鼠标点击图层,把两个图层同时激活后,再按Ctrl T,或者编辑菜单栏点开,找到自由变换。如图,出现一个框,框的上下左右,左上,左下,右上,右下方都有一个小点,总计8个控制点,可以控制各个方向的真实放大和缩小,具体小伙伴们动手做一下就知道了。

ps图层的概念与技巧(ps的图层的种类附带小案例)(7)

缩小一下

我们点击右上方的控制点,把它往左下拖动,同时缩小两个图层。有的小伙伴要问了,这两个变小的图案,看上去都一样,这也没啥变化啊?不要急,我们先在上面点击勾号,或者点击回车键来确定变换。

ps图层的概念与技巧(ps的图层的种类附带小案例)(8)

缩小后再次放大

前面也说过,不是矢量,或者打上智能对象保护像素信息的话,那么通过变换缩小图案后,再放大就会丢失像素信息。如图,我们把它变换缩小,然后提交,再次放大时。能够看到右边被我们栅格化成的普通图层图案,会变得十分的模糊。而形状图层这个矢量的图案并没有任何像素信息丢失,依旧十分清晰。

ps图层的概念与技巧(ps的图层的种类附带小案例)(9)

提交后的效果

按回车再次确定变换后的效果,很明显右边的图案完全糊了。

所以在最后,跟小伙伴们讲一个必须记得的重点,这对你们以后使用ps会有很大的帮助。我们在制图之前一定要养成良好的习惯,对图片进行编辑时。能选择不对图片像素造成损伤的,就尽量选择那些不对图片造成损伤方式去操作,简单来说就是无损伤制图。在对图片进行调色,调整等那些会对图片的像素造成损伤的命令时,尽量全部选择调整图层来调节图片。而普通图层记得鼠标右键点击对应图层,把它转智能对象再变换图片的大小,后面随时可以栅格化回普通图层,保证图片的像素不会有一丝的丢失。

什么是矢量?打个比方:如果说一个像素图案是由几十个像素点进行排列拼凑,最终才能形成一个图案。那么对于矢量来说,仅需要几个数学意义上的点和它们之间所连成的线,它们组成的图案就能做到了。并且如上面的案例,不管是放很大来查看,它都没有像素那样的小格子,完全不用担心像素的丢失。无论将它如何变形,把图案整个变大或者缩小都不会造成任何损伤,同样清晰,这就是ps上的矢量概念。

关于做完后保存制作好的文件,如果是想随时返回修改就选psd,因为如果需要完整保留全部图层,通道,路径,透明等信息的话,psd文件格式就能做到,并且它还支持所有版本的ps。缺点是它会根据你编辑的内容和打开的图片,内存可能占的比较多。

然后就是平时发图用的图片,记得收尾时全部图层合并起来,再保存成JPG格式,不然它会以你编辑的操作最后那一步的状态来保存图片的,可能会有影响。JPG格式优点是发图传输快,图片的内存很小,缺点会有一部分细节被压缩掉。

只是想保存你抠好的内容,比如人物,人物以外的其它的背景内容通通不要,背景想保存成透明就行的话。我们可以只留下那个抠好的人物的图层,原图和其他的图层可以全部删掉,然后把它保存成PNG格式。因为PNG格式支持透明的背景,十分方便你下次打开和别的图片组合,比如放在海滩的背景图片上。就可以得到一张广阔的海滩一个人包场的图片了。如果你存成JPG格式,那么下次打开就会是抠图内容 白色背景,记得千万不要选错哦。占的内存根据图片内容的大小来决定,只是存图片,并且需要保留透明细节,选它准没错。

这节课就讲到这里,下节内容更精彩,感谢各位观众老爷们的观看~希望有帮到你们。谢谢大家的支持!

,