如何在Photoshop中制作专业的好友图标

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

预览

预览

简介

在整个教程中,几乎每个形状都是用Photoshop的钢笔工具绘制的。如果你没有使用钢笔工具的经验,你可以参考这个优秀的教程,叫做“在30分钟内成为钢笔工具的大师Simon Hubbert在PSDFan上写道。

步骤1:设置Photoshop文档

首先,用这些设置在Photoshop中创建一个新文档。设置Photoshop文档为了方便起见,用灰色填充背景层,并在文档的中心位置放置一个垂直的参考线(View > New guide)。这个指南将帮助我们保持事物的对称性。

第二步:从身体开始

从身体开始实现这种形状对称的一个简单方法是先只做它的一半。从工具面板中选择钢笔工具(P)并绘制如下所示的形状。在制作形状之前,请确保从选项栏中选择形状图层选项,并设置为黑色(# 000000)作为前景色。

从身体开始一旦你完成了一半的形状,选择路径选择工具(A),并单击画布上的形状。现在按Ctrl/Cmd + C,然后按Ctrl/Cmd + V复制粘贴相同路径的副本在图层上。接下来,编辑>转换路径>水平翻转,并向右移动另一半,使两个一半的末端连接在一起。

从身体开始使用路径选择工具(A)仍然选中,在两个半部分上伸展一个选区,然后单击结合按钮;这将把两个一半加在一起,形成一个对称的形状。从身体开始将形状图层命名为"身体来保持我们的图层有条理。

步骤3:为主体添加图层样式

切换到“body”图层的图层样式选项,为它设置以下样式:

内阴影图层样式

从身体开始

内发光图层样式

从身体开始

渐变叠加图层样式

从身体开始下面是应用图层样式后的效果。从身体开始

第四步:给身体添加阴影

创建一个新图层,并把它放在body图层下面。用椭圆选框工具(M)填充一个选区,并将其不透明度降低到30%.接下来,对其应用两个过滤器(高斯模糊而且运动模糊).

>模糊>高斯模糊

设置半径选项为3.0 px为身体添加阴影

滤镜>模糊>动态模糊

设置角度为0度和距离30 px为身体添加阴影创建一个新图层,Ctrl/ cmd -点击“body”图层,在它周围加载一个选区,然后用黑色填充它(# 000000)在新图层上。在选择仍然加载的情况下,转到选择>修改>展开并将选择扩展为2 px

移动选区5 px然后按Delete键清除选区下面的区域。选择移动工具(V)移动图层3 px下来。最后,应用高斯模糊过滤器的2.5 px半径和减少图层的不透明度为50%

如果遵循正确的方法,你现在就会有这样的东西。为身体添加阴影

步骤5:制作衬衫

使用钢笔工具(P)画一个如下所示的形状,并命名为“衬衫”。为身体添加阴影一旦形状完成,给它一个渐变叠加浅灰色的阴影。为身体添加阴影为身体添加阴影

第六步:创造颈部

选择矩形选框工具(M),在一个新图层上,用如图所示的颜色填充一个选区(我们将为它添加一个图层样式,所以你填充的颜色无关紧要)。为身体添加阴影给图层一个渐变叠加图层样式之后。为身体添加阴影为身体添加阴影

第七步:制作领带

接下来是领带。它会是一条红色的领带,但我鼓励你尝试不同的领带颜色和图案!用钢笔工具(P)创建领带形状,使用类似于我们一直在谈论的过程。

为身体添加阴影接下来,我们将给领带一些图层样式:

投影图层样式

制作领带

内阴影图层样式

制作领带

渐变叠加图层样式

制作领带瞧,这是领带现在的样子。制作领带接下来,我们需要用钢笔工具(P)为结制作另一个形状。制作领带让我们应用一些图层样式的领带结。

投影图层样式

投影图层样式

内阴影图层样式

投影图层样式

渐变叠加图层样式

渐变叠加图层样式这是我们完整的领带。渐变叠加图层样式

第八步:做衬衫领子

是时候做衬衫领子了。如图所示绘制一个形状;你选择的填充颜色是任意的,因为它稍后会被图层样式覆盖(只选择一个你可以很容易地与背景区分的颜色)。命名这个新形状图层”。

做衬衫领子画完形状后,给它这些图层样式,使它看起来与衬衫一致。

投影图层样式

做衬衫领子

内阴影图层样式

做衬衫领子

叠加图层样式

做衬衫领子这是做完后的左领子。做衬衫领子为了完成领子,你需要复制左边的领子并水平翻转它。因为“领子”层包含图层样式,转换重复的副本将不起作用。

因此,要得到想要的结果,选择“衣领”层,并按Ctrl/Cmd + J复制它。现在创建一个新层,并合并复制层与它。这样就把左边的领子弄平了,这样当我们变换它的时候,款式就不会受到影响。

之后,点击编辑>变换>水平翻转,然后用移动工具(V)向右移动另一半,这样就完成了领子。做衬衫领子

第九步:给西装加上翻领

通过按D将前景色和背景色设置为默认值(这将前景色设置为黑色,背景设置为白色)。然后做一个形状的左翻领的西装如下所示。西装上加翻领添加以下图层样式到这个形状图层:

投影图层样式

投影图层样式

内阴影图层样式

投影图层样式

外辉光层样式

投影图层样式

渐变叠加图层样式

投影图层样式这是我们的左翻领完成图层样式。投影图层样式就像上一步的领子一样,在右边添加一个这个形状的副本,这样你就会得到这样的东西。投影图层样式

第十步:画出西装的手臂

选择画笔工具(B)并选择a4 px软刷头。投影图层样式现在用钢笔工具(P)点击路径选项,如所示。画出这套衣服的手臂画出这套衣服的手臂创建一个新层,在右肩膀上画一条曲线。

前景色设置为黑色(# 000000),右键单击该路径并选择中风的路径从菜单。画出这套衣服的手臂将Tool选项设置为后单击OK画出这套衣服的手臂现在给新路径添加以下图层样式:

投影图层样式

投影图层样式

渐变叠加图层样式

渐变叠加图层样式把图层的副本放在对面,这样你就会得到这样的效果。渐变叠加图层样式

步骤11:创建头部

画一个椭圆形的脸,如下所示。创建头部接下来,给它皮肤颜色的阴影与这些图层样式:

内阴影图层样式

创建头部

渐变叠加图层样式

渐变叠加图层样式你应该得到这样的结果:渐变叠加图层样式

第十二步:在脸上添加阴影

创建一个新图层,并按Ctrl/ cmd -点击“脸”形状图层,自动在它周围选择一个选框。移动选区4 px向下填充颜色# 423820在新图层上。在脸部添加阴影应用运动模糊滤镜(滤镜>模糊>运动模糊),角度为90度和距离10 px

按Ctrl/Cmd + f重复相同的滤镜,选择阴影层,按Ctrl/Cmd-点击“脖子”层,在它周围创建一个选框,然后按Ctrl/Cmd + Shift + I反转选区。按Delete键清除反向选定区域下方的区域。

在脸部添加阴影

步骤13:制作头发

最后要添加到图标的是头发。请随意为图标创建任何发型,但本教程的目的是,让我们从简单的发型开始。制作头发在做出简单的形状后,给它一个白色到黑色渐变叠加图层样式。

制作头发制作头发

步骤14:在头发上添加阴影

就像你对面部的阴影所做的那样,为面部上方的头发添加一个阴影,使用相同的颜色,但不透明度较低(约为1.20厘米)70%).给头发加上阴影

步骤15:对头发进行更多的改善

创建一个新图层,并按Ctrl/ cmd -点击“头发”形状图层来加载它的选区。移动选区7 px向上填充白色(# ffffff).在选择仍然加载的情况下,移动它5 px向上,然后按Delete键清除选区下面的区域。

现在在图层上应用这些滤镜:

>模糊>高斯模糊

将Radius选项设置为1 px

滤镜>锐化>锐化

应用此滤镜两次。接下来,设置图层的填充不透明度为0%给它一个渐变叠加图层样式。头发做了更多的改善

结论

我们完成了!感谢您跟随本教程,我希望您能够在Photoshop中学习一两个新技巧。如果我在本教程中启发了您的任何作品,我鼓励您将其添加到设计指导Flickr组池;请帮助我们建立这个集合!

这是图标设计的最终版本。结论

下载源文件

WebFX职业

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

我们招聘! 视图30 +职位空缺!