预览
这里是我们将在本教程中制作的预览。
步骤1:设置Photoshop文档
创建一个512px * 512px的新画布。背景层填充灰色(#A6A6A6)或任何颜色，使它更容易看到我们的工作。你使用的颜色是不重要的，以后可以改变(或删除)。
第二步:画房子左边的墙
选择钢笔工具(P)和绘制一个形状如下所示。
应用一个渐变叠加在墙上给它的颜色。
给形状层一个内阴影图层样式，给墙壁一些深度。
第三步:画房子的正面
使用钢笔工具(P)，绘制另一个形状，代表我们的房子的正面。
类似于前面的步骤，在形状层的前面应用一个渐变叠加来给它我们需要的颜色。
也像左边的墙一样，给当前的形状一个内阴影。
步骤4:创建侧板
为了给我们的图标设计一个漂亮的细节，我们将在房子上添加侧板。首先，创建一个新层，然后按Ctrl/Cmd +单击左侧墙壁的形状层，加载周围的选区。
向上移动选区10px，并填充黑色(#000000)。
选择仍然加载，按向上方向键一次，然后点击删除。这样我们就得到一条1px的直线。
在同一层上垂直向上制作更多的条带，彼此之间等距(大约20px)。
接下来，给图层一个投影图层样式，这样线条就有了嵌入/嵌入的效果，这将完成侧边面板的外观。
改变图层的混合模式为叠加，并将其不透明度降低到80%。
用同样的步骤在房子前面画出山脊。
确保两面墙上的脊线相遇并正确对齐。
第五步:搭建屋顶
该去屋顶了。首先要做的是为屋顶画一个形状，如图所示，再次使用钢笔工具。
给屋顶的棕色/红色，应用渐变叠加图层样式的形状层。
为了给屋顶一些深度和改善三维外观，也应用内阴影和内发光图层样式。
接下来，我们需要创建屋顶的侧面/底部。创建一个新层，并把它放在屋顶层下面。
按Ctrl/Cmd +单击屋顶形状图层，然后将选区向下移动1px，并填充黑色(#000000)。
在不取消选择的情况下，将选区向下移动1px，并再次填充黑色(#000000)。
重复这三次，直到你得到一个5像素厚的屋顶面。
最后，给它一个深色的渐变叠加，给屋顶的侧面/底部逼真的照明。
通过绘制另一侧来完成屋顶，并赋予它与其余屋顶一致的图层样式。
第六步:给屋顶一个投影
你现在可以在墙壁上添加屋顶的阴影。为此，创建一个新图层，并使用您喜欢的手动选择技术(我建议使用多边形套索工具)加载如图所示的选区。
填充选区(Ctrl/Cmd + F5)与棕色/棕褐色(#9C8151)的新图层。
不取消选择，向下移动选区15px，并按Delete。
取消选择并应用滤镜>模糊>高斯模糊，半径设置为5.0px。
将图层的不透明度降低到50%，向上移动，使用您最喜欢的手动选择工具(如多边形套索工具)和删除键删除墙壁外溢出的阴影部分。
步骤7:创建窗口
用钢笔工具或矩形工具(U)在左边的墙壁上画一个窗口状的形状。如果你使用矩形工具，你可以使用自由变换命令(Ctrl/Cmd + T)来调整形状，使它与房子的布局一致。
然后，给它一个渐变叠加，给窗口它的蓝色。
同时，给窗口形状层一个内阴影和内发光，给它我们需要的深度。
为了使我们的窗户更有趣，我们将给它一个玻璃反射。在窗口上添加一个反射，如下图所示。
为此，绘制反射的形状，然后使用渐变工具(G)在形状上使用白色到透明的渐变。
Ctrl/Cmd +单击窗口形状图层加载选区，然后创建一个新图层。
用棕色填充新图层上的选区(#C2AE89)。
向上和向右移动选区，并按Delete键以获得窗口所需的深度。
复制窗口并水平翻转(Edit > Transform > flip Horizontal)。
使用自由变换缩小复制的窗口，然后使用移动工具(V)将其定位在我们房子的前面(这个窗口是我们的阁楼)。
步骤8:制作门
现在我们要在房子前面做一扇门。使用钢笔工具画一个门一样的形状。
使用渐变叠加来应用我们的门的深棕色/木色。
给门形状一个描边图层样式，这样边缘就有一定的深度。
此外，应用内阴影给门的3D外观和感觉。
就像我们的窗户一样，我们想给门一个凹陷的外观。
要做到这一点，在门上做一个7像素厚的条，就像你做窗户的方法一样。
步骤9:设计门把手
接下来我们要做一个普通的门把手，这样住在我们房子里的人就可以进来了。选择椭圆工具(U)创建一个圆，如图所示。按住Shift键画一个圆。
为了给门把手它的金色，我们将使用一个渐变叠加，类似于我们在房子的其他部分上的颜色。
使用投影图层样式给门把手一些深度。
步骤10:制作门的脚步
为了完成我们房子的前面，我们将创建通向门的台阶。使用钢笔工具或矩形工具结合自由变换命令来制作步幅的顶部。
给它一个渐变叠加和内阴影，就像我们在前面的步骤中所做的那样，给脚步的顶部上色。
绘制脚步的基础使用类似于用于绘制屋顶的侧面/基础的技术。使它大约10px厚，填充深棕色/木质颜色(#78350B)。
步骤11:添加一个基础阴影
为了最终确定我们图标的外观，我们将给房子的基础一个阴影。创建一个新层，并把它放在所有其他层(背景层除外)的下面。
创建一个新图层后，如图所示进行选择。
向下移动选区3px，并填充黑色(#000000)。在选区仍然加载的情况下，向上移动4px，然后点击删除。
现在应用滤镜>模糊>高斯模糊，半径1.5px到图层上。
最后，将不透明度降低到10%或您喜欢的值。
结论
在本教程中，您了解了使用Photoshop绘制图标的方法。我们使用钢笔工具和形状工具来创建房子的不同部分。我们在房子的这些部分使用图层样式来着色。
我们还依靠一些手工选择技术来创建我们房子的各个部分。我希望你在本教程中学到了一两个Photoshop技巧。
下载源文件
- 3 d_house_icon(zip, 0.22 mb)
