如何在 Adobe Photoshop 中创建一个等距像素的房间
Chinese (Simplified) (中文(简体)) translation by Yushine (you can also view the original English article)



创建自己的家!在本教程中,我将向你展示如何创建一个等距像素艺术室。
在 GraphicRiver 上为你的设计找到令人难以置信的等距艺术灵感。
教学资产
本教程将使用以下资产:
介绍
在开始使用本教程之前,请先下载zip文件并安装该模式。要做到这一点,请前往 编辑 > 预设 > 预设管理器。将预设类型更改为 图案。



之后,单击加载按钮,在设备上找到我们的模式文件,然后按加载。这就是现在所添加的模式。此外,你可以将模式文件拖放到 Photoshop 中。
不要忘记在计算机上保存图像。它将帮助你获得相同的结果。
1.如何创建房间的基础
步骤 1
选择默认前景和背景颜色(D)。请注意,我们将在本教程中使用的所有工具都应该避免盲目。
打开 Photoshop(我使用Photoshop CS6),前往 文件 > 新建,并创建一个新的 412 x 395 px 文档(背景内容应为白色)。



步骤 2
前往 图层 > 新建 > 组以创建一个名为 Room 的新组。在此组中创建新图层(图层 > 新建图层)。



步骤 3
选择铅笔工具(B),并在两个方向(两个中心像素彼此重叠)上创建尺寸为 192 x 1 px的两个 L 形线。它们对于每个像素向下是两个像素。线之间的距离为 170 px。



步骤 4
选择索套工具(L),并选择消除锯齿。复制并旋转 180°。将其放在其他线下方。选择铅笔工具(B)并连接上部和下部。



步骤 5
在这里,我开始添加一个显示砖体的房间轮廓。删除所有不必要的像素(用粉红色标记)。将图层名称更改为“Room”。



步骤 6
选择魔术棒工具(W),消除锯齿,然后点击地面。创建一个新图层,并使用前景颜色填充。双击鼠标以应用以下图层样式。使用以下设置添加图案叠加:
- 混合模式:叠加
- 不透明度:100%
- 点击图案并选择地板图案
- 缩放:100%



步骤 7
返回房间图层。使用魔术棒工具(W)选择墙壁,并使用未检查的抗锯齿。 创建一个新图层,并使用前景颜色填充。双击鼠标以应用以下图层样式。将填充不透明度更改为0%。
使用以下设置添加图案叠加:
- 混合模式:叠加
- 不透明度:100%
- 点击图案并选择壁纸图案
- 缩放:100%



步骤 8
再次返回房间图层。填补所有的空白。



步骤 9
选择铅笔工具(B)并使用以下颜色更改内部黑色线条的颜色:
- 楼层:
#b78c71
- 高光:
#ffffff
- 墙:
#4c848d



步骤 10
使用#bbb9b6
和 #ffffff
颜色创建踢脚板。合并组中的所有图层。隐藏组。



2.如何创建沙发
步骤 1
选择默认前景和背景颜色(D)。
转到 图层 > 新建 > 组以创建新的组。在名称字段中键入 Sofa。在此组中创建新图层(图层>新建图层)。



步骤 2
选择铅笔工具(B)并绘制宽度为18 x 1 px 和深度为 66 x 1px 的两条 L 形线(它们之间为 40 px)。



步骤 3
选择套索工具(L),并选择上线。复制并旋转180°。将它们放在其他行之上。选择铅笔工具(B)并连接上部和下部。删除任何不必要的像素。



步骤 4
使用#f8f8c6
,#d8d0a0
和#7f7757
颜色填充线间的缝隙。



步骤 5
将高光颜色更改为#f8f8e8
。将前景颜色设置为#4e4135
。之后,选择油漆桶工具(G),取消选中连续,然后单击黑色轮廓。右扶手做好了。



步骤 6
重复右扶手,向左 112 px(向上 56 px)。



步骤 7
使用相同的技术,颜色和工具,为沙发(单独的图层上的每个元素)创建其他盒子。



