在Illustrator中创建一个“圆形碎片”矢量形状

预览

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

首先我们要创建一个新的Illustrator文档,它可以是你想要的任何大小;但现在让我们将画板设置为4×4-inch正方形。你可以把它做成打印文档或者网络文档,这取决于你想如何使用最终产品。创建一个新的Illustrator文档”width=

第二步:画一个大圆圈

首先,我们要按下L键,这是椭圆工具的快捷键。

之后,确保你有一个纯黑色填充没有描边(你可以在工具面板底部设置这些选项,用红色圈起来)。同时按住Shift键以确保我们的形状保持比例,单击并拖动创建一个几乎跨越画板的整个尺寸的圆。当然,因为我们在Illustrator中,因为我们正在使用矢量,我们可以重新缩放设计,使其更大或更小,而不损失质量和分辨率。

画一个大圆”width=

步骤3:创建副本并按比例缩小

选择我们刚刚做的黑色大圆圈,按Cmd/Ctrl + C复制,然后立即按Cmd/Ctrl + F,这是编辑>粘贴在前面的快捷方式。将此形状的填充颜色更改为纯白色,并且同样没有任何描边颜色,以便我们可以准确地看到两个形状之间的差异。创建副本并按比例缩小”width=现在白色圆圈应该完全覆盖黑色圆圈,因为它正好在形状的顶部,而且大小完全相同。

现在我们要同时按住Shift + Option/Alt键,然后选择白色圆圈的四个角之一。同时仍然按住键,点击并向内拖动,以便我们现在从中心缩小白色圆圈。通常情况下,如果我们按住Shift键,它会保持形状的比例,但它会从角开始缩小,而不是从中心。

这是一个节省时间的一点,因为我们不需要试图居中形状自己。创建副本并按比例缩小”width=

第四步:使用探路者

确保路径查找器面板打开(转到窗口>路径查找器或按Shift + Cmd/Ctrl + F9)。接下来,用选择工具(V)选择两个圆。

虽然我们仍然选择了两个形状,但我们希望在按住Cmd/Ctrl(这样形状就变成复合形状)的同时单击减号前方命令(红色圆圈)。使用探路者”width=点击Minus Front后,你会注意到你现在已经将白色形状从黑色圆圈中剔除,本质上是从背景中的大圆圈中减去这个区域。这是我们试图实现的基本理念,我们将使用这种方法来创建一些独特的形状。

使用探路者”width=

第五步:重复

再次,选择椭圆工具(L),创建一个略大的圆,填充纯黑色。重复”width=使用我们之前使用的相同的过程,我们将再次复制形状,按Cmd/Ctrl + C,然后按Cmd/Ctrl + F粘贴到前面复制的形状。选择前面的圆的一个角,按住Shift + Option/Alt,同时向内拖动,从中心按比例缩小形状。

减少这个进一步创建一个更厚的黑色轮廓。重复”width=选择这两个形状,并使用减法前命令,同时按住Cmd/Ctrl从探路者从大的黑圆减去白圆。

步骤6:增加复杂性

这一步基本上是我们在前面的步骤中所做的,但现在我们要增加一点复杂性,以便我们可以创建一个稍微不同的形状。

从椭圆工具切换到矩形工具(M),创建一个垂直的黑色矩形,穿过新创建的黑色形状的直径。大小不必完美,但要确保每一端都伸出圆外。增加更多复杂性”width=选择矩形和圆形后,我们要确保两个对象处于居中。

我们将使用对齐面板(打开窗口>对齐或按Shift + F7)。这将打开面板,为我们提供对象对齐的几个选项,但我们最关心的是垂直居中和水平居中命令。增加更多复杂性”width=现在我们已经完成了完美的对齐,并确保我们的形状是居中的,在探路者面板中按下Minus Front命令,同时按住Ctrl/Cmd。

这将从圆形中减去矩形形状——这正是我们想要的。现在你应该能够看到我们在新形状的间隙下创建的更细的圆形。你可能需要稍微调整一下,让第一个形状与大形状的中间相交,但这很容易做到,因为我们知道如何从中心重新缩放对象并对齐它们。

步骤7:组合形状

一旦我们的两个形状排成一行,一切看起来都很好,返回到探路者面板,并按下Unite命令(最上面一行的第一个图标),这将结合这两个形状,而不是从另一个减去一个。使用这些相同的技术,我们可以通过将不同的形状(或形状的组合)放在另一个上面,然后减去或合并它们来增加更多的变化。这是我们技术的基础。

增加更多复杂性”width=

步骤8:添加一个描边

接下来,我们将选择一个纯黑色轮廓,没有填充颜色。点击工具面板底部的描边(或按X)。在描边面板(窗口>描边或按Cmd/Ctrl + F10显示面板),我们想设置描边的重量为4点,斜接限制为4。

增加更多复杂性”width=按住Shift键,同时在我们的其他形状做一个大轮廓。一旦你这样做了,选择我们目前在我们的文档中的两个形状,并再次对齐它们,以确保一切都是居中的。添加描边”width=

第九步:坚持下去

回到椭圆工具(L),在其他形状的内部创建另一个圆。

确保你有一个纯黑色的填充,没有轮廓,并且在绘制圆之前按住Shift来限制比例。坚持到底!”width=复制这个形状,用纯白色填充,然后用我们一直使用的Cmd/Ctrl + F快捷键粘贴到前面。坚持到底!”width=按住Shift + Alt并向内拖动其中一个角,创建略粗的黑色轮廓。

