PS基础(1)

开始第一个项目,认识图层、选区和部分简单的工具

1

创建第一个项目

创建新项目

启动PS,先点击“新文件”,之后会弹出“新建文档”窗口

在窗口中选择新文件的配置。这里我们主要关注画布的宽高,这决定了我们最后导出的图片的尺寸

可以通过直接选择预设好的配置,也可以在右侧自定义宽高

(下面示例的第一个项目设置了500x500)

文档配置界面

基本界面

设定好项目配置后点击创建,随后进入正式的工作界面。如下图,其中中心这块白色就是我们的500x500画布(最后导出时不会包括画布之外的内容)

(如果出现青色的参考线,点击上方“视图”->“参考线”->“清除参考线”,即可清除)

创建好的初始界面(tips:创建好之后如果还想更改画布大小:右上角“图像”->“画布大小”)

从小x书某博主偷(划掉)来的理解

查看和视图

滚轮:上下移动画布

Ctrl+滚轮:左右移动画布

Alt+滚轮:缩放画布

点击放大视频

点击缩小视频

抓手工具:自由移动画布

旋转视图工具:旋转画布

缩放工具:放大和缩小画布。左键放大,Alt+左键缩小

点击放大视频

点击缩小视频

2

认识图层

置入外部图片

置入嵌入对象(比如外部的图片),用人话说就是把外部的素材复制一份弄进刚刚创建的PS项目里

点击左上方“文件”,在弹出的下拉选项栏中找到“置入嵌入对象”,点击后在弹出的窗口选择你要置入的图片

“文件”->“置入嵌入对象”->选择文件->置入

另一种基本等价但更简单的方法:直接把图片从外面拖进PS工作区

非常人性化😋

自由变换

我们置入图片后,图片将会变成一个图层(见右下角),并且这个图层自动进入“自由变换”状态

下面的视频展示了自由变换下图片的缩放。注意缩放时可以在上工具栏属性中锁定图层的宽高比,从而实现等比缩放

点击放大视频

点击缩小视频

图层移动,不按比例和锁定比例的缩放

当鼠标靠近蓝边时,出现左边直的双箭头时(按住左键拖动)是拉伸,右边的弯曲双箭头是旋转

左:缩放 右:旋转

右击图层,在弹出的下拉菜单中可以切换“自由变换”的模式:斜切、透视、扭曲等。其他180°旋转水平翻转这些选项就是字面意思,可以自己探索

调整好图片之后,在右键下拉菜单中点“置入”,即可退出自由变换模式(或者等价操作直接回车Enter,少点两次鼠标)

要想再次进入自由变换模式,可以使用快捷键Ctrl+T(助记:Transform)

右键下拉菜单

图层覆盖关系

如图,右下角的“图层”显示了项目包含的所有图层,当前选中的图层有高亮提示

置入外部图片时,最后置入的图片通常在当前选中图层的上方。没有严格顺序的随意置入可能会导致图层覆盖顺序混乱

先置入了两个emoji,接着置入猫meme,结果猫盖住了前两者

单个图层旁边有一个眼睛形状的按钮,点击它可以隐藏或显示图层。隐藏猫图层,可以看见下面被覆盖的的emoji图层

通过在图层窗口拖动图层来调整图层的覆盖顺序,注意蓝色框出来的目标位置提示

调整图层顺序,利用自由变换调整好后,你就得到了一个本质上只是在叠加多张图片的简单表情包

点击右上角“文件”,在下拉菜单中选择“导出”->“快速导出为png”,即可将当前画布可见的内容导出为png(所见即所得,如果图层被隐藏则不会被导出)

YOU!

3

部分基本工具

下面进入第二个项目的制作。重新新建一个项目:点击右上角“文件”->“新建”,选择预设1920x1080

形状工具

顾名思义,形状工具就是一个可以创建几何形状的工具,下面介绍它最简单的一个使用方法

形状工具

首先,点击工具栏的形状工具,然后配置上方的工具栏属性

设置工具栏属性

设置好工具栏属性,形状工具使用时就会创建出一个对应属性的形状

例如选择了矩形工具,设置了填充为红色,描边为透明,那么这时使用工具就会创建一个实心的无描边红色矩形

创建形状,形状图层的属性和工具栏属性相同

简单图层操作

接着调整形状图层的属性。选中图层,在上方属性窗口可以看见图层的属性选项,这里我们设置H=216,W=400,X=0,Y=0

调整图层属性

下面要创建多个相同的形状图层

为了不再重复上面的步骤,我们可以复制图层:在图层窗口右击想要复制的图层,在弹出的菜单中选择复制图层

或者直接选中图层,使用快捷键Ctrl+J

又要按两下鼠标

快捷键就是爽

提升使用效率的tips:学会给图层分组!

我们上面复制了一堆图层,建议分组打包起来管理。

对于同一类的图层(大家都懒得命名,不分组谁知道矩形1 拷贝 23是谁啊),分组才不会不混淆,特别是以后几十上百个图层的时候

先多选多个图层,再点下面文件夹图标,接着这些图层就会全部收进同一个组

剩下来的操作基本如法炮制:先创建一个形状,调整好属性,然后Ctrl+J复制,再调整复制出来的形状的属性

最后实现下面的效果:五个不同颜色的矩形被黑色线条分割,右侧的白色背景被换成灰色

