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

                      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

                      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

                      Tom Holland Mục lục Đầu đời và giáo dục | Sự nghiệp | Cuộc sống cá nhân | Phim tham gia | Giải thưởng và đề cử | Chú thích | Liên kết ngoài | Trình đơn chuyển hướngProfile“Person Details for Thomas Stanley Holland, "England and Wales Birth Registration Index, 1837-2008" — FamilySearch.org”"Meet Tom Holland... the 16-year-old star of The Impossible""Schoolboy actor Tom Holland finds himself in Oscar contention for role in tsunami drama"“Naomi Watts on the Prince William and Harry's reaction to her film about the late Princess Diana”lưu trữ"Holland and Pflueger Are West End's Two New 'Billy Elliots'""I'm so envious of my son, the movie star! British writer Dominic Holland's spent 20 years trying to crack Hollywood - but he's been beaten to it by a very unlikely rival"“Richard and Margaret Povey of Jersey, Channel Islands, UK: Information about Thomas Stanley Holland”"Tom Holland to play Billy Elliot""New Billy Elliot leaving the garage"Billy Elliot the Musical - Tom Holland - Billy"A Tale of four Billys: Tom Holland""The Feel Good Factor""Thames Christian College schoolboys join Myleene Klass for The Feelgood Factor""Government launches £600,000 arts bursaries pilot""BILLY's Chapman, Holland, Gardner & Jackson-Keen Visit Prime Minister""Elton John 'blown away' by Billy Elliot fifth birthday" (video with John's interview and fragments of Holland's performance)"First News interviews Arrietty's Tom Holland"“33rd Critics' Circle Film Awards winners”“National Board of Review Current Awards”Bản gốc"Ron Howard Whaling Tale 'In The Heart Of The Sea' Casts Tom Holland"“'Spider-Man' Finds Tom Holland to Star as New Web-Slinger”lưu trữ“Captain America: Civil War (2016)”“Film Review: ‘Captain America: Civil War’”lưu trữ“‘Captain America: Civil War’ review: Choose your own avenger”lưu trữ“The Lost City of Z reviews”“Sony Pictures and Marvel Studios Find Their 'Spider-Man' Star and Director”“‘Mary Magdalene’, ‘Current War’ & ‘Wind River’ Get 2017 Release Dates From Weinstein”“Lionsgate Unleashing Daisy Ridley & Tom Holland Starrer ‘Chaos Walking’ In Cannes”“PTA's 'Master' Leads Chicago Film Critics Nominations, UPDATED: Houston and Indiana Critics Nominations”“Nominaciones Goya 2013 Telecinco Cinema – ENG”“Jameson Empire Film Awards: Martin Freeman wins best actor for performance in The Hobbit”“34th Annual Young Artist Awards”Bản gốc“Teen Choice Awards 2016—Captain America: Civil War Leads Second Wave of Nominations”“BAFTA Film Award Nominations: ‘La La Land’ Leads Race”“Saturn Awards Nominations 2017: 'Rogue One,' 'Walking Dead' Lead”Tom HollandTom HollandTom HollandTom Hollandmedia.gettyimages.comWorldCat Identities300279794no20130442900000 0004 0355 42791085670554170004732cb16706349t(data)XX5557367