在Photoshop中制作一个超现实的3D室外房间场景

Trevin是WebFX的业务发展高级总监。他参与了450多个营销活动,并建立了20多年的网站。他的作品曾被《搜索引擎》、《今日美国》、《快公司》和《Inc.》刊登。

预览

这是我们将要创建的场景。单击图像中的a全尺寸视图预览

资源

  • 黄花田由333half-evil-stock(免版税许可)
  • 025年场作者:Julia Starr(免版税许可)
  • Floor by Photodream stock(免版税许可)
  • 画家作者:Michael Vincent Manalo(免版税许可)
  • Wojciech Sadlej的Paper Texture 1(免版税许可)
  • 纹理作者:yawee(免版税许可)

步骤1:创建一个新文件

我们的场景将是大规模和高分辨率的。

首先,用这些设置创建一个新文件:

  • 宽度:3000像素
  • 高度3000px
  • 分辨率:300dpi
  • 颜色模式:RGB颜色- 8位
  • 背景内容:透明

创建一个新文件

第二步:替换壁纸上的天空

首先,让我们打开黄花田在Photoshop中储存。我们将使用它来创建房间的墙壁,因此将其转移到3000×3000画布上。点击我们的图片,按V激活我们的移动工具(V),然后把图片拖到画布上。

替换壁纸上的天空我们需要去掉这片黄色花田中的天空,用其他的东西来代替,因为它是阴天,所以它与我们打算制作的充满活力的场景不匹配。要做到这一点,我们将使用套索工具(L)。按住工具面板中套索工具图标上的鼠标左键足够长的时间,三个套索工具变化将出现在侧面。

选择磁性套索工具,左键单击地平线下降的部分,并将其拖动到边缘。你会注意到磁性套索工具粘在前景上,并自动选择我们想要删除的区域。现在选区已经创建好了,点击Delete将天空从图片中删除。

替换壁纸上的天空我们将把黄花场中被删除的天空替换为025年场股票的形象。打开“Field 025”并按C从图像中裁剪天空。一旦你从图像中裁剪了天空,按V激活移动工具并将天空转移到我们的主画布上。

将我们的新天空图层放置在黄色花域图层的下面,并将其放置在我们第一张图片的顶部。替换壁纸上的天空请注意,现场有一个区域锯齿状和粗糙的边缘,这是使用磁性套索工具删除该区域的结果。让我们试着平滑这些区域。

激活您的橡皮擦工具(E),并设置其选项值如下:

  • 刷主直径:125
  • 硬度:0%
  • 透明度:100%
  • 流:100%

注意:如果你很难找到它,硬度选项位于笔刷尖端下拉菜单,旁边你设置画笔主直径选项。替换壁纸上的天空在下图所示的区域使用橡皮擦工具。替换壁纸上的天空现在我们需要使图像变平并创建一个新的画布。

要使图像变平,右键单击任何图层,然后选择平整图像

步骤3:设置创建墙壁的工作空间

在这一步,我们将创建一个新的画布的墙壁和地板的组成。创建一个与原始画布相同尺寸的新画布(参考步骤1)。

我们将把房间的三面墙一块一块地移动到新的画布上,作为单独的图层,这样我们就可以单独地对它们进行拍照操作。为了帮助我们准确地定位我们的元素,激活你的标尺按Ctrl/Cmd + R或进入视图>标尺,并确保标尺被选中。同样,打开导航面板(窗口>导航器)并将其设置为15%,以将标尺的单位增量设置为1。

步骤4:创建左边的墙

为了转移图像的碎片,我们需要精确地选择它们并从之前的画布复制它们。激活矩形选框工具(M),将鼠标光标置于标尺(画布左上角)的0位置,然后拖动到点3。这是左边的墙。创建左边的墙用移动工具(V)将选中的区域拖到我们的新画布上。接下来,我们需要变换墙壁,从观察者的角度来看,给它一个好的视角。

按Ctrl/Cmd + T激活自由变换命令。左键单击画布,并从出现的上下文菜单中选择Perspective。变换控件将出现在图像周围的6个点上-我们只需要拉其中一个。

向上拉右下角的变换控件来调整透视。完成后,按Enter接受转换。创建左边的墙

第五步:制作中间的墙

