How can I create a dashed line that slowly changes into a solid line in Illustrator?Geometrically correct line drawnings: curves, angles, cusps and other edgesHow to create an SVG path from a lineart?converting a dashed line into multiple lines in illustratorDividing a colour wheel (gaps)Aligning neighbouring paths and “connecting” anchors in IllustratorReplicating s curve lines where gap between is exactly the same and top and bottom lines match replicated curved lines. (Illustrator)Gaps between shapes when exporting from illustrator to photoshopHow do I convert this image into a 3D model?Is there a way to auto-generate (parametric) vector graphics to use in Inkscape/Illustrator?Curve leaf shape and grains with minimal distortion. What technique?

Why would "dead languages" be the only languages that spells could be written in?

How important is it for multiple POVs to run chronologically?

Why do most airliners have underwing engines, while business jets have rear-mounted engines?

Why did Super-VGA offer the 5:4 1280*1024 resolution?

Did William Shakespeare hide things in his writings?

Can a USB hub be used to access a drive from 2 devices?

Are "confidant" and "confident" homophones?

What is it called when the tritone is added to a minor scale?

PhD: When to quit and move on?

When is one 'Ready' to make Original Contributions to Mathematics?

How can select a specific triangle in my Delaunay mesh?

Convert integer to full text string duration

How come a desk dictionary be abridged?

Why did moving the mouse cursor cause Windows 95 to run more quickly?

What is exact meaning of “ich wäre gern”?

What is the shape of the upper boundary of water hitting a screen?

Does the "divide by 4 rule" give the upper bound marginal effect?

Why do Martians have to wear space helmets?

Do intermediate subdomains need to exist?

What's the big deal about the Nazgûl losing their horses?

Machine Learning Golf: Multiplication

How did Einstein know the speed of light was constant?

Is it acceptable that I plot a time-series figure with years increasing from right to left?

Does 5e have an equivalent of the Psychic Paper from Doctor Who?



How can I create a dashed line that slowly changes into a solid line in Illustrator?


Geometrically correct line drawnings: curves, angles, cusps and other edgesHow to create an SVG path from a lineart?converting a dashed line into multiple lines in illustratorDividing a colour wheel (gaps)Aligning neighbouring paths and “connecting” anchors in IllustratorReplicating s curve lines where gap between is exactly the same and top and bottom lines match replicated curved lines. (Illustrator)Gaps between shapes when exporting from illustrator to photoshopHow do I convert this image into a 3D model?Is there a way to auto-generate (parametric) vector graphics to use in Inkscape/Illustrator?Curve leaf shape and grains with minimal distortion. What technique?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








2















I am trying to create a dashed line that initially has small dashes and large gaps between each dash. The dashes lengths should increase while the gaps decrease until the point is reached that the line becomes solid. Is there any way to do this other than manually drawing in the line lengths?










share|improve this question







New contributor



tokun is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.














  • 1





    Hi tokun, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help or ping one of us in the chat once your reputation is sufficient (20). Keep contributing and enjoy the site!

    – Emilie
    9 hours ago

















2















I am trying to create a dashed line that initially has small dashes and large gaps between each dash. The dashes lengths should increase while the gaps decrease until the point is reached that the line becomes solid. Is there any way to do this other than manually drawing in the line lengths?










share|improve this question







New contributor



tokun is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.














  • 1





    Hi tokun, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help or ping one of us in the chat once your reputation is sufficient (20). Keep contributing and enjoy the site!

    – Emilie
    9 hours ago













2












2








2








I am trying to create a dashed line that initially has small dashes and large gaps between each dash. The dashes lengths should increase while the gaps decrease until the point is reached that the line becomes solid. Is there any way to do this other than manually drawing in the line lengths?










share|improve this question







New contributor



tokun is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











I am trying to create a dashed line that initially has small dashes and large gaps between each dash. The dashes lengths should increase while the gaps decrease until the point is reached that the line becomes solid. Is there any way to do this other than manually drawing in the line lengths?







