A Better Way To Place Text On A Circle In Inkscape

Поділитися
Вставка
  • Опубліковано 3 лис 2024

КОМЕНТАРІ • 132

  • @OOTUS
    @OOTUS Рік тому +31

    Wow, didn't know that the "center text" option also works for text on path. I'm definitely using this method from now on, saves you a lot of hassle. Golden tip!

  • @lomicwind
    @lomicwind Рік тому +11

    If only I knew it sooner, so simple trick ! Always fiddling with guides to be close to centered text. Thanks Nick !

  • @kevinfoo8031
    @kevinfoo8031 Рік тому +3

    You always find more things about Inkscape, that's why I'm a subscriber.

  • @SuperWolfkin
    @SuperWolfkin Рік тому +12

    I can't wait this is one of my biggest common struggles

  • @michaelsalais7393
    @michaelsalais7393 Рік тому +2

    That is so much easier. Thanks for coming up with that, Nick. Love the mouse indicator.

  • @phillipschmidtpottery
    @phillipschmidtpottery 7 місяців тому

    sweet! that is a much better way, and so obvious but still hidden until you brought it to light. Thanks a million!

  • @Dobbo314
    @Dobbo314 Рік тому +22

    In computer graphics the starting point for angles is to the "East" (with "North" being straight up); with positive angles moving clockwise. That is why the first text you place on a circle is where it is - not a random position. When you centred the text on the circle the centre point of the text will be placed at the 180 degree point (due "West"). You then used the "Rotate by 90 Clockwise" tool on the circle to position the text at the top; so you did, in fact, rotate the circle despite claiming no rotation was required.

    • @StanleyPinchak
      @StanleyPinchak Рік тому +3

      No precise rotation with manual guides*
      Your mileage may vary.

    • @agerray
      @agerray Рік тому

      So why was the text placed on the bottom right of the circle at the start of the video?

    • @doctormo
      @doctormo Рік тому +4

      ​@@agerray That because the text is left aligned against the eastern line. So starting at zero degrees (which is the right side of the circle) and keep moving clockwise. If the test started out right aligned, then your text would End at the eastern line. When it's centered, it's in the middle between the start and end, or on the oposite side of the circle.
      - Inkscape developer

    • @doctormo
      @doctormo Рік тому

      ​@@agerray That because the text is left aligned against the eastern line. So starting at zero degrees (which is the right side of the circle) and keep moving clockwise.
      - Inkscape developer

    • @agerray
      @agerray Рік тому +1

      Thank you for the explanation - but as a "simple user" is there a reason why the text couldn't always simply be put on top of the path?

  • @henningsjlie2235
    @henningsjlie2235 Місяць тому +1

    Had an issue, but I figured it out. Explaining it here to save anyone else the headache.
    When I used "object flip" vertical or horizontal, the text seemed to disappear. Flip 90 deg worked fine, though. This is because when you use flip vert or hor, the text goes inside the edge of the circle. This is apparent in the video, but not pointed out. If the text and the circle are the same color, the text will appear to be gone. Just change some colors, and voila.

  • @ripudamanpandey1378
    @ripudamanpandey1378 Рік тому +1

    Always the best tutorials from this guy ✨

  • @davidtrego-t1x
    @davidtrego-t1x Рік тому

    I have only been working with Inkscape for a few months, but I always felt there had to be a more concrete way to do this. Thanks a lot of this post. Definitely adds to my confidence. I'm in the Philly/SJ burbs and now owe you a coffee haha.

  • @Vancittyy
    @Vancittyy Рік тому

    This could not have come at a better time! I’m using this technique to design my own tattoo ❄️

  • @ChrisKewl
    @ChrisKewl Місяць тому

    Thank you so much for this, it has made my life so much easier!

  • @myshamey
    @myshamey 4 місяці тому

    Aaaaaaaaabsolutely fantastic film!!! Short, but full of useful tricks! Thanks a lot Nick!!! ❤❤❤❤❤❤❤

  • @richiepyke1380
    @richiepyke1380 Рік тому +1

    Nick is the GOAT of Inkscape

  • @mmmmmm2979
    @mmmmmm2979 Рік тому

    Thank you so much Nick, this is the video that i was waiting for

  • @J.Severin
    @J.Severin 4 місяці тому

    wow, what a great video. short and on point. thank you, good job.

  • @chuckmoney1688
    @chuckmoney1688 Рік тому

    Short and concise, excellent tutorial

  • @8bitevolushroom312
    @8bitevolushroom312 Рік тому

    Thanks very much friends for all video tutorials very helpful. Cheers

  • @dannydotb
    @dannydotb Рік тому

    Ah, Nick! I don't believe it, dude! I was working on something similar to this only yesterday! I just eyeballed the text by manually rotating it. If only you had this out two days earlier... Excellent video, by the way!

  • @davidbolding8598
    @davidbolding8598 2 місяці тому

    Magic, Truely Magic, Thank you Nick

  • @Inkscape-tutorial-pl
    @Inkscape-tutorial-pl Рік тому

    Clever, really clever and simple! Thanks Nick.

  • @milicamaksic4414
    @milicamaksic4414 10 місяців тому

    You're amazing Nick!

  • @laracoa
    @laracoa 10 місяців тому

    Awesome, this was extremely helpful! Thank you!

  • @carpmanfishhead7063
    @carpmanfishhead7063 3 місяці тому

    Fantastic alternative Nick!

  • @alexg3905
    @alexg3905 2 місяці тому

    THANK YOU SO MUCH! Yes, those caps are on purpose!

  • @VelowomanAZ
    @VelowomanAZ Рік тому +1

    You are the best...

  • @KirkWitmer
    @KirkWitmer Рік тому +3

    Absolutely brilliant, Nick! Now, if we could just get you to do a tutorial on how to highlight our cursor, like you did for this lesson. ;)

    • @Qthekat1984
      @Qthekat1984 Рік тому

      There are 3rd party Apps for your OS. Such as Cursor Highlight for Windows. Just do a web search...

  • @cloud-forge
    @cloud-forge Рік тому

    Great one ! Thanks a lot Nick

  • @StephenBoyd21
    @StephenBoyd21 Рік тому

    Brilliant tip Nick.

  • @UXDlozi
    @UXDlozi 6 місяців тому

    You have a new subscriber! Love your work!❤

  • @rlocatellidigital
    @rlocatellidigital Місяць тому

    Wonderful! Thanks!

  • @brad5015
    @brad5015 Рік тому

    Thank you Nick!

  • @el2themeck
    @el2themeck Рік тому

    Amazing thanks Nick

  • @GraphicDesignStudio
    @GraphicDesignStudio Рік тому

    This is so nice tips.

  • @johnfogg7858
    @johnfogg7858 Рік тому +1

    Thank you!! That was very helpful. Can you explain how to place text at the top and bottom of the INSIDE of a circle?

  • @el2themeck
    @el2themeck Рік тому

    Let's go this is the bane of my inkscape existence

  • @alidapretorius5890
    @alidapretorius5890 9 місяців тому

    Perfect! Thank you!

  • @onepercentile
    @onepercentile Рік тому +1

    Great howto Nick. I'm not sure I'd have a use for putting text outside top and inside bottom of a circle unless the bottom circle was made larger and would be on two different paths. Both would be outside, or both would be inside, no? It seems I read some howto somewhere about Inkscape having controls for the text alignments and offsets from path, but I've forgotten how I did it previously. Maybe it was a dialog help, but the acrobatics involved with putting text on path is a load of guess-work and seems rather a hack than an official approach. I guess they say, "If you don't use it you lose it." Finding information in any official Inkscape manual is a whole other chore unlike Krita unfortunately. I'd love to have an offline PDF manual for the up2date Inkscape tools and even better if it came loaded with the program at install. Nonetheless your videos are an inspiration to achieving more with Inkscape. Cheers.

  • @jasonethegreat
    @jasonethegreat 11 місяців тому

    I love this channel.

  • @bobbylewis2006
    @bobbylewis2006 Рік тому

    Great tutorial

  • @margaretball8835
    @margaretball8835 4 місяці тому

    Thank you!😊

  • @felipecaian1
    @felipecaian1 4 місяці тому

    You saved me, Bro!!!!

  • @greasyfingergarage
    @greasyfingergarage Рік тому

    Well. That certainly would have saved me tons of time in the past.

  • @Reinavera73
    @Reinavera73 Рік тому

    Gracias Nick.

  • @Beyond_the_drift
    @Beyond_the_drift 3 місяці тому +3

    So when you delete the circle though, the path disappears and the text straightens out, how do you go about fixing that?

    • @FIRNVS
      @FIRNVS Місяць тому

      Have u figure it out?

  • @HoundDogHats
    @HoundDogHats 11 місяців тому

    Thank you for this.

  • @thierryleriche1196
    @thierryleriche1196 Рік тому

    That will save so much time

  • @gloriouschoices
    @gloriouschoices Рік тому +1

    Could you hold "shift" as you rotate to jump every 45°. I just saw this. Super awesome. Not near my inkscape to test.

  • @THAILANDCANUCK
    @THAILANDCANUCK 11 місяців тому +1

    Very good info, but how can you get the text on the outside of the circle on the bottom?

  • @jetc4332
    @jetc4332 9 місяців тому

    AWESOME!!

  • @batchrocketproject4720
    @batchrocketproject4720 Рік тому

    nice tip, thanks

  • @danober4624
    @danober4624 Рік тому

    Nick, your videos are amazingly helpful! Thanks. Are you able to convert text to Hershey text if it's on a path? It's not working for me.

  • @thewalkingjuju
    @thewalkingjuju Рік тому

    I found a quicker way!
    *Make your Circle, and select it* (My button is set to F1, for Selection Tool)
    *Ctrl+Shift+c* - convert selection to object (Path)
    *Ctrl+]* - Rotate selection 90°
    *Put text on path* (My Text is set to Centered by default, but I tested it, and it still bugs slightly off center, in some cases)
    *Fine tune, because of Centered Text Bug!* 👀

  • @International72521
    @International72521 Рік тому +8

    When text is on the top, it places the text outside the circle. When text is on the bottom, it's on the inside of the circle.

    • @doctormo
      @doctormo Рік тому

      The text baseline is always at the bottom of the text. There's no way (yet) to have the text hang off the top.

  • @sl5154
    @sl5154 2 місяці тому

    MAGIC!

  • @CTRL_SMarcos
    @CTRL_SMarcos Рік тому

    Nice tip, thanks for the video. One thing, you wouldn't need to select all the text, would you? Just having the text tool active would make its properties work. Always thinking about saving mouse clicks 🙂

  • @FolklorCaduco
    @FolklorCaduco Рік тому +1

    Nice. What about paths tho? I've tried the 'Pattern along path' effect, but it looks very distorted.

  • @DETAILINGONCAR
    @DETAILINGONCAR 11 місяців тому +1

    thanks sir

  • @HelmetVanga
    @HelmetVanga 3 місяці тому

    This is a cool feature to be able to have a text rounded. Now, what if I get rid of the circle since I no longer want it or need it there?

  • @mudasirhussainbhat6157
    @mudasirhussainbhat6157 Рік тому

    Hi , I have learnt lot from your videos . I was wondering that if Mailmerge like feature is available in Inkscape for windows version , there is plugin for Linux based version but doesn’t for windows or any workaround for the same .

  • @olymoon2008
    @olymoon2008 11 місяців тому

    Thank you for the explanation, but when I select the text and click on 90 degree rotate, it just rotates on itself where it is, instead of moving to the top... Any tip to do it like you exactly, please?

  • @narciliocosta
    @narciliocosta Рік тому

    Great!

  • @ironhandstudio6612
    @ironhandstudio6612 Рік тому

    Nickscape, yes.

  • @TarkynSharples2
    @TarkynSharples2 Рік тому +3

    Good tutorial. However, Inkscape really needs some context sensitive options for putting text on paths. So much so, that I tend to switch to Affinity Designer for this functionality, even though I prefer Inkscape.
    That said, I'm grateful for all the hard work the Inkscape devs have put in thus far.

    • @doctormo
      @doctormo Рік тому

      It's something that the developers want to add. And by developers, I mean me, it's something I want to add. I dislike our text on path tools, so clunky. Also flowed text, that needs to be fixed up too. It's just sitting behind a monstrous number of other things.

  • @RAMIRELLI-Art
    @RAMIRELLI-Art 4 години тому

    What if you no longer want the circle because lets say I want to put a design. I am assuming the round text remains as long as the circle is in place?

  • @voyageruk2002
    @voyageruk2002 Рік тому

    Nick I've watched nearly every video you've ever made, but you no longer make the more complex tutorials with multiple parts and gradients.
    Any chance you could make those logo videos you used to do back in the day?

    • @LogosByNick
      @LogosByNick  Рік тому

      Yes, I've been wanting to do more of that. I'll hopefully have something for you soon.

  • @defeatcobra3193
    @defeatcobra3193 5 місяців тому

    Is there a way to add additional text to the upper inside of the circle without undoing everything that is in this video?

  • @lmaoroflcopter
    @lmaoroflcopter 6 місяців тому

    Great so you still have to rotate the circle. Is there no way of specifying where along the path the text is applied? I wish to have text bottom and top of my circle, using this method I need two duplicated circles and map text to each path, then rotate them individually.

  • @CodlFaaic
    @CodlFaaic 3 місяці тому

    I want to place another text also on the top of the same circle. How to do it? Thank you.

  • @jackkirby5287
    @jackkirby5287 Місяць тому

    When it's on the top, it's outside the circle. When it's on the bottom, it's inside the circle. Is there anyway to keep it outside the circle? Also, can I control the distance between the circle and the text?

  • @HrafnNordhri
    @HrafnNordhri Рік тому

    When you flipped the circle the text when inside the circle boundary. How do we get this same text position on the outside like it was on the top?

  • @WhitbyStuff
    @WhitbyStuff Рік тому

    Can you do this for a different shape?

  • @redguitar6062
    @redguitar6062 Рік тому +1

    And along the outside of the circle when aligned to the bottom?

  • @radionut4422
    @radionut4422 9 місяців тому

    I am putting text on a circular path. Before putting onpath I am vertically stretching the text to make letters tall without changing their width. When I put them on the path they revert back to normal proportions. Other than trying to find a different Roman font that has tall letters, is there a way to do this?

  • @teddy2271
    @teddy2271 Рік тому

    Thank u thank u thank u

  • @Jazmin303
    @Jazmin303 9 місяців тому

    select all - test _ put on path (words in semi)

  • @qnsboromerch
    @qnsboromerch 10 місяців тому

    How do you get the text both on the bottom and top line up together. When you flip the text to go to the bottom, it doesn’t line up with the top text. Thank you

  • @stevensheldon9271
    @stevensheldon9271 23 дні тому

    How do I put text on the top and bottom of the circle, but both pieces of text being to the outside of the circle?

  • @jamiewatkins7623
    @jamiewatkins7623 2 місяці тому

    So, how do I get the top of text to align with the bottom outside of the circle?

  • @99loops
    @99loops Рік тому

    My 'fill' has become two boxes instead of one and it no longer fills with colour. One side is chequered. I haven't knowingly changed any settings and I'm stumped. Appreciate any suggestions from fellow Inkscape users!

  • @sl5154
    @sl5154 2 місяці тому

    JUST MAGIC! THANK YOU. MY PROBLEM IS THAT I NEED TO PUT A TEXT ON AN ARC, LIKE A DOOR. REALLY HARD.

    • @sl5154
      @sl5154 2 місяці тому

      I just found your put a text on a heart video. Solved. Thank you again!

  • @shaunhable
    @shaunhable 8 місяців тому

    How does one control if the text is INSIDE the circle or on the OUTSIDE of the circle?

  • @iam_abdullah2
    @iam_abdullah2 Рік тому

    I'm having trouble exporting my logo as a stack of PNGs so i can animate them in other software. Is there any possible way?

    • @LogosByNick
      @LogosByNick  Рік тому

      Have you tried using the Batch Export setting in the Export menu?

  • @stevensheldon9271
    @stevensheldon9271 23 дні тому

    Unfortunately this does not seem to work for me. I have selected the text and centered it, but when I place it on the path, it still goes to a random position on the circle.

  • @harryrabin4841
    @harryrabin4841 Рік тому +2

    How come when you placed the text at the bottom of the circle, it also went inside the circle.

  • @biplabmandi2140
    @biplabmandi2140 Рік тому +1

    How to put text in wave line path in inkscape ? Please.

  • @vincebaker3384
    @vincebaker3384 Рік тому +1

    how do I make the text at the bottom of the circle be on the outside of the circle like the text at the top?

    • @elsonfernand
      @elsonfernand Рік тому +3

      Just do the final trick of the video and increase de size of the circle.

    • @davescustommakes
      @davescustommakes Рік тому +2

      Duplicate the circle, select the duplicated circle and move it a little so you can tell them apart. Select the original circle and press CTRL+Z to undo the move. Your selection will stay on the original circle. Then hold CTRL and Shift and drag out from a corner until the top of the text is aligned with the bottom of the duplicated circle.

  • @sorenfranson3323
    @sorenfranson3323 Рік тому

    Is it just me or did Nick's voice rise a little right about the, "rotate 90-degrees"? I was totally expecting a VICTORIOUS ROAR, "I HAVE CONQUERED THE CENTER!!!"
    Because that's how this video makes me feel. 👍

  • @BaronB
    @BaronB Рік тому

    what is selectors and css in Inkscape?

  • @jpt3640
    @jpt3640 Місяць тому

    So, how can I put text on the bottom so it is not backwards?

  • @NaviaDaddyIssuee
    @NaviaDaddyIssuee 8 місяців тому

    What if you want to have two text? one one but one at top one at bottom

  • @marceloribeirosimoes8959
    @marceloribeirosimoes8959 13 днів тому

    I'm trying to make this same thing around an oval path.
    ...man, it's just a mess...

  • @MapleStDesigns12
    @MapleStDesigns12 10 місяців тому

    Any idea at all why mine will not center? It's off just a bit, kinda odd

  • @GHILLIESARCADEANDMORE
    @GHILLIESARCADEANDMORE Рік тому

    Cool

  • @juliemc5528
    @juliemc5528 3 місяці тому

    HOW DO I GET RID OF THE CIRCLE THOUGH AFTER IVE CURVED MY DESIGN? THEY STICK TOGETHER NOW

  • @dennyskerb4992
    @dennyskerb4992 Рік тому +1

    👍👍

  • @doktorbalaban
    @doktorbalaban Рік тому +1

    🎉

  • @6ch6ris6
    @6ch6ris6 11 днів тому

    the problem is on the top it places the text outside of the circle whereas on the bottom it places the text inside the circle. i want both to be outside 😢

  • @justnivek4345
    @justnivek4345 2 місяці тому

    sorry, but you cant degroup from the circle to moe the text more freeely?

    • @LogosByNick
      @LogosByNick  2 місяці тому

      You can but you'll have to convert the text to a path first. Or if you want to keep it as text you can move the circle (but not the text)

  • @michelkotoff-rizzo3112
    @michelkotoff-rizzo3112 Рік тому

    Why doesn't the the put on path button do anything for me?

    • @rupankarkarar7436
      @rupankarkarar7436 11 місяців тому

      Same here for me😢😢😢
      Which version is this???