如何在Photoshop中绘制一个经典的电吉他

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

预览

初步步骤:研究

与往常一样,我们需要搜索图像引用,以很好地了解我们要绘制的内容。我们要画的电吉他的灵感来自于传说Gibson Les Paul吉他。你可以在谷歌图片

看一些参考图片来熟悉吉他的各个部分。

第一步:绘制吉他的身体形状

创建一个新的Photoshop文档,画布大小:1000x1500px。一个大画布将帮助我们更容易地绘制电吉他的细节。

让我们从基本形状开始。

使用钢笔工具(P)创建吉他的身体形状,使用棕色-鲑鱼色(#cd7b53)作为填充色。

绘制吉他的身体形状

复制路径并向左移动15px。这将代表吉他的左侧。

绘制吉他的身体形状

用比第一个颜色更深的棕色(#3d1e0a)填充重复路径。把这个形状放在原来的后面。这两种形状的结合将有助于发展吉他的3D外观。

绘制吉他的身体形状

第二步:画吉他的脖子

创建一个矩形形状的吉他脖子。记得修改它的透视图,直到它与主体匹配为止。您可以使用编辑>转换>倾斜或单独修改其锚点。

画出吉他的脖子

步骤3:绘制主轴箱

在颈部的顶部,使用钢笔工具(P)绘制吉他的床头。

画出吉他的脖子

下面你会看到我们吉他的基本形状。

画出吉他的脖子

接下来,我们将修改吉他部分,并添加在吉他的细节。

第四步:给吉他的表面上色

暂时隐藏所有的形状,除了吉他的身体,以便我们可以专注于它。

给吉他的表面上色

给身体一个内发光层效果(沿着边缘添加一条暗线)和一个渐变叠加层效果(为我们枯燥的平坦颜色增添趣味)。

内发光

给吉他的表面上色

渐变叠加

给吉他的表面上色

这是我们的结果图层样式

给吉他的表面上色

使用钢笔工具创建一条路径,穿过吉他身体的上半部分。按Ctrl/Cmd + Enter将路径转换为选区。

给吉他的表面上色

按住Ctrl/Cmd + Alt/Option,然后在图层面板中单击身体的缩略图,使选区与身体形状相交。

给吉他的表面上色

设置前景色为白色(#ffffff),然后使用画笔工具(B)在选区内绘制。

给吉他的表面上色

将图层的不透明度降低到10%。

给吉他的表面上色

在吉他的顶部创建一个新图层。

更改前景色为红木红色(#863c31),然后使用画笔工具沿着边缘画一个大的,软的笔刷尖端。

给吉他的表面上色

转到图层>创建剪贴蒙版(Ctrl/Cmd + Alt/Option + G),将图层转换为剪贴蒙版。这样,我们所画的一切只会显示在吉他的内部。

给吉他的表面上色

第五步:在身体表面画上木纹

在身体的顶部创建新层,用白色填充,点击编辑>填充(Shift + F5)。通过按d重置前景色和背景色为黑色和白色。选择滤镜>渲染>纤维。

这个ps滤镜会给我们一个漂亮的木纹表面纹理。

给吉他的表面上色

给吉他的表面上色

将木纹图层转换为剪贴蒙版(Ctrl/Cmd + Alt/Option + G)。

给吉他的表面上色

将木纹层的不透明度降低到10%。

给吉他的表面上色

第六步:在吉他的侧面添加表面细节

打开包含身体左侧的层的可见性。

给吉他的表面上色

在上面新建一个图层,转换为剪贴蒙版(Ctrl/Cmd + Alt/Option + G),前景色为白色(#ffffff)。

使用画笔工具(B)在剪贴蒙版层上画白色,在身体的一侧创建一些高光,并加强吉他的3D错觉。

给吉他的表面上色

如果我暂时隐藏吉他本体层,你可以看到真正的笔触如下:

给吉他的表面上色

第七步:增加高光

在吉他身体的其他部分画上更多的亮点。

添加更多亮点

让我们使用另一种高亮显示技术。这样会产生更清晰的高光效果。

Ctrl-click/Cmd-click在图层面板中的侧身图层的缩略图上加载形状周围的选区。

添加更多亮点

切换到矩形选框工具(M),在选区内右键单击/Command-click,然后选择中风从出现的菜单中。在描边对话框窗口中,颜色选择白色(#ffffff),位置设置为内部。

添加更多亮点

在白色背景下很难看到这个白色高光,所以,让我们暂时把背景颜色改为黑色。

下一步,按添加图层蒙版在图层面板底部的图标,在创建的图层蒙版上,用黑色画掉白色高亮线的部分。

添加更多亮点

你可能会注意到,在图层掩蔽之后,我们现在在身体的下部有太多的光。

添加更多亮点

为了解决这个问题,我们可以通过添加渐变叠加图层效果来使其变暗。设置渐变叠加图层效果的混合模式为

添加更多亮点

这是我们现在的情况:

添加更多亮点

让我们画一个更清晰的高光,但这次是在身体的脸上。

加载一个选择围绕吉他的身体脸。

添加更多亮点

选择编辑>描边,设置宽度为2px,颜色为白色,位置为内部。

添加更多亮点

就像之前一样,添加一个图层蒙版,然后,在新的图层蒙版上,用黑色画掉一些白色高亮描边。

为了帮助我们清楚地看到高亮,暂时用黑色填充背景。

添加更多亮点

非常近距离地放大高光部分。创建一个新层,并使用大,软刷白色。

这将为高光部分增添漂亮的光泽。

添加更多亮点

第八步:画出吉他带的螺丝

电吉他通常有螺丝(称为表带支架),这样吉他手可以将吉他表带固定在上面。我们现在把它画出来。

画出吉他带的螺丝

给螺丝一个内阴影图层效果。

这个螺丝非常小,所以我们需要放大它,以便研究它的细节。

创建一个新图层,在螺丝上画一些阴影和高光来帮助定义它的形状。然后画出螺丝的顶部。

你可以在下面看到我的绘画进程。

处理完小细节后,经常用100%的放大倍率检查(按Ctrl/Cmd + 1)是一个很好的习惯,你需要确保细节看起来不错。

再次将背景色改为白色。这是我们目前所绘制的电吉他图:

步骤9:塑造和阴影吉他的颈部

切换吉他颈层的可见性。

给颈部图层一个渐变叠加图层效果和一个描边图层效果。

渐变叠加

塑造和阴影吉他的颈部

中风

塑造和阴影吉他的颈部

这是图层样式的结果:

塑造和阴影吉他的颈部

画出脖子后面的形状。让颈背的下半部分形成曲线(参考下图)。

塑造和阴影吉他的颈部

在颈部图层下面创建一个新图层,手动绘制它的阴影。

塑造和阴影吉他的颈部

步骤10:添加吉他烦恼

在吉他颈上画一些白色矩形来代表它的微动。确保微动的角度与颈部的面部相匹配。

添加吉他烦恼

为了使微动看起来像真正的微动,我们将使用投影,内阴影,斜面和浮雕图层效果。

阴影

阴影

内阴影

斜面和浮雕

步骤11:在脖子上添加位置标记

吉他的指板通常有一些位置标记,以帮助吉他手想象他们压下的是什么微动。我们现在把这些画出来。

在颈部添加位置标记

以下是我们目前的工作:

在颈部添加位置标记

步骤12:添加一些表面细节到主轴箱

切换吉他的床头盒层的可见性。

添加一些表面细节的床头

给这个图层一个渐变叠加和描边。正如你现在可能已经猜到的,我通常会使用渐变叠加来避免平坦的纯色,因为在现实中,吉他不会有平坦的颜色。

渐变叠加

添加一些表面细节的床头

中风

添加一些表面细节的床头

下面是应用图层样式的吉他主轴箱:

添加一些表面细节的床头

让我们给床头的表面一个木纹以及。在主轴箱的顶部创建一个新层。用白色填充新图层。

按D重置前景色和背景色为默认值(分别为黑色和白色)。选择滤镜>渲染>纤维。转换图层为剪贴蒙版(Ctrl/Cmd + Alt/Option + G)。

将图层的不透明度降低到10%。

添加一些表面细节的床头

步骤13:创建电吉他桥

吉他的琴桥将吉他弦固定在合适的位置(连同琴头)。创建一个圆角矩形形状,然后使用编辑>变换>倾斜,以匹配吉他的身体的角度。

制作电吉他桥

给桥层一个渐变叠加。

制作电吉他桥

加载桥周围的选择。将选区向下移动2px,向左移动2px,分别按下向下箭头键和左箭头键两次。在桥接层下面创建一个新层,然后用黑色填充选区。

这将增加我们的3D错觉。

制作电吉他桥

确保在我们刚刚创建的黑色形状周围仍然有一个选择(如果没有,请选择>重新选择)。在它下面创建一个新图层,然后用黑色填充新图层。

使用高斯模糊滤镜(滤镜>模糊>高斯模糊)软化新形状,半径设置为0.5px。这将在桥的后面添加一个柔和的,微妙的阴影。

制作电吉他桥

步骤14:画吉他的马鞍

我们将画出位于桥顶部的马鞍;它的目的是支撑吉他弦,确保它们拉紧。

在桥的顶部创建一个较小的圆角矩形,并根据需要调整它以匹配吉他的视角。

画吉他的马鞍

给马鞍一个渐变叠加。

画吉他的马鞍

重复我们在桥上使用的前面的过程,给马鞍一个3D外观。快速刷新:复制形状,将复制的向下推2px,向左推2px,在它周围加载一个选区,用黑色填充选区,然后使用高斯模糊滤镜来软化它。

画吉他的马鞍

步骤15:绘制高音拾音器

一把电吉他通常有几个拾音器。拾音器是琴弦振动的接收器(当吉他手拨动琴弦时发生)。拾音器位于最接近吉他桥通常是高音拾音器。

我们可以使用与桥和马鞍相同的过程创建这个拾音器;唯一的区别是形状。

画高音拾音器

这是我们现在的情况:

画高音拾音器

在皮卡上方画一个较小的圆角矩形。好了,现在你已经知道了:复制它,向下推2px,向左推2px,然后使用高斯模糊滤镜添加一个阴影。

画高音拾音器

让我们在皮卡上加个亮点。加载拾取周围的选择。创建一个新层。

点击编辑> Stroke对选区进行描边,描边颜色为白色,描边位置为Inside。

画高音拾音器

添加一个图层蒙版,用黑色画掉一些白色描边的部分。

画高音拾音器

用同样的方法给较大的圆角矩形加高亮。

画高音拾音器

在圆角矩形的顶部,绘制一个长矩形,然后使用Edit > Transform > skew命令倾斜它。切换到矩形工具,在选项栏中,选择矩形工具减去形状面积(-)选择。画窄的矩形,直到你有六个矩形(因为吉他有六根弦)。

画高音拾音器

给图层一个内发光和斜面浮雕图层样式。

内发光

画高音拾音器

斜面和浮雕

画高音拾音器

创建一个新图层,然后使用画笔工具在每个矩形的顶部绘制小亮点。这些亮点非常小;为了精确,你需要放大,并使用画笔直径为1px。

画高音拾音器

这是100%视野下的皮卡。

你可以看到,许多小细节加起来就会产生巨大的结果。

画高音拾音器

步骤16:创建中间拾取

创建一个更大的圆角矩形,并对其进行转换,直到你得到一个类似于下图所示的形状。

创建中间拾取

给这个图层一个渐变叠加图层效果。

创建中间拾取

创建中间拾取

使用我们在桥和高音拾音器上使用的相同技术来给中间拾音器一个3D外观:复制形状,将其放在原始形状后面,向左移动2px,向下移动2px。

将下面形状的颜色更改为较深的颜色。

创建中间拾取

要添加阴影,首先,加载形状周围的选择。在形状下面创建一个新图层,用黑色填充,然后用高斯模糊滤镜软化它。

创建中间拾取

重复我们已经使用过几次的相同过程,在上面创建一个黑色的圆角矩形。

创建中间拾取

让我们给它一个笔画高亮(类似于我们之前所做的)。我们可以使用描边命令,或者为了获得更好的效果,我们可以使用一个小笔刷,主直径为1px,硬度为0%,手动在边缘上绘制白色高光。

创建中间拾取

我们用螺丝把中间的皮卡固定住。在左上角画一个小圆圈。

创建中间拾取

给圆圈一个渐变叠加(设置渐变样式为径向)。

创建中间拾取

正如您所看到的,径向颜色渐变将平面圆转换成一个看起来像螺丝钉头的球。

创建中间拾取

复制螺丝,把它放在每个角上。记住基本的透视和视点原则:离观察者越远的东西应该越小。

因此,右侧的两个螺钉应该比左侧的小。您可以使用自由变换命令修改大小。

创建中间拾取

电吉他拾音器会有这些固定的杆子来拾取每根吉他弦的声音。

我们需要在皮卡的顶部画六个黑色的圆圈来代表这些极点。现在只画一个,然后我们将复制它,以完成集合。

创建中间拾取

给黑色圆圈一个投影和渐变叠加。

阴影

创建中间拾取

渐变叠加

创建中间拾取

复制圆五次,并相应地放置它们。

这是我们完成的中间拾取:

创建中间拾取

步骤17:创建低音拾音器

顶部的拾音器对低音更敏感,而且离吉他的颈部最近。我们画最后一个皮卡。

使用我们用于中拾音器的相同技术来创建低音拾音器,将其定位在吉他颈部的右侧。

创建低音拾音器

步骤18:绘制机头/调谐器

在主轴箱上有六个机头,可以转动来调整琴弦的音调。让我们创建这些机头。我们将使用Adobe Illustrator来帮助我们,所以如果你还没有启动该软件。

在Illustrator中,使用钢笔工具绘制如下所示的形状。设置填充颜色为None,描边颜色为灰色。

绘制机头/调谐器

接下来,选择效果> 3D >旋转。

这可能需要一段时间,直到我们找到这个3D渲染的正确设置。

绘制机头/调谐器

在你满意3D渲染后,选择对象并将其复制到剪贴板。返回Photoshop。

按Ctrl/Cmd + V从剪贴板粘贴对象;当粘贴对话框窗口提示时,选择粘贴As:智能对象.通过在Photoshop中导入Illustrator对象作为智能对象,我们可以保留其矢量特征并保持原始3D渲染的完整性。

绘制机头/调谐器

将3D对象放在主轴箱的顶部。

如果,在这一点上,它看起来不对,双击图层,这将切换回Illustrator,让你做更多的编辑。改变3D旋转选项的透视设置,直到你满意为止。保存Illustrator文件,然后再次返回Photoshop,你会看到对象会自动更新。

绘制机头/调谐器

切换到移动工具(V)。按住Ctrl/Cmd然后点击并拖动对象复制它。重复这样做,直到你有六个。

绘制机头/调谐器

在对象下面创建一个新层。在这个新图层上,刷上一些阴影。

绘制机头/调谐器

床头箱一侧的调音钉由三个简单的形状制成。

首先,我们创建一个矩形。在矩形的顶部,我们使用钢笔工具(P)创建一个椭圆形状。在椭圆形状后面,我们需要绘制一个类似的形状,但颜色较深。

这是三个形状。然后,我们需要在形状的顶部创建一个新层,用于在高光和阴影上绘画。

绘制机头/调谐器

复制调谐钉,直到你有三个在左边。

为了使它们看起来逼真,您需要修改其中一些,使它们看起来好像处于不同的位置。

绘制机头/调谐器

复制三个调谐钉,然后使用编辑>转换>垂直翻转。因为我们的视角,把这三个调谐钉后面的主轴箱层和缩小,因为他们是远离视点。

绘制机头/调谐器

步骤19:画吉他弦

使用画笔工具(B)绘制六根吉他弦。按住Shift键画出一条完美的线条。我建议你用你的鼠标(而不是平板电脑)绘制绳子,使两端的重量相等,因为平板电脑的压力设置很可能处于活动状态。

当然,你可以取消这些设置,但切换到鼠标并单击也一样快。

画吉他弦

左边的前三根弦应该比其他的粗。要做到这一点,我们只需要通过按Ctrl/Cmd + J复制字符串层,然后在复制层上,删除右边的其他三个字符串。

画吉他弦

复制吉他弦图层,并通过设置前景色为黑色,然后点击Shift + Alt/Option + Delete,将弦的颜色更改为黑色。向左轻推1px,在字符串上创建阴影。

画吉他弦

我们不希望弦的阴影是平的。

如果你看过一把真正的吉他(我相信你看过),你可能会注意到弦到吉他颈和琴身的距离是不同的。所以,选择吉他脖子和身体上的弦的阴影,然后进一步推动它。你可以看到轻推前后的差异,如下图所示:

画吉他弦

步骤20:创建音量和音调控制

返回Illustrator,创建如下形状。

创建音量和音调控制

进入“效果> 3D >旋转”。试验设置,找到完美的视角设置为你的吉他。

创建音量和音调控制

将控件作为智能对象粘贴到我们的Photoshop文档中。在它下面创建一个新图层,并绘制它的阴影。

创建音量和音调控制

在控件顶部绘制线条,然后删除其中的部分。

创建音量和音调控制

为阴影和高光创建一个新图层。你可以在下面看到阴影绘画的进展。

创建音量和音调控制

这是100%视图下的控件:

创建音量和音调控制

重复控制几次,并将它们放在吉他的右下方。

创建音量和音调控制

步骤21:制作背景

我们现在完成了我们的吉他。接下来,让我们为它创建一个好的、互补的背景。

首先,在一个新图层上,创建一个柔软的径向梯度,从中心的白色到灰色。

制作背景

创建一个新图层,用白色填充。点击滤镜>,渲染>纤维。

制作背景

将图层的不透明度降低到10%。

制作背景

我认为背景的顶部部分太浅了,洗掉了脖子上的细节,我们花了很多精力。让我们来解决这个问题。创建一个新图层,用黑色绘制背景的顶部部分。

之后,将图层的不透明度降低到20-25%。

制作背景

步骤22:创建地板

使用多边形套索工具在画布的下部做一个选区。用灰色绘制部分选区。这就是我们的地板。

制作地板

步骤23:创建一个现实的吉他阴影

加载整个电吉他周围的选择。创建一个新图层,然后在新图层上用黑色填充选区。我们要用这个作为阴影层。

创造一个现实的吉他阴影

按Ctrl/Cmd + T激活自由变换。按住Alt/Option来倾斜阴影,使它与后面墙壁的视角相匹配,就好像阴影被投射在它上面一样。

创造一个现实的吉他阴影

使用高斯模糊滤镜软化吉他的阴影。

创造一个现实的吉他阴影

下面是阴影的结果:

创造一个现实的吉他阴影

这个阴影太强烈了,所以我们把图层的不透明度降低到50-60%。

创造一个现实的吉他阴影

移除阴影的下部,因为这部分应该隐藏在吉他后面。

创造一个现实的吉他阴影

我们还需要地板上的影子。

创建一个新图层,在吉他下面画一些阴影。

我们完成了!

教程汇总

最后,我们完成了吉他!在本教程中,我们介绍了很多Photoshop绘图技术,请记住,我们想要产生逼真的结果。我们还使用Illustrator强大的3D效果来绘制电吉他的一些组件。

我希望你喜欢这个Photoshop教程,并掌握了一些有用的技巧和技巧!

下载源文件

WebFX职业

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

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