在Adobe Illustrator中创建一个半现实的灯泡

预览

教程资源

步骤1:创建一个新的Illustrator文档

首先,让我们设置画板。新建Illustrator文档,尺寸:500x500px。

步骤2:导入参考照片

我用家里的一个灯泡作为参考照片;我已经为本教程提供了它。下载这个灯泡的图像然后用Illustrator打开。

锁定照片的图层,以避免意外移动它。

第三步:画出灯泡的轮廓

在参考照片上面创建一个新图层;新图层是我们绘制插图的地方。

首先,我们要画出灯泡的轮廓。抓住钢笔工具(P),并跟踪灯泡的左侧。

切换到选择工具(V),然后点击我们刚刚创建的路径选择它。转到对象>变换>反射。

选择垂直选项,然后点击复制按钮。这将创建一个镜像。

按住Shift键,点击反射路径,然后向右拖动;我们必须按住Shift键,这样移动就会受到水平方向的限制。

用直接选择工具(A)选择左边和右边路径的上锚点。右键单击其中一个,然后选择加入从上下文菜单中返回,该菜单似乎结合了两个锚。

要连接较低的锚点,只需抓起钢笔工具(P),并点击每个锚点关闭轮廓的矢量路径。

第四步:画出螺旋盖的形状

接下来,我们将创建灯泡的下部(金属部分),通常称为螺旋盖。

选择钢笔工具(P),并开始绘制螺旋盖的顶部与灯泡相遇的地方。

螺旋盖的中间部分画起来有点棘手。

但它不需要完美,只是尽量遵循帽子的形状,尽你所能。确保画出流畅的线条和曲线,如果第一次画不好也不要担心;你可以使用直接选择工具调整和调整单个锚点。

一直画,直到你有所有的主要部分的金属帽。

第五步:画出螺丝盖上的螺纹

现在我们需要做螺旋盖的螺纹。选择圆角矩形工具,然后创建如下所示的矩形。

我们需要稍微扭曲一下。

选择矩形,然后选择对象>信封扭曲>扭曲。

在Warp选项对话框中,选择对于样式选项,选择水平选项,并将Bend的值设置为-9。这将使矩形完全弯成两半。

用直接选择工具(A),在矩形的中间选择四个锚点,按住Shift并单击每个锚点。当选定锚点时,使用左箭头键将锚点向左移动几个像素。它将扭曲矩形更多一点,这将有助于现实的外观。

切换到选择工具(V),单击矩形选择它,然后选择对象>展开。

然后,把它移到灯泡的金属盖上。

复制它几次,并把副本如下所示。

或多或少,这是金属帽的基本形状:

第六步:对螺丝盖进行渐变

用漂亮的金属颜色梯度,我们可以使灯泡的下部更有说服力。它还将帮助我们在这个插图中创建一些深度。

要应用梯度,转到窗口>梯度(Ctrl/Cmd + F9)打开梯度面板。

对于线程,应用如下所示的渐变。

对于电接触,我们将使用一个简单的径向梯度。

继续使用金属渐变,直到达到你想要的效果。

步骤7:创建金属高光

让我们突出一些边。它将改善螺旋盖的金属外观。

选择盖子的上部,复制两次(Ctrl/Cmd + C),然后在前面粘贴两次(Ctrl/Cmd + F)。你应该知道有三份副本;原件加上两份副本。将其中一个副本向上推2px,并放大一点。

然后选择两个副本,在探路者面板下,按-前按钮。

应用如下所示的线性梯度。

对帽子的下部做同样的事情。

步骤8:创建灯泡的内部组件

在这一步中,我们将使用我们的参考照片来创建灯泡玻璃部分内部的元素。

首先,只需抓起钢笔工具(P),并开始绘制。提示:只要跟随你所画物体的形状;它不需要是完美的,因为我们可以调整各个锚点,以防我们不喜欢它的样子。作为一个参考,当你绘制,遵循下面的进程。

要创建盘绕的钨丝——中间穿过的卷线——选择我们在顶部画的路径,然后点击效果>扭曲和变换>之字形。

设置尺寸为1.5pt,每段脊数为20,点为光滑的

没有灯泡的参考照片,我们的插图应该是这样的:

我们进展得很顺利,你说呢?

第九步:给灯泡的玻璃部分上色

我们的灯泡看起来扁平,当然需要一些颜色。让我们应用一个漂亮的蓝色渐变,看看会得到什么。

首先,我们将为灯泡的玻璃创建一个白色的轮廓。选择玻璃,然后选择“对象>路径>偏移路径”。

设置偏移量为-3。

选择玻璃的内部形状,然后复制它。

设置较大形状的描边颜色为浅灰色(#C2C4C6),较小形状的描边颜色为白色(#FFFFF)。选择它们,然后转到对象>混合>制作。

现在,选择另一个较小形状的副本,并设置填充颜色为浅蓝色(#ADE0ED)。

用椭圆工具(L)在玻璃中间创建一个圆。给圆一个漂亮的蓝白径向梯度。

步骤10:应用反射和阴影

我们快完成了!

我们所需要做的就是创造一些漂亮的反射和阴影(毕竟这是一个灯泡!)反射可以是各种各样的形状和形式,但最好的方法是遵循物体的形状。

选择灯泡的蓝色形状,并创建两个副本。移动其中一个副本,然后旋转它一点。选择两个副本,在探路者面板下,点击-前按钮。

选择生成的形状并缩小一点。

应用如下所示的径向梯度。

让我们做同样的事情,但是在灯泡的另一边。再次创建两个蓝色形状的副本,稍微移动其中一个副本,旋转它,放大或缩小它(随心所欲地发挥创造力,跟随你的直觉)。这样,你就可以模拟真实世界中反射的非均匀性。

当你满意时,点击-前按钮来创建反射。

选择反射对象,并给它一个径向梯度。


使用同样的技巧,创建一些更有趣的反射。

我们应该对灯泡的内部部件做同样的处理。每次你想要创建一个反射,使用相同的技术:复制对象两次,移动一个副本,旋转,放大或缩小,当你对反射的形状满意时,点击-前团结起来,或相交按钮在探路者面板,这取决于你想要达到什么。

我们关注的细节越多,我们的插图就越引人注目和逼真。只是要确保不要夸大;我们不想创建一个繁忙、拥挤和不集中的插图。

当你完成创建反射和细节,调整所有元素的位置和大小,以完成灯泡的插图。

另外,不要忘记创建阴影。

教程汇总

在本教程中,我们经常使用钢笔工具。

钢笔工具真的是一个强大的Adobe Illustrator功能,但它需要练习才能掌握。此外,我还向您展示了许多插图画家所做的一种流行技术,即使用参考照片来帮助我们绘制插图。当您有一个可以用于跟踪的参考图像时,就容易得多了。

我希望你喜欢这个教程,谢谢你的跟随!

下载源文件

WebFX职业

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

我们招聘!
查看30+职位空缺!