如何在 Photoshop 中用照片填充形状

在本教程中,我们将介绍如何在 Photoshop 中用图像填充形状。Adobe Photoshop 可以轻松地将任意照片放入任何形状内,无论是基本的矩形或圆形,还是复杂的自定义形状。在本教程中,我们将使用一个 Photoshop 自带的自定义形状,来展示如何使用图片填充形状。

我们首先看一下最终的效果图。Photoshop 中有许多形状可供选择,我们也可以创建自定义形状。学会了这一招,你就可以使用任意的图片来填充任何的形状了:

如何在 Photoshop 中用照片填充形状
最终的“形状中的图像”效果。

如何用照片填充形状

此版本的教程适用于Photoshop CC 2019 及更早版本。Photoshop 2020 和 2021的更新版本也可用。

步骤 1:创建新文档

我们首先创建一个新的文档。转到顶部菜单栏中的“文件”菜单,然后选择“新建”:

如何在 Photoshop 中用照片填充形状
转到文件和新建。

在本教程中,我们要创建一个2000 x 2000 的正方形文档,在如下所示的对话框中,将宽度和高度设置为2000 像素。将分辨率设置为72 像素/英寸,并将背景内容设置为白色。单击创建以创建新文档:

如何在 Photoshop 中用照片填充形状
Photoshop CC 中“新建文档”对话框中的“预设详细信息”面板。

第 2 步:选择自定义形状工具

在右侧工具栏中选择“自定义形状工具”。默认情况下,自定义形状工具隐藏在矩形工具后面。右键单击(Win) /按住 Control 单击(Mac) 矩形工具,然后从下拉菜单中选择自定义形状工具:

如何在 Photoshop 中用照片填充形状
从工具栏中选择自定义形状工具。

第 3 步:将工具模式设置为“形状”

我们可以在 Photoshop 中绘制三种不同类型的形状,分别为矢量形状、路径或基于像素的形状。在本教程中,我们选择绘制矢量形状。

Photoshop 将矢量形状简称为“形状”。选择自定义形状工具后,确保选项栏中的工具模式选项设置为“形状”:

如何在 Photoshop 中用照片填充形状
在选项栏中将工具模式设置为“形状”。

第 4 步:将形状颜色设置为黑色

刚才我们创建的是白色背景的文档,为了能看清形状,我们将形状填充颜​​色设置为黑色。

如何在 Photoshop 中用照片填充形状
选项栏中的填充色样。确保它设置为黑色。

第 5 步:加载自定义形状

Photoshop 提供了许多默认的自定义形状供我们选择。但默认情况下,只有少数加载到程序中。为了找到其余的,我们需要自己加载它们。

选项栏中的形状缩略图显示当前选择的形状。单击缩略图以选择不同的形状:

如何在 Photoshop 中用照片填充形状
单击选项栏中的形状缩略图。

这将进入自定义形状选择框,默认情况下只显示少数形状,如果要加载所有的系统自带的形状,可以按下面的操作进行。

单击自定义形状选择器右上角的菜单图标(齿轮图标):

如何在 Photoshop 中用照片填充形状
单击自定义形状选择器的菜单图标。

在弹出菜单的中间位置,有一个全部的选项,点选全部就可以加载所有系统自带形状了。

如何在 Photoshop 中用照片填充形状
将所有自定义形状集加载到 Photoshop 中。

Photoshop 会询问是否要用新形状替换当前形状,直接点击OK

如何在 Photoshop 中用照片填充形状
单击“确定”以用新形状替换当前形状。

第 6 步:选择自定义形状

回到自定义形状选择器,现在有了更多的形状可供选择。滚动缩略图,直到找到我们要使用的形状。在本教程中我们选择蝴蝶形状。双击蝴蝶形状缩略图,完成形状选择。

如何在 Photoshop 中用照片填充形状
选择蝴蝶自定义形状。

第 7 步:绘制形状

按住SHIFT键,拖动绘制蝴蝶形状,用黑色填充:

如何在 Photoshop 中用照片填充形状
当您释放鼠标按钮时,Photoshop 会绘制形状。

查看“图层”面板,我们会看到形状位于白色背景图层上方:

如何在 Photoshop 中用照片填充形状
“图层”面板显示背景图层上方的形状图层。

第 8 步:将形状移到中心

要将形状移动到文档的中心,请从工具栏中选择 Photoshop 的移动工具:

如何在 Photoshop 中用照片填充形状
选择移动工具。

然后,单击形状并将其拖到中心:

如何在 Photoshop 中用照片填充形状
单击形状并将其拖到中心

第 9 步:打开您的图像

打开要填充形状的图像:

如何在 Photoshop 中用照片填充形状
我将放置在形状内的图像。

步骤 10:选择并复制图像

接下来,我们要复制图像并将其粘贴到形状所在的文档中。转到屏幕顶部的选择菜单并选择全部。就会看到图像周围出现滚动的蚂蚁线。

如何在 Photoshop 中用照片填充形状
去选择>全部。

选择图像后,转到“编辑”菜单并选择“复制”

如何在 Photoshop 中用照片填充形状
去编辑>复制。

第 11 步:将图像粘贴到形状文档中

通过点击工作区域上方的选项卡,切换到形状所在的文档中:

如何在 Photoshop 中用照片填充形状
单击形状文档的选项卡。