点击我们的旧画布,使用矩形选框工具选择标尺3到7的区域。

这是中间的墙。创建中心墙一旦完成,使用移动工具(V)将该区域拖动到我们的新画布上,并将其与已经在画布中的左墙对齐。创建中心墙

第六步:制作合适的墙

要完成房间的墙壁,将最后一块从旧画布转移到新画布上(右墙)。

再次使用矩形选框工具,选择标尺上从7点到10点的区域,使用移动工具将其拖动到我们的新画布上,然后与其余的墙壁对齐,就像前面的步骤一样。我们还需要转换这面墙的透视图,使用perspective命令使用与右墙相同的方法。但是,这一次,单击右下角的框并将其拖到左侧区域的水平。

创建合适的墙现在,通过在图层面板中右键单击其中一个,然后选择合并所有三个墙壁图层合并可见图层

第七步:爬墙

我们需要使用自由变换命令(Ctrl/Cmd + T)来调整房间墙壁的大小,给地板更多的空间。攀爬墙壁一旦你缩放了墙壁,只需按Enter键应用转换。

第八步:添加房间的地板

现在是时候将地板整合到我们的3D房间中了。第一步是在Photoshop中打开地板的图片。把它拖到新的画布上,并把它放在墙壁下面。

我们需要变换它以适合我们的图像,并使用自由变换命令使它看起来真实。添加房间的地板

第九步:将地板和墙壁的接缝与隔墙混合

我们需要使墙壁和地板相遇的区域混合,否则我们的作品看起来就不自然了。我们将通过在墙的连接点上添加一个隔板来做到这一点,这将有助于创造一种错觉,即天空和田野是我们三维房间的壁纸。