选择这两个形状并返回到探路者面板,在这里我们想再次使用减正面命令。(step09_reduce_and_subtract.jpg)

第十步:X型和O型

切换到矩形工具(M),创建一个高,细的矩形。稍微旋转一下。

X和O”width=复制这个矩形(Cmd/Ctrl + C),粘贴到前面(Cmd/Ctrl + F)。点击对象>变换>反射。X和O”width=当出现选项提示时,请确保选中了Horizontal选项。

X和O”width=一旦你复制和反射矩形,你将有一个X形状,在这一点上是两个独立的矩形。X和O”width=选择这两个形状,并从探路者面板按下联合命令,就像我们之前所做的那样。这将把两个矩形合并成一个实体形状。

在继续之前,选择X形状和最里面的圆形状,并将它们垂直和水平居中对齐。

步骤11:完成形状

选择钢笔工具(P),用纯黑色填充,在X形状的顶部和底部做一些锚点,只是为了覆盖暴露的圆形。X和O”width=选择X形状和你用钢笔工具画的形状,然后按Cmd/Ctrl + G(对象>组的快捷键)将它们组合在一起。

现在我们想再次使用探路者面板中的Unite命令将这两个形状与X形状结合起来。现在我们已经将形状组合在一起,我们将选择该形状,同时按住Shift键,我们将选择最里面的圆。返回到探路者面板,再次使用减法前面命令减去这个形状。

X和O”width=

第十二步:妈妈说打倒你!

接下来,选择椭圆工具(L),在我们其他形状的中心创建另一个更小的黑色圆圈形状。按住Shift键来限制比例,一旦你创建了形状,选择所有的对象(Cmd/Ctrl + A),并使用对齐面板命令将它们垂直和水平对齐。妈妈说打倒你!<p class='content-break'></p> <p> 复制此形状并粘贴在前面,然后按住Shift + Alt键并向内拖动四个角中的一个。试着尽可能地与之前的形状的宽度匹配——但它不必是精确的。选择两个最里面的圆,并再次使用负正面减去形状。

返回矩形工具(M),创建一个垂直的矩形。复制这个形状(Cmd/Ctrl + C),并将其粘贴在另一个形状(Cmd/Ctrl + F)的前面。

用选择工具(V)将光标移动到新创建的黑色矩形的四个角之一。您的鼠标光标应该变成一个弯曲的箭头光标,这表明您可以通过左右移动鼠标来旋转形状。按住Shift并旋转这个形状,这样你就创建了一个大的加号(+)形状。

当你旋转时按住Shift键,形状将以90为单位旋转o增量。选择这两个,并使用联合从探路者面板的形状。妈妈说打倒你!<p class='content-break'></p> <p> 按住Shift键选择组合形状以及它下面最里面的圆形状。接下来-你可能已经猜到了-我们将从探路者面板中选择负正面命令。< img src =”https: width="600" height="365">

步骤14:更多的圆圈

选择椭圆工具,在所有形状的中心创建另一个黑色圆圈。一旦你这样做了,选择我们所有的形状(Cmd/Ctrl + A)和对齐所有水平和垂直使用对齐面板命令。移动东西”width=

步骤15:居中

在我们的最后一步,我们将复制我们刚刚创建的黑色圆圈,并粘贴在前面,再次使用Cmd/Ctrl + F。

我们想改变这个形状,有一个纯白色填充没有笔画。同时按住Shift + Alt,向内拖动四个角中的一个,这样白色圆圈的大小会减小,但在黑色圆圈的中心。移动东西”width=我们将通过复制白色圆圈再次重复这一步,并粘贴在前面(Cmd/Ctrl + F)。

将填充更改为纯黑色填充,并确保它没有描边。在白色圆圈内按比例缩小对象。选择这个最里面的黑色圆圈,同时按住Shift键,选择这个形状外面的白色圆圈。

使用我们最喜欢的命令-减去前面-把这个黑色形状从白色圆圈中敲出来。在这里,您不会真正注意到任何不同,因为这两个形状都在一个略大的黑色圆圈内,但这仍然是必要的(您很快就会看到)。移动东西”width=选择矩形工具(M),创建一个细的,垂直的矩形,只与我们新创建的白色形状的底部相交在文档的中心。

移动东西”width=按住Shift键并同时选择矩形和我们刚刚创建的白色圆圈,再一次从寻路器面板中选择负正面选项。选择这个白色形状,并按住Shift键同时选择白色形状所在的黑色圆圈,并再次选择负正面选项。这使得最里面的白色形状将被从黑圈中剔除,而不仅仅是一个白色形状位于顶部。

移动东西”width=

教程汇总

正如你所看到的,创建这样的几何设计涉及到相当多的步骤,结果可能会根据你想要它有多少复杂性而有所不同。你现在应该准备好创建各种各样的形状使用相同的技术,我们已经在这里覆盖,你可以移动的东西,添加到它,或把东西拿走。您可以使用这样的形状作为设计元素(参见教程它使用这个形状作为主要组件),作为艺术刷,或将其导出到其他程序,如Cinema 4D和Photoshop。

我希望你已经发现本教程有用,并可以在一些你自己的艺术作品中使用这种技术来创建一些有趣的作品。谢谢你的跟进!

下载源文件

WebFX职业

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

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