参考的属性参数:水平黑色线段:1920x6的黑色矩形,坐标:(0,-3+216*n);垂直黑色线段:6x1080,坐标:(400,0);灰色背景:1920x1080的灰色矩形,图层置于最下方

最后的效果,图层分组

文字工具

文字工具创建文字图层的逻辑和上面介绍的形状工具创建形状图层的逻辑差不多

先设置工具栏属性,创建好文字图层后,自行输入文字,点击空白区域退出输入状态即可

文字工具属性栏

移动工具

很简单,就是用来移动图层的位置。切换到移动工具,选中要移动的图层然后鼠标在工作区上拖动某一个图层即可,另外可以通过方向键逐个像素微调

不同于自由变换Ctrl+T时的移动,移动工具(自动选择开)用鼠标只能移动那些最顶层露出来的图层

而自由变换选到谁就只针对谁,即使自由变换的对象被盖住了,也能通过拖动移动。想要实现更精细的移动,建议还是使用自由变换或者修改坐标

移动工具

再加上emoji排名,最终效果如下

由夯到拉🤓☝️

裁切工具和画布大小

假如我们希望缩小画布大小,我们可以使用裁切工具

裁切工具,剪掉一部分画布

要更改画布大小(可以放大可以缩小),还可以通过右上角“图像”->“画布大小”更改

画布大小选项

下面的视频展示了重新设置画布大小的收缩和伸展逻辑,通过选择九宫格其中一格,设定原来的图像向什么方向收缩/伸展

裁剪时,选择九宫格的左上角,则缩小的画布将会裁剪下侧和右侧的内容,尽可能保留原来左上角的内容

拓展时,选择九宫格的右下角,则拓展的画布将会拼接在画布的上侧和左侧,原来的内容相对地留在右下角

点击放大视频

点击缩小视频

希望你能看懂吧

4

选区和抠像

选区是一个非常重要的概念,简单来说,选区就是一个在画布上的区域,帮助你选取当前选中图层上面的像素

选区的一个最重要的作用就是抠图。抠图本质上就是选出图片中那些你想要的像素,把它们单独拎出来,选区就是干这个的

矩形选框工具

顾名思义,矩形选框可以很方便地创建一个矩形的选区。选区范围由虚线边框表示

虚线框住的选区,右键菜单

如下图,创建好选区之后,右击选区内的区域,在弹出的菜单中可以见到“通过拷贝的图层”“通过剪切的图层”

“拷贝”:将选区内的像素复制一份成为新图层,原来的图层不变

“剪切”:仍然将选区内的像素拎出来成为新图层,但是原来的图层将被抠除这部分

上图为剪切的情况,若为拷贝则原图层不变

钢笔工具建立选区

钢笔工具的应用场景很多,这里介绍用它建立简单选区的用法

点击右上角的”文件“->”打开“,直接打开一张外部图片。这样直接创建了一个项目:这个项目的画布大小就是这个图片的大小;只有一个图层,就是这个图片的图层

如下图,找到钢笔工具,在上方工具栏属性处选择“路径”模式

钢笔工具

下面的视频展示了如何用钢笔工具创建选区。

简单来说,就是用钢笔工具左键创建一个个锚点。锚点之间会以直线相连,最后一个锚点和第一个相连后路径闭合,得到框住我们需要抠图的区域的闭合路径

得到闭合路径,创建选区就很容易了。右键在弹出的菜单中选择“建立选区”

点击放大视频

点击缩小视频

沿着边缘不断创建锚点得到的路径,再根据路径创建选区

建立选区之后,需要切换到“矩形选框工具”后,再右键,选择“通过拷贝的图层”,这样你就抠出了刚才钢笔工具路径框选出的区域

点击放大视频

点击缩小视频

好书,兄弟,好书

色彩范围选区

下面介绍另外一种创建选区抠图的方法——色彩范围选择

如下图,点击上方“选择”->“色彩范围”,弹出“色彩选择”窗口后,在工作区吸取背景色(鼠标变成一个小吸管)

“选择”->“色彩范围”

鼠标变成小吸管

然后在“色彩选择”窗口中调整颜色容差大小,直到下面的黑白轮廓变得清晰(这表示你要抠出的主题和背景很好地分离开了)

点击确定,这时你得到了选出背景的选区。但我们需要抠出主体,所以还要右击选区,点击反向选择,此时才得到与背景分离的主体的选区

接着如法炮制,切换到“矩形选框工具”后,再右键,选择“通过拷贝的图层”,你就得到了抠出来的图层

点击放大视频

点击缩小视频

应用:透视遮挡

我们在上面的操作中分别在两个不同的直接打开的图片项目中得到了一本书和一支笔的图层,现在我们希望它们能同时应用到同一个项目中

选中抠出的图层,Ctrl+C复制,接着切换到目标的项目中,Ctrl+V粘贴。这样我们就将其他项目的图层放进来了

点击放大视频

点击缩小视频

项目之间的复制迁移操作

接着我们实现手抓住物品的遮挡透视感觉

用钢笔工具抠出部分的手,单独拷贝一份图层。然后将书置于这个图层和原来猫的图层之间,这样就显出书被两者夹住的感觉

点击放大视频

点击缩小视频

对另一只手如法炮制,可得最终成果

口瓜,我不要写高数口牙