首先创建一个新图层(Ctrl/Cmd + Shift + N)。然后,我们将使用直线工具(U)创建分区。把地板和墙壁的接缝与隔板混合在一起设置直线工具的颜色为黑色(#000000),然后画一个矩形,使用标尺作为参考。

矩形的宽度应为5英寸,高度为0.4英寸。你可以把它画在画布的左上角,这样更容易画得准确,因为我们可以随时使用移动工具来定位我们的形状到适当的位置。按住Shift键可以使线条保持直角。

把地板和墙壁的接缝与隔板混合在一起随着矩形的创建,将其移动到墙壁和地板的交汇处。矩形定位后,我们将扭曲它,使其对齐正确。激活自由变换命令(Ctrl/Cmd + T),右键单击矩形,然后选择扭曲

把地板和墙壁的接缝与隔板混合在一起把地板和墙壁的接缝与隔板混合在一起如果你注意到,这个矩形没有被很好地放置,所以我们需要继续扭曲它。把地板和墙壁的接缝与隔板混合在一起让我们复制这个矩形,并把它放在3D房间的另一边(右边)。按Ctrl/Cmd复制扭曲的矩形图层。

复制完成后,激活自由变换命令,右键单击画布上的形状,然后点击水平翻转。使用移动工具(V)将形状移动到房间的另一边。如果你愿意,你可以栅格化这两个矩形——右键单击它们的图层并选择栅格化图层

请注意,地板没有与复制的矩形对齐——我们需要修复它。使用歪斜变换命令按Ctrl/Cmd + T,右键单击扭曲的矩形,然后从出现的上下文菜单中选择歪斜。确保它与复制它的图像对齐。

把地板和墙壁的接缝与隔板混合在一起在倾斜之后,您将看到在重复的矩形和字段之间可以看到一小部分地板。为了解决这个问题,我们将依靠克隆图章工具(S)。通过按S激活克隆图章工具,然后在图层面板中单击我们的墙壁图像以确保我们在正确的图层上,然后Alt/Option +左键单击我们打算克隆的区域来设置克隆图章的参考点。

定位您想要克隆的区域后,将其应用于我们的目标区域。把地板和墙壁的接缝与隔板混合在一起创建另一个图层来放置我们的新矩形。新矩形应该放在我们的块的中间,在左矩形和右矩形之间。

把地板和墙壁的接缝与隔板混合在一起我建议栅格化中心矩形的图层。

第十步:给地板上色

地板是用木头做的,所以让我们改变它的颜色,这样它就能更好地融入我们的场景。点击地板的图层,点击图像>调整>色彩平衡。

在“色彩平衡”对话框窗口中,将“色调平衡”设置为“中色调”。对于颜色值使用:+14,-17和-64。观察色彩平衡校正后,地板现在已经从浅灰色变成了棕色。我们继续通过降低地板的亮度来改善地板的颜色。点击地板的图层,点击图像>调整>亮度/对比度,将亮度选项的值设置为-60左右。

步骤11:手动调整地板

之后,在地板的图层上创建一个新图层。使用画笔工具(B)和以下选项值手动校正地板的部分:

  • 主直径:600
  • 模式:正常
  • 透明度:20%
  • 流:100%

使用下面的参考图片,看看你应该在哪里应用你的笔触。手动调整地板

第十二步:调整地板的颜色对比

接下来,让我们调整对比度来改善地板的外观。

在图层面板中,点击创建一个新的填充或调整层按钮,然后选择渐变映射调整地板的颜色对比使用黑色、白色渐变预设的渐变地图。创建渐变贴图后,在图层面板中双击它的图层,将其不透明度更改为100%。

然后将图层的混合模式改为Luminosity。调整地板的颜色对比

步骤13:在墙壁和地板上创建灯光和阴影

现在我们将应用一些光线和阴影来给它一个有维度的错觉。在所有图层的顶部创建一个新图层。

我们将用笔刷工具手动绘制这些光线和阴影。按B键激活画笔工具,并将其值设置如下:

  • 刷主直径:900
  • 硬度:0%
  • 透明度:20%
  • 流:100%

绘制如下图所示的阴影。在墙壁和地板上创造光线和阴影创建另一个图层,并确保笔刷值仍然相同。

绘制更多的阴影,如下图所示:在墙壁和地板上创造光线和阴影此时,阴影可能看起来太暗太突出,所以将图层的不透明度降低到70%左右。在墙壁和地板上创造光线和阴影注意,我们的分区顶部的区域太亮了,所以让我们通过在上面刷一些阴影来降低亮度。创建一个新图层;再次激活画笔工具,并将其设置更改为以下值:

  • 刷主直径:400
  • 硬度:0%
  • 透明度:15%
  • 流:100%

在参考下图所示的区域上刷。

在墙壁和地板上创造光线和阴影现在完成了,让我们退后一步,通过创建一个组来组织我们的Photoshop文档,图层>新建>组。您也可以通过单击创建新组按钮,它由一个文件夹图标表示。将这一组命名为“房间”或其他直观的名称。

选择“room”组下的所有图层,并将它们拖动到组内。

步骤14:将画家插入图片中

是时候将我们的画家纳入场景了。打开我们的画家照片在Photoshop中。

使用多边形套索工具(L)和沿着画家的身体跟踪将他从背景中分离出来。我推荐使用多边形套索工具,因为它比磁性套索工具更精确,尽管使用它有点费力。磁性套索工具有时会被图像的某些部分混淆,使套索选择不精确。

隔离画家后,使用移动工具(V)将其拖动到主画布上,将其定位在我们作品的合适部分。切换到自由变换模式(Ctrl/Cmd + T),调整画家的大小。将画家插入画面

步骤15:给画家准确的阴影和高光

现在让我们给画家添加一些阴影和光线,让他看起来就像真的在房间里一样。

为此,我们将使用减淡工具/加深工具(O)。在选项栏上,将工具的设置调整为以下值:

  • 刷主直径:125
  • 范围:中间调
  • 曝光:15%

给画家准确的阴影和高光在我们的画家上应用减淡工具和加深工具,如下所示。给画家准确的阴影和高光给画家准确的阴影和高光现在在房间的户外壁纸上添加阴影,画家正在那里工作,使它看起来像他正在投射阴影。

创建一个新图层,命名为shadow of painter,使我们的工作更有条理。把这个图层放在画家的图层下面。激活画笔工具(B),并使用以下选项值:

  • 刷主直径:200
  • 硬度:0%
  • 透明度:25%
  • 流:100%

请看下图中我们需要使用画笔的区域。

确保在新创建的图层中绘制,该图层位于画家的下方。给画家准确的阴影和高光给画家准确的阴影和高光画家画出的阴影,目前还需要更多的工作。创建一个新图层,命名为shadow of painter part two或类似的名称。

把它放在“shadow of painter”图层下面。参考下面的图片,可视化地应用你的笔触。给画家准确的阴影和高光给画家准确的阴影和高光

步骤16:在梯子上添加阴影

为了使画家所在的梯子看起来真实,让我们给它添加一些阴影。

创建新图层,命名为ladder shadow1。使用画笔工具(B)添加阴影,使用画笔工具的这些值:

  • 刷主直径:80
  • 硬度:0%
  • 透明度:50%
  • 流:100%

要刷的区域见下图:给梯子添加阴影

步骤17:调整梯子的颜色

注意梯子太白了。我们应该降低它的亮度,因为它太突出,会分散观众对整个场景的注意力。点击画家的图层,然后从菜单中,选择图像>调整>选择颜色。

这将允许我们只调整白色。在选择颜色对话框窗口中,选择白色选项并使用这些选项值:

  • 青色:0
  • 红色:0
  • 黄色:0
  • 黑色:+ 30
  • 方法:绝对

应用这个图像调整将改变梯子的颜色为灰色。调整梯子的颜色

步骤18:在梯子上创建更多的阴影

我们新建一个图层,命名为ladder shadow2,为梯子添加更多的阴影。

使用笔刷工具(B),设置以下数值来绘制阴影:

  • 刷主直径:25
  • 硬度:0%
  • 透明度:35%
  • 流:100%

请参阅下面的参考图片,了解应该应用画笔的区域。在梯子上创建更多的阴影在梯子上创建更多的阴影现在让我们把这些图层分组,你可以把这个组命名为“painter and ladder”。

步骤19:创建小装饰

让我们创建一个小插图来进一步增强观看者对图像的看法。为此,我们需要创建一个新的画布(文件>新建或按Ctrl/Cmd + N)。使用与步骤1相同的设置,但确保背景内容选项设置为白色。

一旦新文档已经创建,点击滤镜>扭曲>镜头校正。找到Vignette部分并使用这些设置:

  • 装饰物数量:-100
  • 中点:+ 50

创建小插图将这个小插图图层拖到我们的主画布中,确保它位于我们目前所有图层的顶部。然后设置图层的混合模式为正片叠底,图层不透明度为35%。

你可以根据自己的喜好调整不透明度,但我发现35%是最合适的。

步骤20:给图片添加纹理

为了给图像一个独特的,颗粒状的外观和感觉,让我们添加一些纹理。下载并打开纹理库存照片(在参考资料部分列出)或任何您喜欢的纹理(参见设计指导免费赠品节,用于自由纹理文件数组)。

为图像添加纹理将纹理放在画布上,并使用自由变换命令(Ctrl/Cmd + T)调整其大小以适合画布。为图像添加纹理将纹理层的混合模式更改为柔光,并将图层不透明度降低到20%。您将看到这个简单的步骤在我们的作品中导致了剧烈的情绪变化,但我们还没有完成。

按Ctrl/Cmd + J复制纹理层,然后使用橡皮擦工具(E)删除某些部分,如下图所示:为图像添加纹理将复制图层的混合模式设置为柔光,不透明度设置为70%左右。为图像添加纹理让我们应用另一个纹理-这次我们将使用纸纹理1。同样,把这个纹理放到合成中,用自由变换命令调整它的大小。然后,将纹理设置好,将其混合模式值设置为叠加,并将其不透明度降低到8%左右(我们希望这是非常微妙的)。通过将所有纹理层分组在一个组“textures”中来保持你的组织。

步骤21:应用(大量)图像调整

在这一步中,我们将润饰我们的场景,以增强其颜色和整体外观。

纯色调整图层

首先,让我们改变它的颜色。单击创建新的填充或调整层按钮,然后选择纯色

填充层使用深蓝色(#000218)。纯色调整图层应用填充层后,将其混合模式设置为排除,图层不透明度降低到60%。

渐变地图调整层

接下来,创建一个渐变贴图调整图层创建新的填充或调整层按钮一次。

设置这个调整层的混合模式为亮度,不透明度为100%。

曲线调整层

现在让我们增强图像的白平衡。点击创建新的填充或调整层再次点击并选择曲线

点击灰点滴管,从我们合成中的一个位置采样,如下所示,设置曲线调整层的灰点。曲线调整层曲线调整层

照片滤镜调整层

点击创建新的填充或调整层再次点击并选择照片过滤。我们将减少图像的淡黄色。

当照片过滤器对话框窗口打开时,单击过滤器选项下拉菜单并选择深蓝过滤器。同样,使用默认的密度值,即25%。之后,降低照片滤镜调整层的不透明度为50%。

照片滤镜调整层

色阶调整图层

接下来,我们将使用一个色阶调整层。点击创建新的填充或调整层再次点击并选择水平给我们的作品的浅色部分一个稍微暗的色调。在关卡选项对话框窗口中,单击通道下拉菜单展开选项。

默认值是RGB,但将其更改为红色(Alt/Option + 3),然后分别为阴影,中调和高亮输入这些值:15,1.00,255。不要关闭关卡对话框窗口,因为我们还需要修改蓝色通道。再次点击下拉菜单并选择蓝色通道(Alt/Option + 5)。然后使用这些值作为输入电平:15,1.00,255。

亮度/对比度调整层

之后,我们将降低场景的亮度。点击创建新的填充或调整图层按钮并选择亮度/对比度。亮度和对比度都使用1。

接下来,我们需要执行一些色彩平衡,通过减少它的黄色色调,使它更赏心悦目。点击创建新的填充或调整层按下并选择色彩平衡。使用以下选项设置:

  • 颜色级别:- 7,7,7
  • 音调平衡:中音
  • 选中“保持亮度”框

这应该使我们的构图的颜色均匀,使它们更加和谐。

亮度/对比度调整层

让我们增加一点饱和度的合成,使图像更生动。你猜对了:点击创建新的填充或调整层并选择色相/饱和度。使用这些选项值:

  • 编辑:主
  • 色调:0
  • 饱和度:5
  • 明度:0

这将为我们的场景增加更多的色彩。

另一个照片滤镜调整层

创建另一个照片滤镜调整层,选择温暖滤镜(81)照片滤镜预设,给作品一个温暖的色调。确保密度为25%,并勾选保留亮度选项。降低新照片滤镜调整层的不透明度为70%。

步骤22:在墙上添加更多的阴影

对于最后的(重新)触摸,让我们给墙壁添加更多的阴影。创建一个新图层,再次激活画笔工具(B)。设置笔刷选项值为:

  • 刷主直径:400
  • 硬度:0%
  • 透明度:10
  • 流:100%

参考下面的图片,看看在哪里应用画笔。

给墙壁添加更多的阴影

步骤23:添加最后一个调整图层(曲线)

然后添加一个曲线调整图层。添加最后一个调整图层(曲线)通过将我们刚刚完成的所有调整图层分组在一个名为“调整”的组中来保持文档的组织。

使用智能锐化滤镜

如果你还没有将Photoshop文档保存为PSD文件,这是一个很好的地方。让我们锐化图像。点击滤镜>锐化>智能锐化,并使用这些值:

  • 量:125%
  • 半径:1.0
  • 移除:高斯模糊
  • 选中“更准确”选项

步骤25:保存你的工作

在你完成锐化后,你可以通过右键单击任何图层并选择来平坦图像平整图像

在此之前,您可能希望首先将其保存为TIFF(可以由许多类型的图形编辑器打开)或PSD文件,这将允许您在不降低其质量的情况下修改您的工作。此外,您还可以通过直方图查看图像中的裂缝。作为最终产品,将图像保存为JPG文件。

结论

在这个照片处理教程中,我们使用了很多Photoshop技术和方法来使用各种库存图像组成一个场景。我们利用不同的自由变换命令,如透视、扭曲和倾斜来创建室外3D房间的墙壁。我们使用了一些经过验证的专家技术,通过使用减淡工具和加深工具将画家逼真地融入场景中。

我们创建了一个小插图,添加了一些纹理,并使用了大量的图层调整,使我们的场景看起来更有吸引力和艺术感。我希望你发现一些漂亮的技术,你可以纳入自己的ps图象处理软件的方法。如果你有问题和建议,请不要犹豫,留下评论。

不要忘记展示您自己版本的本教程设计指导Flickr组池预览

下载源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识并成长为个人。

我们招聘! 视图30 +职位空缺!