如何在Illustrator中制作虚线

1,125 阅读8分钟

在下面的教程中,你将学习如何按照一些简单的方法在Illustrator中制作虚线。

一旦你学会了如何在Illustrator中制作虚线,你可能想在Illustrator中创建更复杂的虚线。如果你没有时间来创建这样的设计,你可以随时依靠Envato Elements

dotted stroke Illustrator brushesdotted stroke Illustrator brushesdotted stroke Illustrator brushes

这套点状笔触的Illustrator画笔

可以为你的设计节省时间。

这套虚线笔触的Illustrator画笔是一个完美的解决方案。在本教程的最后,你将学会如何在Illustrator中使用这些笔刷制作一个点状笔触。

阅读本教程,你的时间是否紧张?如果你想学习如何在Illustrator中以更动态的方式制作虚线,我们已经为你准备了这个视频教程。如果你喜欢这个内容,别忘了访问并订阅Envato Tuts+ YouTube频道!

在这个虚线的Illustrator教程中你会学到什么?

  • 如何在Illustrator中制作虚线
  • 如何在Illustrator中制作虚线
  • 如何在Illustrator中使用混合工具制作虚线
  • 如何在Illustrator中使用画笔制作虚线

方法1: 如何在Illustrator中制作虚线

步骤1

线条工具()钢笔工具()开始,创建你的线条。

使用线条工具(\),在点击和拖动时按住Shift键,可以轻松地创建一条直线。或者,你可以点击你的艺术板,打开线段工具选项窗口。设置线的角度长度,然后点击确定来创建。

使用钢笔工具(P),点击一次来添加线条的起点,然后按住Shift键来创建一条直线。再点击一次,添加直线的另一端,然后你可以按Escape键来完成路径的创建,并切换到选择工具(V)。现在你有了线,让我们进入下一个步骤,学习如何在Illustrator中制作虚线。

line dotted stroke Illustrator tutorialline dotted stroke Illustrator tutorialline dotted stroke Illustrator tutorial

第2步

确保你的线保持选中状态,并打开描边面板**(窗口>描边**)。如果你看不到下图中的所有选项,请打开笔画面板上的飞出菜单,然后选择 显示选项

首先,让我们把笔画重量增加到20pt,并勾选圆角按钮,这将有助于你创建圆点,因为它在笔画的末端增加了圆度。

stroke panel dotted stroke Illustrator tutorialstroke panel dotted stroke Illustrator tutorialstroke panel dotted stroke Illustrator tutorial

第三步

要在Illustrator中把一条线变成虚线,首先要在笔画面板中勾选虚线框。默认情况下,第一个虚线值将被设置为12pt,这将使你的线条变成一条虚线。将第一个间隙设置的值设置为20pt (或更多),以便更好地注意到每个虚线。

要想在Illustrator中把这个虚线变成一个点状笔画,你所要做的就是把破折号值降低到0pt

dashed line Illustrator dotted stroke Illustrator tutorialdashed line Illustrator dotted stroke Illustrator tutorialdashed line Illustrator dotted stroke Illustrator tutorial

第四步

只要你想在点之间增加更多的间距,就增加间隙值。

dotted line Illustrator dotted stroke Illustrator tutorialdotted line Illustrator dotted stroke Illustrator tutorialdotted line Illustrator dotted stroke Illustrator tutorial

dotted line Illustrator dotted line Illustrator dotted line Illustrator

第5步

勾选下图中突出显示的按钮,将圆点对准路径的两端,使其符合整个路径的长度。

dotted line path lengthdotted line path lengthdotted line path length

第6步

使用其他破折号和间隙框,你可以为你的虚线添加第二个破折号序列。

在第二个破折号框中输入0pt来添加第二个点,然后将第二个间隙值设置为80pt。通过这些设置,你将有一个点后面是40pt的间隙,第二个点后面是80pt的间隙。你可以对其余两个字段做同样的设置。请自由发挥这些值,并记住,笔画重量决定了点的大小。

dotted line gapdotted line gapdotted line gap

方法2:如何在Illustrator中使用混合工具制作点状线

步骤1

从**线条工具()**开始,用它来创建一条直线。

继续使用椭圆工具(L),用它来创建两个完美的圆。你可以点击你的艺术板,打开椭圆窗口,输入形状的大小,或者你可以在点击和拖动时按住Shift键,轻松地创建第一个圆。一旦你创建了第一个圆,切换到选择工具(V),按住Alt键,简单地点击并拖动你的圆来添加一个副本。