adobe-illustrator path






share|improve this question







New contributor



tokun is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.










share|improve this question







New contributor



tokun is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.








share|improve this question




share|improve this question






New contributor



tokun is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.








asked 9 hours ago









tokuntokun

132 bronze badges




132 bronze badges




New contributor



tokun is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




New contributor




tokun is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









  • 1





    Hi tokun, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help or ping one of us in the chat once your reputation is sufficient (20). Keep contributing and enjoy the site!

    – Emilie
    9 hours ago












  • 1





    Hi tokun, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help or ping one of us in the chat once your reputation is sufficient (20). Keep contributing and enjoy the site!

    – Emilie
    9 hours ago







1




1





Hi tokun, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help or ping one of us in the chat once your reputation is sufficient (20). Keep contributing and enjoy the site!

– Emilie
9 hours ago





Hi tokun, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help or ping one of us in the chat once your reputation is sufficient (20). Keep contributing and enjoy the site!

– Emilie
9 hours ago










3 Answers
3






active

oldest

votes


















1














If all you need is a straight line, my first thought is to try to use the the blend tool on two horizontal lines, one short and one longer one. Like so:



illustrator screen shot of Blend Options dialog box and a sequence of lengthening line segments



Then fiddle with the exact segment length, stroke weight and the number of steps in the Blend Options dialog to get the effect you want. You may end up with overlapping lines and you'll have to join them and remove the extra anchor points.



And actually, I think you could apply this to a curved path, by Expanding the blend (with the entire blend object selected, go to Object --> Blend --> Expand), then drag the expanded group of lines to the Brushes panel and create a Pattern Brush.






share|improve this answer























  • I should've mentioned this in the original post, but I am trying to make a line with two 90 degree angles, like ' |______| '. I already tried blending and it didn't work, but your idea about expanding the blend and turning it into a brush worked great. Thanks!

    – tokun
    8 hours ago


















2














You can do a horizontal blend for example between a short dash and a longer dash, then play with all numeric values, the length of the lines, number of steps in the blend, etc. Probably other ways to do this.



enter image description here






