Photoshop设计欧式房屋图标效果

导言：
这次是翻译作者柯炳宇为大家翻译的一套图标设计教程，希望对大家有所帮助！

创建一个500*500像素的文件，分辨率为72DPI，背景色为白色。使用钢笔工具绘制如下的形状。（图01）

图01

双击图层，添加如下图层样式；
内阴影：混合模式（柔光），不透明度50%，角度-31，取消全局光，距离为2，阻塞为1，大小为2；等高线形状如图；
渐变叠加：颜色为8b2a00到c94e2c。（图02）

图02#p#e#

复制图层（Ctrl+J），编辑/变换/水平翻转，将翻转后的图像移动到右边。（图03）

图03

双击右侧图像的图层，更改内阴影不透明度为19%，角度为-139；渐变叠加角度为-143，使它们外观统一。（图04）

图04#p#e#

设置前景色为#830f00，使用钢笔工具绘制一个四边形如图，将图层取名为“左侧房顶”。（图05）

图05

复制一层，命名为“右侧房顶”，编辑/变换/水平翻转，将其放置在右侧。（图06）

图06#p#e#

使用钢笔工具绘制房子主体形状，将图层命名为“主体”。（图07）

图07

双击图层添加如下图层样式。
渐变叠加：E9DFC8到FFFFFF，缩放为150%；
内阴影：模式为柔光，25%不透明度；角度为-90，取消全局光；距离36，阻塞0，大小77；
内发光：模式为柔光，41%不透明度，黑色；大小32像素。（图08）

图08#p#e#

想要给房顶一些阴影的话，可以按Ctrl键单击“左侧房顶”图层，然后按Shift+Ctrl单击“右侧房顶”图层，获得两个图层的选区。将选区向下移动，并在房顶图层下面建立新层，填充颜色#5f5343。（图09）

图09

取消选区，滤镜/模糊/高斯模糊，大小为10像素。（图10）

图10#p#e#

在上一步的滤镜后，你会发现阴影超出了房子本身，这显示是不合逻辑的。按Ctrl键单击“主体”图层获得选区，Shift+Ctrl+I反选，回到“阴影”图层，近Del键删除多余阴影。（图11）

图11

新建一层，命名为“门”。使用矩形选区工具（M）创建一个选区，并填充为黑色。（图12）

图12#p#e#

为“门”图层添加如下图层样式；
渐变叠加：C7904A到E4B474；
内阴影：正常模式，颜色为915928，不透明度为21%，角度为-90，取消全局光，距离为16，大小为62像素，等高线为“高斯分布”；
内发光：模式为柔光，62%不透明度，颜色为黑色，大小为6像素。（图13）

图13

使用圆角矩形工具，设置半径为3像素，在门上创建一个形状。（图14）

图14#p#e#

为其添加如下图层样式；
渐变叠加：C6904A 到E4B475；
投影：模式为正常，颜色为8B572C，不透明度为100%，角度为90，取消全局光，距离为1，大小为2，等高线为半圆；
内阴影：模式为正常，颜色为FFDDB0，角度90，取消全局光，距离为1，大小为2，等高线为半圆；
内发光：模式为柔光，不透明度为25%，颜色为黑色，大小为7，等高线为“半圆”。（图15）

图15

复制图层，移动到门下面。（图16）

图16#p#e#

使用椭圆工具（U）在门上画一个小把手。（图17）

图17

添加如下图层样式；
渐变叠加：不透明度65%，渐变为反向，径向渐变，角度为50，缩放为90%；
投影：模式为正常，不透明度为25%，角度为90，取消全局光，距离为2，大小为2。（图18）

图18#p#e#

使用钢笔绘制如下形状作为门檐。（图19）

图19

为其添加一个渐变叠加样式：颜色为BD5834到8E2C05，勾选“反向”。（图20）

图20#p#e#

使用钢笔工具绘制下面的形状。（图21）

图21

为其添加如下图层样式；
颜色叠加：820F00；
投影：不透明度25%，角度90，取消全局光，距离为4，大小为6。（图22）

图22#p#e#

在“门”图层下面创建一个新的图层，绘制一个矩形选区并填充为黑色。（图23）

图23

为其添加渐变叠加图层样式，颜色为AE9F7E到CCBFA6，缩放为150%。（图24）

图24#p#e#

绘制一个台阶的形状。（图25）

图25

为其添加一个渐变叠加样式，颜色为E1B06E到BD8645。（图26）

图26#p#e#

设置前景色为#a26431，在台阶下绘制一个四边形。（图27）

图27

创建一个新层，绘制一个黑色的矩形作为窗户。（图28）

图28#p#e#

使用矩形选框工具（M）绘制一个交叉的十字选区，填充为白色。（图29）

图29

为其添加图层样式；
颜色叠加：E8B97D；
内阴影：模式为柔光，80%不透明度，角度-90，取消全局光，距离为1，大小为3，等高线为半圆。（图30）

图30#p#e#

将门的主体部分图层进行复制，放到一个新的图层组内。缩放后放置到窗户的两侧作为窗体。（图31）

图31

将台阶复制，放置到窗户下面，调整大小，作为窗台。（图32）

图32#p#e#

复制窗户整体，并缩放到60%，放置在门的右侧。（图33）

图33

现在开始制作烟囱，创建一个图层组，命名为烟囱，并新建一个图层，绘制一个黑色的矩形。（图34）

图34#p#e#

为其添加一个渐变叠加样式，颜色为A0370F到832400，缩放为60%。将图层组旋转在房顶图层下面。（图35）

图35

创建一个新层，在烟囱上绘制一个四边形，使其产生立体感。（图36）

图36#p#e#

创建另外一个形状，旋转在烟囱上。（图37）

图37

为其添加渐变叠加样式，颜色为F0E0BA到FFF8E8。（图38）

图38#p#e#

在烟囱主体图层下创建一个新层，设置前景色为D6C08D，绘制一个四边形。（图39）

图39

现在要给房子加上阴影。在房子主体下边创建一个新层，用矩形选框工具（M）创建一个选区，填充为黑色，取消选区。（图40）

图40#p#e#

滤镜/模糊/高斯模糊，大小为3像素；然后选取滤镜/模糊/动感模糊，方向为0，距离为40像素。（图41）

图41

用同样方法给台阶加上阴影，改变其不透明度为80-90%或20-30%。最后，加入自己绘制的草，完成制作。（图42）

图42