然后,返回到编辑菜单,这次选择粘贴

从 Photoshop 的“编辑”菜单下选择“粘贴”命令。
去编辑>粘贴。

Photoshop 会将复制图像粘贴到文档中。这时,图像可能会完全挡住形状。而且图像可能会比我们的自定义形状打了很多。接下来的几个步骤会解决这两个问题:

如何在 Photoshop 中用照片填充形状
图像已粘贴到形状的文档中。

第 12 步:创建剪贴蒙版

查看图层面板,我们会看到 Photoshop 已将图像放置在形状图层上方的新图层上:

如何在 Photoshop 中用照片填充形状
“图层”面板显示形状上方的图像。

要将图像填充到形状内,我们需要做的就是创建一个剪贴蒙版。点击选择了图像层,右键点击缩略图右侧的灰色区域,选择“创建剪贴蒙版”:

如何在 Photoshop 中用照片填充形状
去图层>创建剪贴蒙版。

效果如下图所示,但是这时的效果可能不理想,我们想要展示的内容没有得到展示,我们需要调整一个图像的大小和位置:

如何在 Photoshop 中用照片填充形状
剪贴蒙版将图像放置在形状内。

第 13 步:使用自由变换调整图像大小和位置

要调整嵌入形状内的图像的大小和位置,再次选中图像所在图层,然后转到编辑菜单并选择自由变换

如何在 Photoshop 中用照片填充形状
去编辑>自由变换。

图像的周围会出现自由变换框和手柄(小方块)。如果由于图像太大无法看到图像周围自由变换框和手柄,请转到“视图”菜单并选择“适合屏幕”:

如何在 Photoshop 中用照片填充形状
转到“查看”>“适合屏幕”。

Photoshop 将自动调整缩放级别,以便可以看到整个自由变换框。

如何在 Photoshop 中用照片填充形状
自由变换框出现在整个图像周围。

要调整图像的大小,请按住 Shift 键并拖动手柄进行调整。拖动时按住 Shift 键,可在调整形状大小时锁定形状的原始纵横比。

如要图像在形状内的位置,请单击“自由变换”框内的任意位置并将图像拖动到合适位置。

在这里,我将右上角的手柄向内拖动,并且移动图像位置,以在蝴蝶形状内显示女孩的脸部:

如何在 Photoshop 中用照片填充形状
使用自由变换来调整和移动形状内的图像。

调整好后,按键盘上的Enter (Win) / Return (Mac) 提交更改并完成自由变换:

图像现在更适合形状。
图像现在更适合形状。

第 14 步:更改背景颜色

到此,我们想要的效果已经基本完成了。为了整体效果更好,我们改变一下背景的颜色。

要更改背景颜色,我们首先选中背景图层:

如何在 Photoshop 中用照片填充形状
选择背景图层

然后,单击图层面板底部图标新建一个调整图层:

如何在 Photoshop 中用照片填充形状
单击新建调整图层图标。

从列表顶部选择纯色

如何在 Photoshop 中用照片填充形状
添加纯色填充图层。

Photoshop 会弹出颜色选择器,我们可以在其中选择任意的颜色。我们可以先选择黑色来试试效果:

如何在 Photoshop 中用照片填充形状
从拾色器中选择黑色。

背景为黑色的效果图:

如何在 Photoshop 中用照片填充形状
将背景颜色更改为黑色后的结果。

我们可以不断的调整背景色,以达到最好的效果。一般情况下,我们可以从形状内部的图像中采样颜色,这样的效果通常更好。

将鼠标光标移到要采样的颜色上,光标将暂时切换为吸管工具,我们点击女孩的前额的浅肤色进行采样:

如何在 Photoshop 中用照片填充形状
采样用于背景的颜色。

可以观察一下效果,如果效果还可以,我们就电机“确定”按钮,关闭颜色选择器:

如何在 Photoshop 中用照片填充形状
采样颜色现在是背景颜色。

第 15 步:添加笔划

最后,我们在形状周围添加描边的效果。单击“图层”面板中的“形状”图层将其选中:

如何在 Photoshop 中用照片填充形状
选择形状图层。

然后,单击图层面板底部的图层样式图标(“ fx ”图标):

如何在 Photoshop 中用照片填充形状
单击图层样式图标。

从列表中选择描边:

如何在 Photoshop 中用照片填充形状
选择描边图层样式。

在打开的 Photoshop 的图层样式对话框中,选择描边选项。然后更改描边颜色:

如何在 Photoshop 中用照片填充形状
单击色样。

这将再次打开拾色器。这里选择白色作为描边颜色,然后单击确定关闭颜色选择器:

如何在 Photoshop 中用照片填充形状
从颜色选择器中选择白色。

回到图层样式对话框,在结构设置区域内有一个位置选项,我们选择“外部”。然后,调整大小值以调整描边的粗细,我们将大小设置为12 px:

如何在 Photoshop 中用照片填充形状
将位置设置为外部并将大小设置为 12 像素。

单击确定关闭图层样式对话框。下面就是我们最终的效果啦,怎么样,是不是很漂亮!

如何在 Photoshop 中用照片填充形状
最后的结果。

原创文章,作者:牛奇网,如若转载,请注明出处:https://www.niuqi360.com/adobe-photoshop/photoshop-fill-shape-with-picture/

发表评论

登录后才能评论