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

预览

下面是我们要创建的场景。点击图片全尺寸视图

预览

资源

  • 黄花田by 3333half evil-stock(免版税许可证)
  • 025年场作者:Julia Starr(免版税许可)
  • 地板由Photodream库存(免版税许可)
  • 画家作者:Michael Vincent Manalo(免版税许可)
  • 纸纹理1作者:Wojciech Sadlej(免版税许可)
  • 纹理by yawee(免版税许可)

步骤1:创建一个新文件

我们的场景将是大规模和高分辨率的。首先,用这些设置创建一个新文件:

  • 宽度:3000像素
  • 高度3000px
  • 分辨率:300 dpi
  • 颜色模式:RGB Color - 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。这是左边的墙。

创建左边的墙

用移动工具将选定的区域拖动到我们的新画布上。

接下来,我们需要改变墙壁,从观众的角度给它一个良好的视角。按Ctrl/Cmd + T激活自由变换命令。在画布上左键单击,并从出现的上下文菜单中选择Perspective。

变换控件将出现在图像周围的6个点上——我们只需要拉其中一个。向上拉动右下角的变换控件来调整视角。完成之后,按Enter接受转换。

创建左边的墙

步骤5:创建中心墙

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

这是中间的墙。

创建中心墙

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

创建中心墙

步骤6:创建正确的墙壁

为了完成房间的墙壁,将旧画布上的最后一块画布转移到新画布上(右侧的墙壁)。再次使用矩形选框工具,在标尺上选择从点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%

使用下面的参考图片,看看你应该在哪里应用你的笔触。

手动调整地板

步骤12:调整地板的颜色对比

接下来,让我们调整对比度来改善地板的外观。在图层面板中,单击创建一个新的填充或调整层按钮,然后选择渐变映射

调整地板的颜色对比

使用黑色、白色渐变贴图的渐变预设。

创建渐变贴图后,在图层面板中双击该图层,并将其不透明度更改为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”或其他类似的东西。

把它放在“阴影画师”图层下。

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

给画家准确的阴影和高光

给画家准确的阴影和高光

步骤16:给梯子添加阴影

为了使画家在梯子上看起来真实,让我们添加一些阴影。创建一个新图层ladder shadow1。

使用画笔工具(B)添加阴影,使用画笔工具的这些值:

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

要刷的区域见下图:

给梯子添加阴影

步骤17:调整梯子的颜色

注意梯子太白了。我们应该降低它的亮度,因为它太突出了,会分散观众对整个场景的注意力。

点击画师的图层,然后从菜单中,选择图像>调整>选择颜色。这将允许我们只调整白色。在“选择颜色”对话框窗口中,选择“白色”选项并利用这些选项值:

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

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

调整梯子的颜色

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

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

使用画笔工具(B)和以下值绘制阴影:

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

请参阅下面的参考图像,以了解画笔应该应用到的区域。

在梯子上创造更多的阴影

在梯子上创造更多的阴影

现在让我们把所有这些图层组织起来,你可以称这个组为“油漆工和梯子”。

步骤19:创建小插图

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

一旦新文档创建完成,转到滤镜>扭曲>镜头校正。

找到Vignette部分并使用这些设置:

  • 小插图数量:-100
  • 中点:+ 50

创建小插图

将这个小插图图层拖到我们的主画布中,确保它位于我们迄今为止所有图层的顶部。然后设置这个图层的混合模式为正片叠底,图层不透明度为35%。你可以根据自己的口味调整不透明度,但我发现35%是最合适的。

步骤20:为图像添加纹理

为了给图像一个独特的、颗粒状的外观和感觉,让我们添加一些纹理。

下载并打开纹理库存照片(在参考资料部分列出)或任何您喜欢的纹理(请参阅设计指导免费赠品节获取一个自由纹理文件数组)。

为图像添加纹理

将纹理放在我们的画布上,并使用自由变换命令(Ctrl/Cmd + T)调整它的大小以适应我们的画布。

为图像添加纹理

改变纹理层的混合模式为柔光,并将图层不透明度降低到20%。

您将看到这个简单的步骤在我们的作品中导致了剧烈的情绪变化,但我们还没有完成。通过按Ctrl/Cmd + J复制纹理层,然后使用橡皮擦工具(E)删除它的某些部分,如下面的参考:

为图像添加纹理

设置复制层的混合模式为柔光,不透明度为70%左右。

