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?

Is there a way to change the aspect ratio of a DNG file?

Has there ever been a cold war other than between the U.S. and the U.S.S.R.?

Bypass with wrong cvv of debit card and getting OTP

Way to see all encrypted fields in Salesforce?

Is this standard Japanese employment negotiations, or am I missing something?

Lie bracket of vector fields in Penrose's abstract index notation

Question about targeting a Hexproof creature

Is there a standard definition of the "stall" phenomena?

Was I wrongfully denied boarding for having a Schengen visa issued from the second country on my itinerary?

How to reclaim personal item I've lent to the office without burning bridges?

Do intermediate subdomains need to exist?

What happens if the limit of 4 billion files was exceeded in an ext4 partition?

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

Initializing variables variable in an "if" statement

PhD: When to quit and move on?

Should I warn my boss I might take sick leave?

Isn't "Dave's protocol" good if only the database, and not the code, is leaked?

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

Should I increase my 401(k) contributions, or increase my mortgage payments

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

Middle/Vertical alignment doesn't work with table of images

Do Goblin tokens count as Goblins?

Are "confidant" and "confident" homophones?

Should I cheat if the majority does it?



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;








3















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
    10 hours ago

















3















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
    10 hours ago













3












3








3








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 10 hours ago









tokuntokun

182 bronze badges




182 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
    10 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
    10 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
10 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
10 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
    9 hours ago


















3














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














    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
        9 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
        9 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 9 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
        9 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
        9 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
      9 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
      9 hours ago













      3














      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



























        3














        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

























          3












          3








          3







          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 9 hours ago









          LucianLucian

          15.1k11 gold badges33 silver badges66 bronze badges




          15.1k11 gold badges33 silver badges66 bronze badges





















              2














              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



























                2














                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

























                  2












                  2








                  2







                  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 8 hours ago









                  GerardFallaGerardFalla

                  6,5918 silver badges26 bronze badges




                  6,5918 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

                      ParseJSON using SSJSUsing AMPscript with SSJS ActivitiesHow to resubscribe a user in Marketing cloud using SSJS?Pulling Subscriber Status from Lists using SSJSRetrieving Emails using SSJSProblem in updating DE using SSJSUsing SSJS to send single email in Marketing CloudError adding EmailSendDefinition using SSJS

                      Кампала Садржај Географија Географија Историја Становништво Привреда Партнерски градови Референце Спољашње везе Мени за навигацију0°11′ СГШ; 32°20′ ИГД / 0.18° СГШ; 32.34° ИГД / 0.18; 32.340°11′ СГШ; 32°20′ ИГД / 0.18° СГШ; 32.34° ИГД / 0.18; 32.34МедијиПодациЗванични веб-сајту

                      19. јануар Садржај Догађаји Рођења Смрти Празници и дани сећања Види још Референце Мени за навигацијуу