在Adobe Illustrator中创建矢量3D齿轮

教程预览

步骤1:创建平面形状

首先用画板创建一个新的Adobe Illustrator文档，尺寸为500x500px。确保颜色模式选项设置为RGB。

激活工具面板中的星形工具，然后单击画板上的任意位置。这样做应该会弹出星形对话框窗口。

设置半径1为25px，半径2为50px，点为12。

执行上述操作将创建一个如下所示的对象:

切换到椭圆工具(L)，按住Shift，然后画一个圆，如下图所示。(你需要按住Shift键来画一个正圆。)

你还需要先用选择工具(V)选择两个形状，然后在对齐面板(窗口>对齐或按Shift + F7)单击水平对齐中心和垂直对齐中心按钮，将圆与星星对齐。

复制圆(Ctrl/Command + C)，并将其粘贴到位(Ctrl/Command + F)。使新圆稍大一些。

然后，使用对象>排列>向后发送(Ctrl/Command +[)将其移动到较小的圆圈后面。

只选择星星和更大的圆，在探路者面板下(窗口>探路者)，点击相交按钮，这将修剪星星上的点。

现在，选择星形和红色圆圈，并使用联合按钮(也在探路者面板)。

你应该得到这样的结果:

再次用椭圆工具(L)创建另一个较小的圆。再次使用水平对齐中心和垂直对齐中心命令将圆放置在形状的中心。

确保去掉圆的填充色，只留下描边色。然后，设置描边重量为12pt。

通过到对象> Expand(这将把圆形笔画变成一个可编辑的矢量对象)来展开笔画。

选择这两个形状，在探路者面板下，单击负正面按钮。

你应该最终得到一个像这样的齿轮:

复制齿轮(Ctrl/Command + C, Ctrl/Command + F)，缩小复制，然后将其放在第一个齿轮的左边，如下所示。

选择所有内容，然后将它们放入一个组(Ctrl/Command + G)。

步骤2:创建3D对象

现在我们将把平面插图转换为3D形状。

选择我们的组，点击效果> 3D >挤压&斜面。

随意摆弄挤压和斜面选项，直到你得到你想要的效果。

在挤压和斜角对话框窗口中启用预览选项是非常有用的。

下面是我的设置:

使用上面的设置，你应该会得到这样的结果:

步骤3:扩展和统一3D元素

为了处理3D齿轮的各个部分，首先我们需要展开对象，然后使用探路者面板中的Unite按钮来组合相关元素。

要展开3D齿轮，选择它们，然后转到对象>展开外观。

在展开3D对象的外观后，我们需要完全取消它的分组。用选择工具选择所有的东西，然后按Shift + Ctrl/Command + G几次，直到所有的东西都完全解分组。

把所有的东西都拆了之后，我们需要把相关的部分统一起来。使用下面的图片，看看哪些部分应该组合在一起。

使用探路者面板中的联合按钮进行此过程。

步骤4:应用颜色梯度

现在我们将应用一些漂亮的颜色梯度。

由于我们的齿轮是由金属制成的，我们将使用灰色颜色梯度来模拟这种类型的表面。

为此，使用Illustrator的渐变工具(G)和渐变面板(Window > Gradient)。

使用以下图像作为齿轮正面的参考:

这里是齿轮内部的梯度:

使用这些图像作为左边齿轮的参考:

我们现在要做的就是填充齿轮的“齿”。使用相同的线性梯度，我们用于齿轮的内部部分。

为了使我们的插图的照明准确，只需要确保将浅色的渐变放在牙齿的顶部，深色的渐变放在底部。

牙齿之间的部分使用相同的颜色渐变。

对于牙齿的顶部，你可以使用各种深浅不一的纯灰色作为填充色;当你向上到画板的顶部时，灰色的阴影应该更浅(即，当我们更接近光源时)。

我们的工作已经基本完成了-让我们在接下来的步骤中为我们的插图添加一些细节。

第五步:突出边缘

虽然我们的插图看起来已经很不错了，但我们将做更多的事情来完成它。

首先，我们需要一些亮点在边缘，因为这将改善我们的齿轮的外观。

复制(Ctrl/Command + C, Ctrl/Command + F)齿轮的正面。使用向下箭头键将副本向下移动1px。

同时选择原始和副本，在探路者面板下，点击减法前按钮。

更改我们刚刚创建的形状的填充颜色为浅灰色，以便使它突出一点。

对齿轮的中间部分重复这一步:

对左齿轮也做同样的事情。

当你满意时，选择所有的对象，并把它们放在一个组(Ctrl/Command + G)。

步骤6:创建插图的背景

作为插图的设计，让我们把齿轮放在背景的顶部。

从工具面板中选择矩形工具(M)，单击画板上的某处-矩形对话框窗口应该会弹出。设置宽度和高度选项为500px(与我们的画板尺寸相同)。按确定创建500x500px的矩形。

应用径向梯度如下图所示:

将背景放置在齿轮后面使用对象>排列>发送到后面(Shift + Ctrl/Command + [)

步骤7:创建一个反射效果

现在我将向您展示一个快速简单的方法来创建矢量对象的反射在Illustrator。

首先，为了创造一个真实的反射，我们需要旋转我们的齿轮一点。

看看右齿轮的底部。你会注意到，底部的牙齿与画板的x轴不一致。让我们创建一个临时的水平线(这是下图中的红线)，以帮助我们纠正我们的齿轮的角度。

选择齿轮和旋转他们，以使齿与红线平行。

调整完成后删除红线。

接下来，选择齿轮，然后转到对象>变换>反射。

反射对话框窗口将弹出。

将Axis选项设置为水平，然后单击Copy按钮，这将创建齿轮的反射副本。

选择齿轮的反射副本，按住Shift键，向下拖动。

复制齿轮的反射，并取消组(Shift + Ctrl/Command + G)的复制。

在探路者面板下，按下统一按钮将所有元素统一为一个对象。

进入“对象>路径>偏移量”，将偏移量的值设置为1。这将创建一个稍大的对象。确保之后删除原始的(较小的)对象。

在偏移路径上应用径向梯度，如下所示:

在透明面板下(窗口>透明度或按Shift + Ctrl/Command + F10)，设置混合模式为屏幕。这将使渐变的黑色部分透明，它将逐渐变成白色。

选择画板上除背景外的所有对象，然后将它们分组(Ctrl/Command + G)。

我们做完了!

教程汇总

在本教程中，我们使用基本的Adobe Illustrator技术制作了一个非常有趣的3D插图。

我们将平面矢量图转换为3D图。我们使用渐变工具给我们的作品上色。然后我向您展示了创建反射效果的技术，您可以在其他插图中使用。

感谢您跟随我的教程。

欢迎在评论中分享你的想法并提出任何问题!

教程源文件

• 3 d_cogwheels_illustrator(ZIP, 0.61 mb)