为图像添加纹理

让我们应用另一个纹理——这次我们将使用Paper Texture 1。同样,把这个纹理放到我们的合成中,用自由变换命令调整它的大小。

然后,有了纹理,设置它的混合模式值为叠加,并将其不透明度降低到8%左右(我们希望这个非常微妙)。

通过将所有纹理层分组在一个组“textures”中来维护你的组织。

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

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

纯色调整层

首先,我们改变它的颜色。单击创建新的填充或调整层按钮,然后选择纯色.使用深蓝色填充层(#000218)。

纯色调整层

应用填充层后,将其混合模式设置为排除,图层不透明度移至60%。

渐变贴图调整图层

下一步,创建渐变贴图调整层使用创建新的填充或调整层按钮一次。

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

曲线调整层

现在让我们增强图像的白平衡。点击创建新的填充或调整层再次按下按钮并选择曲线.点击灰色点滴管,从我们的组合中的一个位置采样,如下所示,设置曲线调整层的灰色点。

曲线调整层

曲线调整层

滤镜调整图层

点击创建新的填充或调整层再次按下按钮并选择照片过滤

我们将减少图像的淡黄色。当照片滤镜对话框窗口打开时,单击滤镜选项下拉菜单并选择深蓝滤镜。同样,使用默认的密度值,即25%。

然后,将照片滤镜调整图层的不透明度降低到50%。

滤镜调整图层

水平调整层

接下来,我们将使用一个级别调整图层。

点击创建新的填充或调整层再次按下按钮并选择水平给我们作品的浅色部分一个稍暗的色调。在“级别”选项对话框窗口中,单击“通道”下拉菜单以展开选项。默认值是RGB,但将其更改为Red (Alt/Option + 3),然后分别为阴影、中间色调和高亮输入级别输入这些值:15、1.00、255。

不要关闭“级别”对话框窗口,因为我们还需要修改蓝色通道。

再次单击下拉菜单,选择蓝色通道(Alt/Option + 5),然后使用这些值作为输入级别:15,1.00,255。

亮度/对比度调整层

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

亮度和对比度选项都使用1。

接下来,我们需要执行一些颜色平衡,通过减少它的黄色色调,使它在眼睛上更讨人喜欢一点。点击创建新的填充或调整层按钮并选择色彩平衡.使用以下选项设置:

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

这样可以使构图的颜色更均匀,更和谐。

亮度/对比度调整层

让我们增加一点构图的饱和度,使图像更生动。

你猜对了:点击创建新的填充或调整层并选择色相/饱和度.使用这些选项值:

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

这将为我们的场景添加更多的颜色。

另一个照片滤镜调整图层

创建另一个照片滤镜调整层,选择温暖滤镜(81)照片滤镜预设,给piece一个温暖的色调。确保密度为25%,并选中“保留亮度”选项。

将新的照片滤镜调整图层的不透明度降低到70%。

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

对于最后的(重新)触摸,让我们在墙壁上添加更多的阴影。

创建一个新图层,再次激活画笔工具(B)。设置画笔选项值为:

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

参考下图,看看在哪里应用笔刷。

在墙上添加更多的阴影

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

然后添加一个曲线调整图层。

添加最后一个调整图层(曲线)

通过将我们刚刚完成的所有调整层分组在一个名为“调整”的组中,保持文档的组织性。

使用智能锐化滤镜

如果你还没有将ps文档保存为PSD文件,这是一个很好的地方。

让我们锐化图像。转到筛选>锐化>智能锐化,使用以下值:

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

步骤25:保存工作

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

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

作为最终产品,将图像保存为JPG文件。

结论

我们在这个照片处理教程中执行了很多Photoshop技术和方法,使用各种库存图像组成一个场景。我们依靠不同的自由变换命令,如透视、扭曲和倾斜来创建室外3D房间的墙壁。

我们使用了一些经过验证的专家技术,通过使用减淡工具和加深工具,将画家真实地融入场景。

我们创建了一个小插图,添加了一些纹理,并使用了大量的层调整,使我们的场景看起来更有吸引力和艺术。我希望你发现了一些漂亮的技术,你可以把它们合并到你自己的Photoshop方法中。

如果你有问题和建议,请不要犹豫,留下评论。

别忘了展示你自己版本的本教程设计指导Flickr组池

预览

下载源文件

WebFX职业

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

我们招聘!
查看30+职位空缺!