步骤 8
结合所有的盒子作为我们的沙发。隐藏编组。



3.如何创建地毯
步骤 1
继续之前,选择默认前景和背景颜色(D)。
前往 图层 > 新建 > 编组 以创建新的组。在“名称”字段中键入“Carpet”。在此组中创建新层(图层 > 新建图层)。



步骤 2
绘制宽度为146 x 1px,深度为138 x 1 px(每行前两个像素重叠)的线条。



步骤 3
复制图层并移动 10 px。重复该操作。因此,你将获得三层 L 字形线条。合并所有这些,并删除不必要的像素(用粉红色标记)。



步骤 4
让我们添加地毯的顶线。转到 图层 > 复制图层 来复制图层。然后转到 图像 > 图像旋转 > 180° 旋转它。将副本放在其他行以上。合并两层。



步骤 5
选择油漆桶工具(G),并使用#73719c
和#b5b2de
颜色填充线条之间的间隙。将前景颜色设置为#504f76
,然后单击黑线。隐藏组。



4.如何创建桌子
步骤 1
继续之前,选择默认前景和背景颜色(D)。
前往 图层 > 新建 > 组 以创建新的组。在名称字段中键入 Table。在此组中创建新图层(图层>新建图层)。



步骤 2
我添加了一个大小为62 x 1px(这是每 2 个px 下降 1 个 px)的线。这将是我们桌子的宽度。



步骤 3
现在加一些深度。



步骤 4
让我们添加桌子的顶行。用 L 形线选择层,并复制。转到 图像 > 图像旋转 > 180° 旋转。合并图层并填充,使用#dfbf8e
颜色。



步骤 5
转到 图层 > 复制图层 以复制图层。选择原始图层并移动 4px。使用铅笔工具(B)连接。合并 桌子组中的所有图层。



步骤 6
选择油漆桶工具(G),并使用#c9a979(
较浅)和#95675a
(较深)颜色填充前侧和深度。选择橡皮擦工具(E)并删除一些像素(我添加了一些粉色标记来显示不必要的像素)。



步骤 7
将前景颜色设置为#f4e1c3
,并使用铅笔工具(B)绘制高光。将前景颜色更改为#2b2b2b
。选择油漆桶工具(G),取消勾选“连续”,然后单击黑线。



步骤 8
创建一个新层并将其移动到桌子组的底部。绘制桌子的腿(使用#404968
颜色的轮廓,#6b949c
为暗面,#c5eaf0
为高光)。



步骤 9
复制图层三次并将其移动到他们的位置。合并组中的所有图层。隐藏图层。



5.如何创建电视
步骤 1
继续之前,选择默认前景和背景颜色(D)。
转到 图层 > 新建 > 编组 以创建新的组。在 名称 字段中键入 TV。挑选最薄的沙发盒子,并复制那层。将副本移动到TV组。 选择矩形选框工具(M)并选择框的下半部分。右键单击选择,然后选择“通过切割”。将新图层向下移动 16 px。合并组内的层。连线,填补空白。



步骤 2
改变颜色:
- 上面:
#6e7488
- 前面:
#525663
- 侧面:
#383c45
- 高光:
#818796
- 轮廓:
#20232e



步骤 3
选择铅笔工具(B)并画一个画面。 使用#000000
颜色填充。



步骤 4
将前景颜色设置为#000000
并绘制扬声器。 合并组中的所有图层。 隐藏图层。



恭喜,你完成了!
使所有组和图层可见。 转到 文件 > 放置 来放置其他元素(图片,花盆)。 对组和图层进行排序。 根据需要放置元素。我只向你展示了如何放置它们的一个选项。
这是最终的形象(100%)。 希望你喜欢这个教程,别忘了和我们分享你的结果!
而对于像这样的更多教程,请查看我们在 Envato Tuts + 的等距教程:
- 图片处理在Adobe Photoshop 中如何把一张风景照片变成一个等距图标Mohammad Jeprie
- Isometric在Adobe Photoshop 中创造一个等距像素艺术的公园René Alejandro Hernández



