在Photoshop中创建一个美丽的画笔图标

Trevin Shirey著
~ 22分钟阅读
Trevin是WebFX的业务开发高级总监。他参与过450多个营销活动，20多年来一直在建设网站。他的作品被《搜索引擎土地》、《今日美国》、《快公司》和《公司》推荐。

预览

步骤1:设置画布

当然，总是需要做一件事，就是通过选择文件>新建或按Ctrl/Cmd + N快捷键来创建一个新的Photoshop文档。我们将使用256x256px的画布，这是图标的流行尺寸。设置画布你还应该确保背景内容选项设置为白色，这样我们就会有一个默认的白色背景层;这将使它更容易看到我们的工作，你可以随时改变颜色或删除它，以便你有一个透明的背景。

设置画布

第二步:绘制画笔的手柄

使用钢笔工具(P)在画布的中心制作一个类似下图的形状。确保使用钢笔工具的形状图层选项(在选项栏中找到)，以便您创建的形状成为一个形状图层。绘制画笔的手柄右键单击图层面板中的形状图层，然后选择图层属性。

在图层属性对话窗口中，将我们的形状层命名为“base”，以保持我们的PSD有组织。

步骤3:设置笔刷的手柄

让我们给“基础”形状层(笔刷图标的手柄)一个渐变叠加效果，在图层面板中右键单击该图层，然后从出现的上下文菜单中选择混合选项。颜色渐变从黑色(#000000)到深灰色(#2d2d2d)。

渐变叠加将为我们的手柄产生一个漂亮的，微妙的渐变表面。

第四步:绘制刷柄的内部

现在我们将对画笔的手柄进行风格化。使用钢笔工具(P)在我们的句柄内绘制一个白色的形状。

减少新形状图层的不透明度为24%。通过降低不透明度，我们让一些黑色-深灰色的渐变覆盖从“基础”形状层发光。

第五步:在画笔手柄上绘制光线反射

我们将给我们的手柄一个光反射，使其表面更有趣。

再次使用钢笔工具创建一个新的白色形状;你可以将这个形状图层命名为light1。将light1形状图层的不透明度降低到28%左右。让我们继续画一个非常薄的白色形状(命名为“light2”)的光反射，如下所示(红色突出显示)。一旦你画好了形状，将图层的不透明度降低到45%。

同样地，你将用钢笔工具创建一个新的薄形状(“light 3”)，就在前面的两个形状层上面，如下所示的红色。给这个新形状一个米白色(#f2f2f2)颜色叠加。将图层的不透明度降低到20%。

我们需要创建另一个光反射高亮(“light 4”)。形状将朝着刷柄的下边缘(如红色所示)。降低图层的不透明度为20%。

步骤6:在一个层组中组织我们的工作

在我们继续之前，最好花一些时间来组织我们的图层，因为我们似乎做了很多。创建一个新的组图标(它看起来像一个文件夹)，在图层面板的底部。默认情况下，图层组的名称为“group 1”。将新图层组重命名为更准确的名称，例如“wood”或“handle”。除了背景图层，将当前所有的图层拖放到这个组中。你现在可以通过点击文件夹缩略图旁边的灰色小三角形来折叠图层组。

第七步:绘制金属握把底座形状

大多数画笔都有一种金属握把，它的另一个功能是将画笔的刚毛握在一起。

用钢笔工具在wood图层组的上方画一个新的形状(命名为metal-base)。

步骤8:设计金属握把底座的形状

让我们给金属握把两个图层效果:颜色叠加和投影。

颜色叠加

使用灰色(#555559)颜色叠加。

阴影

投影的颜色应该是黑色(#000000)。我们的金属握把现在应该如下图所示。

第九步:在金属握把上添加反光

像画笔手柄一样，我们需要在金属手柄上添加一些光线反射和表面纹理，以保持图标的光照一致。

用覆盖金属握把内侧的钢笔工具画一个新形状(命名为light5)。它可以是任何颜色，因为我们接下来将使用图层效果。赋予light5形状图层一个灰色(#7c7c7c)颜色叠加的图层样式。

继续使用光线反射，再次使用钢笔工具在金属笔刷的左侧绘制一个新形状(我们可以称其为“light6”，以保持我们的层命名约定一致)。赋予这个新形状浅灰色(#cacaca)颜色叠加图层样式。我们将继续使用相同的方法创建新的光反射形状。

下面是“light7”。给light7图层一个灰白色(#f8f7f7)颜色叠加。这是我们要做的最后一个光反射阴影(“light8”)。使用同样的米白色(#f8f7f7)为light8颜色叠加图层样式。

另外，将light8图层的不透明度降低到35%左右。

步骤10:在金属握把上制造凹槽

为了给我们的画笔增加一点真实感，我们将在金属握把上创建条形凹槽。首先用钢笔工具(P)创建一个小的新形状，如下所示的红色。

给边缘一个颜色叠加，使用米白色/浅灰色(#f8f7f7)。让我们通过复制上面的形状来制作更多的凹槽。使用移动工具(V)移动它几个像素远离原来的形状。

给复制的形状一个投影，以创建它被压入金属表面的效果;投影使用深灰色(#656464)。你的金属握把现在应该如下图所示。使用上述相同的过程制作另一个凹槽。

也要在刷毛的方向上做凹槽。使用颜色叠加和投影为较低的凹槽，但这一次，使用不同的颜色;叠加颜色应该是灰白色(#f8f7f7)，投影颜色应该是灰色(#656464)。复制形状，使更多的凹槽。

在我们继续刷毛之前，添加一个新的图层组(你可以叫它“金属”)，把所有与金属握把相关的图层放在里面。

步骤11:创建刷毛基础形状

使用钢笔工具(P)绘制刷毛的基础形状(如红色所示)。

第十二步:给刷毛基础形状上色

使用颜色叠加设置形状的颜色为棕色(#6f5133)。

步骤13:在刷毛基础形状上创建线

我们需要给我们的形状一些定义，使它看起来像头发。用钢笔工具(P)在基本形状层上方创建一个新形状(命名为“strands1”)。给形状两个图层效果:颜色叠加和投影。

颜色叠加

使用比基础形状颜色略浅的棕色覆盖(#6b451f)。

阴影

使用柔和的黄色(#efc86a)作为投影的颜色。我们的笔刷的尖端现在应该如下图所示。

用钢笔工具(P)创建更多的形状，以增强我们的刚毛的定义。应用相同的颜色叠加和投影图层样式，并将形状图层的不透明度降低到70%。复制“strands1”形状图层，并将其移动到顶部附近。

步骤14:突出刷毛尖端

制作如下所示的两种形状，朝向刷毛的末端。如果你已经使用钢笔工具创建了形状，那么默认情况下这两个形状将在不同的图层中创建。在图层面板中选择两个图层，右键单击，然后选择转换为智能对象．

将这个智能对象重命名为light1-tint。然后在工具面板中选择模糊工具。一旦你尝试使用模糊工具，它会显示一个这样的对话框窗口:只需单击OK。然后开始使用模糊工具轻轻地沿着“light1- tinting”图层中可见的白色形状的最右边。

调整图层的混合模式为叠加，不透明度为70%。

步骤15:创建细微的鬃毛阴影

沿着刷毛的底部创建细的形状，如下图所示的蓝绿色。您可以将这些形状分别重命名为“shadow1”和“shadow2”。

使用颜色叠加使它们的颜色为棕色(#4c3722)。上面的阴影形状带来了以下非常微妙的变化。

第16步:画一个鬃毛照明效果

现在在猪鬃顶部创建一个新的白色形状(命名为“main-light”)，以表示细微的光反射在猪鬃上。

现在选择滤镜>模糊>高斯模糊来软化白色形状。如果弹出一个这样的窗口:只需点击确定，栅格化它。设置半径为2px。

然后设置混合模式为叠加，并降低图层的不透明度为69%。复制模糊层。点击编辑>自由变换(Ctrl/Cmd + T)，将复制层缩小一点，产生一个具有不同半透明的堆叠照明效果。

再次复制图层，使光线效果更加明显。创建一个新图层组(命名为“bristles”)，并将所有与bristles相关的组拖到其中。

步骤17:给画笔添加阴影

最后，我们需要添加一个阴影，使我们的作品看起来更真实和有趣。

在图层面板中选择背景图层，然后在上面创建一个新图层(Ctrl/Cmd + Shift + N);你可以称这个新图层为“shadow-main”。从工具面板中选择椭圆选框工具。在我们的画笔图标底部做一个短而宽的椭圆选区。现在使用渐变工具(G)，在选项栏中设置它的选项，这样渐变从黑色到透明，样式是线性渐变。