Inkscape.org
Beginners' Questions Arch v Curved text
  1. #1
    g3mkm g3mkm @g3mkm

    Hi again inkscapers,

    Just wondering if there may be an updated solution for this issue I'm hoping to resolve. It is briefly covered here:Ā https://alpha.inkscape.org/vectors/forum.inkscapecomunity.com/indexf09d.html?topic=496.0Ā although I hope to be a little more friendly haha.

    I can curve text no issues, but when I try to arch text using a tool such as pattern along path, the text does get quite warped and it takes a long time to get the letters sitting 'upright' in that college font style.

    I also briefly looked at using the bezier envelope tool but was having issues with it, then I saw somewhere in another forum post I think that that tool/extension wasn't working with Inkscape 1.x (I'm currently using 1.1 on Windows 10).Ā 

    I don't have a specific file or anything I'm working on to upload, I'm just playing around with things as it's something I'd like to do in the future.

    Cheers guys

  2. #2
    Tyler Durden Tyler Durden @TylerDurdenāš–
    šŸ™

    The Envelope path effect works a treat. (Disable the right/left bend).

    Ā 

  3. #3
    Polygon Polygon @Polygonāš–šŸŒ¶

    I guess BĆ©zier-envelope is the way to go from what I understand so far.

  4. #4
    Tyler Durden Tyler Durden @TylerDurdenāš–

    Bezier envelope is wonky and delivers unexpected results.

  5. #5
    g3mkm g3mkm @g3mkm
    *

    Youā€™re a legend. Now to ask a follow up questionā€¦ right now I am clicking and dragging, is there a ā€œsetā€ way where I can make sure the top and bottom are adjusted the same?

    and possibly a last oneā€¦is there a way to make sure Iā€™m using the centre so the arch is ā€œevenā€

  6. #6
    Tyler Durden Tyler Durden @TylerDurdenāš–

    Ja, the bending paths can snap to guides, add nodes, just like ordinary paths.

  7. #7
    g3mkm g3mkm @g3mkm
    šŸ‘

    Alright cool! I'm still a noob with things like that haha so I guess I've got some practicing to do! Thanks so much for your help I appreciate it

  8. #8
    Tyler Durden Tyler Durden @TylerDurdenāš–
    šŸ‘šŸ‘

    Here's one way.

  9. #9
    Polygon Polygon @Polygonāš–šŸŒ¶
    TylerDurden

    Bezier envelope is wonky and delivers unexpected results.

    Not from experience:Ā https://inkscape.org/forums/cafe/centering/#c33458

    Ā 

  10. #10
    g3mkm g3mkm @g3mkm

    Thanks so much! Itā€™s currently 1am here in Australia so Iā€™ll play with that in the daylight hours hahaĀ 

  11. #11
    Paddy_CAD Paddy_CAD @Paddy_CAD
    šŸ™

    Here's another solution that might work for you. Ā Credit toĀ Ken Wilson.

    https://inkscape.org/forums/tutorials/making-text-stay-vertical-to-page-as-it-follows-a-curce/

  12. #12
    g3mkm g3mkm @g3mkm

    Hey again folks, follow up question somewhat related to this. In the attached image I have some "college style" text that I arched.Ā It comes like that with the outline etc. If converted to a path, is there a way to "separate" the outline from the fill colour? Essentially I want to see if I could have it red with a white "outline". I do also have a 'block' font similar that I thought I could duplicate/add strokes/delete the middle bit (path>difference?) but wondered if there was a quicker way with the original text.

    Thanks again guys.

    Dayzetext
  13. #13
    Paddy_CAD Paddy_CAD @Paddy_CAD

    There are a few ways to do this but most straightforward I think is to use clones.Ā  A clone inherits it's styleĀ from the source shape and this overrides any styles you apply to the clone.Ā  But if you delete the style attribute from the source [Edit > XML Editor] or [shift+ctrl+x]Ā then you can style the clones as you please.Ā  In your case I see two stacked clones:Ā  The top clone is red fill with a white stroke and below that a clone with a thickĀ black stroke.Ā  When you change the paths and nodes of theĀ original object then all the clones are updated too.Ā  I usually place the original shapes in a sub-layer where you can quickly hide and unhide them for editing.

    There's a related forum post here.Ā Ā https://inkscape.org/forums/questions/im-new-and-want-to-use-inkscape-for-making-advance-graphical-text-but-need-help/

  14. #14
    Tyler Durden Tyler Durden @TylerDurdenāš–

    Maybe this:

  15. #15
    Paddy_CAD Paddy_CAD @Paddy_CAD
    šŸ™ŒšŸ†*

    I see your Booleans and raise you Editable Text!Ā 

    (Edit: svg attached)

  16. #16
    g3mkm g3mkm @g3mkm
    *

    Paddy, thanks so much for your response, however all of it went wayyyy over my head. I'm very much a beginner so I've never used the XML editor, much less know how to use it haha. But, its something worth learning.Ā 

    TD, that is similar to what I'm after but not quite - I think that's mostly due to me explaining poorly, so I've attached what I hope is a better example.

    The top font is the one I want to use, red in the middle, then blank, then a white line around the outside - I used a different font below it to try and illustrate it.Ā 

    So the black 'dayze' would be white, the blue would be gone (blank space) then the purple would be white.
    I guess what I want to see if I can do it separate the original font somehow to change the colours, instead of having to use the different font and 'make' it by duplicating, add strokes, then deleting (by using difference it think?)

    I hope that makes slightly more sense.

    Thanks again

    Ā 

    Examples
  17. #17
    g3mkm g3mkm @g3mkm

    Oops sorry thats so big haha

  18. #18
    Paddy_CAD Paddy_CAD @Paddy_CAD

    Here's a tutorial that hopefully fills in some of the blanks. Ā This outliningĀ method works for any shape, not just text.

    Outline Clones
  19. #19
    g3mkm g3mkm @g3mkm

    Ahh very interesting, thanks so much! I appreciate the help :)Ā 

  20. #20
    Polygon Polygon @Polygonāš–šŸŒ¶
    *

    This is the Bend Path effect on an autotraced version you posted above - still editable with the node-tool:

    Ā 

    Ā 

    lol - I can do large as well.

    Dayzebent
  21. #21
    g3mkm g3mkm @g3mkm

    Haha thanks Polygon, Iā€™ve got that bit down! I had a follow up regarding colours which I think Paddy may have solved for me. But thank you!Ā 

  22. #22
    Tyler Durden Tyler Durden @TylerDurdenāš–
    *

    Maybe this:

    Ā 

    Probably a good idea to group each completed letter.

  23. #23
    Paddy_CAD Paddy_CAD @Paddy_CAD
    šŸ™

    I want to add a couple of steps to my tutorial (#18 above).

    WhenĀ you're happy with your designĀ it's easy to useĀ this as a template.Ā Select the sourceĀ text and the clones then copy & paste. The pasted clones should be linked to the pasted source. I suggest savingĀ any designs that you like into a template file for future use.

    One of the things that font designers mustĀ considerĀ is letter spacing, but you mess this up when you addĀ an outline. Fortunately,Ā Inkscape lets you adjust the kerning with [alt+arrow_keys]Ā to tweakĀ the character positions.

  24. #24
    g3mkm g3mkm @g3mkm

    TD that worked great, I'm just having an issue with the inside of the A, I'm not sure if its like too small or I'm just doing the wrong area but I've done all the other letters except that tiny little bit.

  25. #25
    Tyler Durden Tyler Durden @TylerDurdenāš–

    Maybe zoom in generously:

  26. #26
    g3mkm g3mkm @g3mkm
    šŸ‘

    Okay cool yeah Iā€™ll play with it, I think I was just drawing not in the right spots so Iā€™ll need extra zoom haha. Thanks mate youā€™re a legendĀ