circle linecircle linecircle line

第二步

选择你的两个圆,从你的工具栏中选择混合工具(W),然后点击其中一个圆,再点击另一个圆,创建一个简单的混合。或者,你也可以进入对象>混合>制作

blend toolblend toolblend tool

blend toolblend toolblend tool

第三步

使用 选择工具(V),选择你的混合和线条,然后进入对象>混合>替换脊柱

从你的工具栏上双击混合工具(W) ,或进入对象>混合>混合选项。从下拉菜单中选择 "指定步骤",然后输入你想在两个圆之间复制的数量。

blend line specified stepsblend line specified stepsblend line specified steps

步骤4

或者,你可以从下拉菜单中选择 "指定距离",设置构成你的混合的点之间的间距。

line specified distanceline specified distanceline specified distance

方法3:如何在Illustrator中使用画笔制作虚线

步骤1

椭圆工具(L)开始,用它来创建一个完美的圆。确保你选择了这个形状,点击画笔面板**(窗口>画笔**)中的新建画笔按钮,并将其保存为散点画笔

保持默认设置,然后点击确定,将你的画笔添加到画笔面板。

circle scatter brushcircle scatter brushcircle scatter brush

第二步

再次使用线条工具(L)来创建一个新的线条,并从画笔面板上点击你的画笔,以方便应用它。

dotted line brushdotted line brushdotted line brush

第3步

你可以在画笔面板中双击应用的画笔,你可以用两个滑块调整点的大小和间距。点击 "确定",你的变化将被应用。

dot brush spacing sizedot brush spacing sizedot brush spacing size

第四步

另外,你可以增加或减少笔画重量来调整你的点画笔的大小。

dot brush stroke weightdot brush stroke weightdot brush stroke weight

第5步

最后,你可以随时使用Envato Elements中的画笔来轻松创建Illustrator中的点状或虚线。只要下载这个点状笔刷包,并返回到你的Illustrator文档。从画笔面板上打开飞出的菜单,转到 打开画笔库>其他画笔库,然后双击你下载的文件。

选择你的线条,点击*"艺术画笔33 "*或其他画笔包,别忘了你可以用笔画重量值轻松调整大小。

dot brushdot brushdot brush

祝贺你!你知道如何在Illustrator中制作虚线了。

我希望你喜欢这个教程,并能运用这些技巧在Illustrator中创建更多的点状线条。

现在你知道了如何在Illustrator中制作虚线,你可以前往Envato Elements,在那里你可能会找到有趣的解决方案,在Illustrator中创建更复杂的虚线。

dotted line Illustratordotted line Illustratordotted line Illustrator

来自Envato Elements的5个流行的Illustrator资产

Envato Elements是一个很好的资源,它可以帮助你在Illustrator中制作虚线。以下是您可以找到的一些最受欢迎的Illustrator附加组件的简短列表。

1.涂鸦画笔集(AI)

doodle brush Illustratordoodle brush Illustratordoodle brush Illustrator

这个Illustrator画笔集有50个独特的涂鸦画笔。在这些设计中,你会发现一些漂亮的点状画笔。

2.用于Adobe Illustrator的流动笔刷(AI)

dotted brushesdotted brushesdotted brushes

这套Illustrator笔刷包含了大量的点状笔刷,可以轻松地在Illustrator中制作点状线。

3.Illustrator箭形艺术笔刷(AI, EPS)

arrow dotted brusharrow dotted brusharrow dotted brush

想找一个点状的箭头?这个箭形艺术笔刷包是完美的解决方案。只需将这些画笔导入你的Illustrator文档,你就可以马上使用它们。

4.分隔符 (AI, JPG, EPS, PSD, PNG)

arrow dividersarrow dividersarrow dividers

这个分割线包也可以成为你创建一个简单的虚线的解决方案。正如你所看到的,这个包授予你访问花卉分隔线、线条边框、漩涡、树枝和其他手绘的插图。

5.圆点字母表(AI, EPS)

dot text effectdot text effectdot text effect

一旦你创建了你的点线,你可能想创建一个适合你的点线设计的文本效果。这个可能会有帮助。

发现更多很酷的Illustrator教程和资源

如果你想学习更多的知识,获得更多的灵感,我们在Tuts+上有大量的Illustrator教程,从初级到中级都有,请看一下吧