share|improve this answer






























    1














    My approach was minorly labour-intensive, but nothing like as bad a "manually drawing in the line lengths" - I drew the entire path, set an initial dash + gap, then cut the curve at several points along its length - in each succeeding section, I incremented the gap down by 2 points, and the dash length up by 2 points.



    Looked like this in the end:



    enter image description here






    share|improve this answer

























      Your Answer








      StackExchange.ready(function()
      var channelOptions =
      tags: "".split(" "),
      id: "174"
      ;
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function()
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled)
      StackExchange.using("snippets", function()
      createEditor();
      );

      else
      createEditor();

      );

      function createEditor()
      StackExchange.prepareEditor(
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: false,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: null,
      bindNavPrevention: true,
      postfix: "",
      imageUploader:
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      ,
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      );



      );






      tokun is a new contributor. Be nice, and check out our Code of Conduct.









      draft saved

      draft discarded


















      StackExchange.ready(
      function ()
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f126247%2fhow-can-i-create-a-dashed-line-that-slowly-changes-into-a-solid-line-in-illustra%23new-answer', 'question_page');

      );

      Post as a guest















      Required, but never shown

























      3 Answers
      3






      active

      oldest

      votes








      3 Answers
      3






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      1














      If all you need is a straight line, my first thought is to try to use the the blend tool on two horizontal lines, one short and one longer one. Like so:



      illustrator screen shot of Blend Options dialog box and a sequence of lengthening line segments



      Then fiddle with the exact segment length, stroke weight and the number of steps in the Blend Options dialog to get the effect you want. You may end up with overlapping lines and you'll have to join them and remove the extra anchor points.



      And actually, I think you could apply this to a curved path, by Expanding the blend (with the entire blend object selected, go to Object --> Blend --> Expand), then drag the expanded group of lines to the Brushes panel and create a Pattern Brush.






      share|improve this answer























      • I should've mentioned this in the original post, but I am trying to make a line with two 90 degree angles, like ' |______| '. I already tried blending and it didn't work, but your idea about expanding the blend and turning it into a brush worked great. Thanks!

        – tokun
        8 hours ago















      1














      If all you need is a straight line, my first thought is to try to use the the blend tool on two horizontal lines, one short and one longer one. Like so:



      illustrator screen shot of Blend Options dialog box and a sequence of lengthening line segments



      Then fiddle with the exact segment length, stroke weight and the number of steps in the Blend Options dialog to get the effect you want. You may end up with overlapping lines and you'll have to join them and remove the extra anchor points.



      And actually, I think you could apply this to a curved path, by Expanding the blend (with the entire blend object selected, go to Object --> Blend --> Expand), then drag the expanded group of lines to the Brushes panel and create a Pattern Brush.






      share|improve this answer























      • I should've mentioned this in the original post, but I am trying to make a line with two 90 degree angles, like ' |______| '. I already tried blending and it didn't work, but your idea about expanding the blend and turning it into a brush worked great. Thanks!

        – tokun
        8 hours ago













      1












      1








      1







      If all you need is a straight line, my first thought is to try to use the the blend tool on two horizontal lines, one short and one longer one. Like so:



      illustrator screen shot of Blend Options dialog box and a sequence of lengthening line segments



      Then fiddle with the exact segment length, stroke weight and the number of steps in the Blend Options dialog to get the effect you want. You may end up with overlapping lines and you'll have to join them and remove the extra anchor points.



      And actually, I think you could apply this to a curved path, by Expanding the blend (with the entire blend object selected, go to Object --> Blend --> Expand), then drag the expanded group of lines to the Brushes panel and create a Pattern Brush.






      share|improve this answer













      If all you need is a straight line, my first thought is to try to use the the blend tool on two horizontal lines, one short and one longer one. Like so:



      illustrator screen shot of Blend Options dialog box and a sequence of lengthening line segments



      Then fiddle with the exact segment length, stroke weight and the number of steps in the Blend Options dialog to get the effect you want. You may end up with overlapping lines and you'll have to join them and remove the extra anchor points.



      And actually, I think you could apply this to a curved path, by Expanding the blend (with the entire blend object selected, go to Object --> Blend --> Expand), then drag the expanded group of lines to the Brushes panel and create a Pattern Brush.







      share|improve this answer












      share|improve this answer



      share|improve this answer










      answered 8 hours ago









      rgtgdrgtgd

      585 bronze badges




      585 bronze badges












      • I should've mentioned this in the original post, but I am trying to make a line with two 90 degree angles, like ' |______| '. I already tried blending and it didn't work, but your idea about expanding the blend and turning it into a brush worked great. Thanks!

        – tokun
        8 hours ago

















      • I should've mentioned this in the original post, but I am trying to make a line with two 90 degree angles, like ' |______| '. I already tried blending and it didn't work, but your idea about expanding the blend and turning it into a brush worked great. Thanks!

        – tokun
        8 hours ago
















      I should've mentioned this in the original post, but I am trying to make a line with two 90 degree angles, like ' |______| '. I already tried blending and it didn't work, but your idea about expanding the blend and turning it into a brush worked great. Thanks!

      – tokun
      8 hours ago





      I should've mentioned this in the original post, but I am trying to make a line with two 90 degree angles, like ' |______| '. I already tried blending and it didn't work, but your idea about expanding the blend and turning it into a brush worked great. Thanks!

      – tokun
      8 hours ago













      2














      You can do a horizontal blend for example between a short dash and a longer dash, then play with all numeric values, the length of the lines, number of steps in the blend, etc. Probably other ways to do this.



      enter image description here






      share|improve this answer



























        2














        You can do a horizontal blend for example between a short dash and a longer dash, then play with all numeric values, the length of the lines, number of steps in the blend, etc. Probably other ways to do this.



        enter image description here






        share|improve this answer

























          2












          2








          2







          You can do a horizontal blend for example between a short dash and a longer dash, then play with all numeric values, the length of the lines, number of steps in the blend, etc. Probably other ways to do this.



          enter image description here






          share|improve this answer













          You can do a horizontal blend for example between a short dash and a longer dash, then play with all numeric values, the length of the lines, number of steps in the blend, etc. Probably other ways to do this.



          enter image description here







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered 8 hours ago









          LucianLucian

          15.1k11 gold badges33 silver badges66 bronze badges




          15.1k11 gold badges33 silver badges66 bronze badges





















              1














              My approach was minorly labour-intensive, but nothing like as bad a "manually drawing in the line lengths" - I drew the entire path, set an initial dash + gap, then cut the curve at several points along its length - in each succeeding section, I incremented the gap down by 2 points, and the dash length up by 2 points.



              Looked like this in the end:



              enter image description here






              share|improve this answer



























                1














                My approach was minorly labour-intensive, but nothing like as bad a "manually drawing in the line lengths" - I drew the entire path, set an initial dash + gap, then cut the curve at several points along its length - in each succeeding section, I incremented the gap down by 2 points, and the dash length up by 2 points.



                Looked like this in the end:



                enter image description here






                share|improve this answer

























                  1












                  1








                  1







                  My approach was minorly labour-intensive, but nothing like as bad a "manually drawing in the line lengths" - I drew the entire path, set an initial dash + gap, then cut the curve at several points along its length - in each succeeding section, I incremented the gap down by 2 points, and the dash length up by 2 points.



                  Looked like this in the end:



                  enter image description here






                  share|improve this answer













                  My approach was minorly labour-intensive, but nothing like as bad a "manually drawing in the line lengths" - I drew the entire path, set an initial dash + gap, then cut the curve at several points along its length - in each succeeding section, I incremented the gap down by 2 points, and the dash length up by 2 points.



                  Looked like this in the end:



                  enter image description here







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered 7 hours ago









                  GerardFallaGerardFalla

                  6,5818 silver badges26 bronze badges




                  6,5818 silver badges26 bronze badges




















                      tokun is a new contributor. Be nice, and check out our Code of Conduct.









                      draft saved

                      draft discarded


















                      tokun is a new contributor. Be nice, and check out our Code of Conduct.












                      tokun is a new contributor. Be nice, and check out our Code of Conduct.











                      tokun is a new contributor. Be nice, and check out our Code of Conduct.














                      Thanks for contributing an answer to Graphic Design Stack Exchange!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid


                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.

                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function ()
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f126247%2fhow-can-i-create-a-dashed-line-that-slowly-changes-into-a-solid-line-in-illustra%23new-answer', 'question_page');

                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      Popular posts from this blog

                      Canceling a color specificationRandomly assigning color to Graphics3D objects?Default color for Filling in Mathematica 9Coloring specific elements of sets with a prime modified order in an array plotHow to pick a color differing significantly from the colors already in a given color list?Detection of the text colorColor numbers based on their valueCan color schemes for use with ColorData include opacity specification?My dynamic color schemes

                      Invision Community Contents History See also References External links Navigation menuProprietaryinvisioncommunity.comIPS Community ForumsIPS Community Forumsthis blog entry"License Changes, IP.Board 3.4, and the Future""Interview -- Matt Mecham of Ibforums""CEO Invision Power Board, Matt Mecham Is a Liar, Thief!"IPB License Explanation 1.3, 1.3.1, 2.0, and 2.1ArchivedSecurity Fixes, Updates And Enhancements For IPB 1.3.1Archived"New Demo Accounts - Invision Power Services"the original"New Default Skin"the original"Invision Power Board 3.0.0 and Applications Released"the original"Archived copy"the original"Perpetual licenses being done away with""Release Notes - Invision Power Services""Introducing: IPS Community Suite 4!"Invision Community Release Notes

                      199年 目錄 大件事 到箇年出世嗰人 到箇年死嗰人 節慶、風俗習慣 導覽選單