Reading time: 8 minutes
In the following tutorial, you will learn how to make a dashed line in Illustrator following some simple methods.
After learning how to make a dashed line in Illustrator, you may want to create more complex dashed lines in Illustrator. If you don't have time to create these designs, you can always count onEnvato Elements.
this set ofDotted Stroke Illustrator Brushesit's a perfect solution. By the end of this tutorial, you'll learn how to make a dotted stroke in Illustrator using one of these brushes.
Short on time to read this tutorial? If you want to learn how to make a dotted line in Illustrator more dynamically, we have this video tutorial for you.Be sure to visit and subscribeCanal Envato Tuts+ no YouTubeif you like this content!
What you will learn in this dashed line illustrator tutorial
- How to Make a Dashed Line in Illustrator
- How to Make a Dotted Line in Illustrator
- How to Make a Dotted Line in Illustrator Using the Blend Tool
- How to Make a Dotted Line in Illustrator Using Brushes
Method 1:How to Make a Dotted Line in Illustrator
start with theline tool (\)or thePen Tool (P)and create your line.
Using theline tool (\), hold theChangewhile clicking and dragging to easily create a straight line. Alternatively, you can click on your artboard to open theLine segment tool optionswindow. Select theAngleit's himLengthof the line and then clickOKto create it
Using thePen Tool (P), click once to add the starting point of the line and holdChangeto create a straight line. Click once more to add the other end of the line, and then you can press theGet outto finish creating the route and switch to theSelection Tool (V)🇧🇷 Now that you have the line, let's move on to the next steps and learn how to make a dashed line in Illustrator.
Make sure your row stays selected and open theCareerquadro (Window > Trace🇧🇷 If you are unable to see all the options shown in the following image, open the drop-down menu on theCareerpanel and go toshow options.
To begin with, let's increase the course.Weightone20 pointsand check theround capbutton, which will help you create the points by adding rounding to the end of a stroke.
To convert a line to a dashed line in Illustrator, start by checking thebroken linebox ofCareerpanel. By default, the firstFeaturethe value will be set to12 points, which will turn your line into a dashed line. Set the value for the first space setting to20 points(or more) to better understand each trait.
To turn that dashed line into a dotted line in Illustrator, all you have to do is pull down thefeaturevalor a0 points.
Just increase the space value each time you want to add more space between points.
Check the button highlighted in the image below to align the points to the ends of the path and make them fit the full length of the path.
Using the other dash and space boxes, you can add a second sequence of dashes to your dotted line.
Log in0 pointsin a secondFeaturebox to add a second point, and then define the secondLacunavalor a80 points🇧🇷 With this setup you will have a period followed by a40 pointsspace and a second period followed by a80 pointsGap = Gap. You can do the same for the remaining two fields. Feel free to play around with these values, and remember that stroke weight determines the size of the dots.
Method 2:How to Make a Dotted Line in Illustrator with the Blend Tool
start with theline tool (\)and use it to create a straight line.
continue with theEllipse Tool (L)and use it to create two perfect circles. You can click on your clipboard to open theEllipsewindow and enter the size of your shapes, or you can press and hold the buttonChangewhile clicking and dragging to easily create the first circle. After creating the first circle, switch to theSelection Tool (V), hold thealternativeand just click and drag your circle to add a copy.
Select your two circles, choose theFusion Tool (W)in the toolbar and click on one of the circles and then on the other to create a simple combination. Alternatively, you can go toObject > Blend > Make.
Using theSelection Tool (V), select your mix along with the line and just go toObject > Merge > Replace Spine.
Double click onFusion Tool (W)on your toolbar or go toObject > Blend > Blend Options🇧🇷 selectspecified stagesfrom the drop-down menu and simply enter the number of copies you want to have between the two circles.
Alternatively, you can selectspecified distancefrom the drop-down menu and set the spacing between the dots that make up your blend.
Method 3:How to Make a Dotted Line in Illustrator Using Brushes
start with theEllipse Tool (L)and use it to create a perfect circle. Make sure you have this shape selected, click the buttonnew brushbutton ofbrushesquadro (Window > Brushes) and save it asdispersion brush.
Keep the default settings and clickOKto add your brush tobrushespanel.
Use oLine Tool (L)again to create a new line and click the brush on thebrushesEasy application panel.
You maydouble clickthe brushes applied tobrushesand you can adjust the size and spacing of the dots with the two sliders. give a clickOKand your changes will be applied.
Alternatively, you can increase or decrease the strokeWeightto adjust the size of the dotted brush.
Finally, you can always use a brushEnvato Elementsto easily create a dotted or dashed line illustrator. just download thisdot brush packand return to your Illustrator document. Open the drop-down menu onbrushesdashboard, go toOpen Brush Library > Other Library, youdouble clickyour downloaded file.
Select your line, click'Art Brush 33'or any other brush from your bag, and don't forget you can easily adjust the size with the strokeWeightvaleria.
Congratulations! Do you know how to make a dotted line in Illustrator?
I hope you enjoyed this tutorial and can apply these techniques to create more stippled strokes in Illustrator.
Now that you know how to make a dotted line in Illustrator, you can go toEnvato Elements, where you can find interesting solutions to create more complex dashed lines in Illustrator.
5 popular illustrator features from Envato Elements
Envato Elements is a great resource for resources to help you make a dotted line in Illustrator. Here is a short list of some of themost popular illustrator pluginswhat can you find
This Illustrator brush collection comes with 50 unique scribble brushes. Among these designs, you will find some nice dotted brushes.
This Illustrator brush set comes with a huge collection of dot brushes that can be easily used to make a dotted line in Illustrator.
3.Illustrator's Arrow Art Brushes(IA, EPS)
Looking for a dotted arrow? This arrow-shaped art brush pack is the perfect solution. Simply import the brushes into your Illustrator document and you'll be able to use them right away.
4.separate dividers(IA, JPG, EPS, PSD, PNG)
This divider pack can also be a solution for you to create a simple dotted pattern. As you can see, this pack grants you access to floral dividers, line borders, swirls, twigs, and other hand-drawn illustrations.
5.circle dots alphabet(IA, EPS)
After creating your dotted line, you may want to create a text effect that fits well with your dotted design. This can be helpful.
Discover more great Illustrator tutorials and resources
If you want to learn more and get even more inspiration, we havetons of Illustrator tutorials on Tuts+, beginner to intermediate level, check it out!
- Illustrator for Kids: How to Create a Seamless Retro Polka Dot PatternNataliya DolotkoDecember 21, 2015
- How to Create Patterns and Brushes with Halftone Effects in Photoshop and IllustratorLaura KeungMarch 20, 2020
- How to Create a Flat Style Mountain Landscape in Adobe Illustrator Aliaksei Kruhlenia Aug 17, 2020
- Create a Simple Kawaii Yeti with Basic Shapes in Adobe IllustratorAmanda TepieMay 9, 2020
- Illustrator in 60 Seconds: How to Create an Emoji IconAndrei StefanJuly 12, 2018
- How to Create Halftone Effects in Adobe IllustratorSara BerntssonJul 02, 2020
- How to Create a Rainbow Pride Gradient Overlay in Adobe Illustrator Sharon Archer-Thomas Oct 01, 2021
- How to create different vector textures using AdobeIllustratorAndrei Stefan07 Sep 2021
I'm a self-taught graphic designer and passionate about vectors. I spend most of my time working on all kinds of designs in Illustrator, Photoshop, XD, Figma or Sketch. Everything from illustrations to user interfaces and interface designs, icons, charts, infographics and diagrams, logos and badges, patterns, some character designs and lots of text effects. You can find all my tutorials atvforvectors.comand my entire portfolio inandreimarius.com.