A Better Way To Place Text On A Circle In Inkscape

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024

ความคิดเห็น • 124

  • @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.

  • @OOTUS
    @OOTUS ปีที่แล้ว +29

    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!

  • @Dobbo314
    @Dobbo314 ปีที่แล้ว +21

    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 ปีที่แล้ว +3

      ​@@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?

  • @SuperWolfkin
    @SuperWolfkin ปีที่แล้ว +12

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

  • @lomicwind
    @lomicwind ปีที่แล้ว +11

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

  • @Beyond_the_drift
    @Beyond_the_drift 2 หลายเดือนก่อน +2

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

    • @FIRNVS
      @FIRNVS 23 วันที่ผ่านมา

      Have u figure it out?

  • @harryrabin4841
    @harryrabin4841 ปีที่แล้ว +2

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

  • @kevinfoo8031
    @kevinfoo8031 ปีที่แล้ว +3

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

  • @biplabmandi2140
    @biplabmandi2140 ปีที่แล้ว +1

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

  • @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...

  • @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.

  • @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.

  • @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?

  • @michaelsalais7393
    @michaelsalais7393 ปีที่แล้ว +2

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

  • @henningsjlie2235
    @henningsjlie2235 6 วันที่ผ่านมา

    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.

  • @FolklorCaduco
    @FolklorCaduco ปีที่แล้ว +1

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

  • @jackkirby5287
    @jackkirby5287 10 วันที่ผ่านมา

    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?

  • @ChrisKewl
    @ChrisKewl 10 วันที่ผ่านมา

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

  • @redguitar6062
    @redguitar6062 ปีที่แล้ว +1

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

  • @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. 👍

  • @alexg3905
    @alexg3905 26 วันที่ผ่านมา

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

  • @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.

  • @lmaoroflcopter
    @lmaoroflcopter 5 หลายเดือนก่อน

    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.

  • @olymoon2008
    @olymoon2008 9 หลายเดือนก่อน

    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?

  • @shaunhable
    @shaunhable 6 หลายเดือนก่อน

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

  • @DETAILINGONCAR
    @DETAILINGONCAR 10 หลายเดือนก่อน +1

    thanks sir

  • @radionut4422
    @radionut4422 7 หลายเดือนก่อน

    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?

  • @HelmetVanga
    @HelmetVanga 2 หลายเดือนก่อน

    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?

  • @defeatcobra3193
    @defeatcobra3193 4 หลายเดือนก่อน

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

  • @jamiewatkins7623
    @jamiewatkins7623 หลายเดือนก่อน

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

  • @CodlFaaic
    @CodlFaaic 2 หลายเดือนก่อน

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

  • @CodlFaaic
    @CodlFaaic 2 หลายเดือนก่อน

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

  • @juliemc5528
    @juliemc5528 2 หลายเดือนก่อน

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

  • @Invad3rDiz
    @Invad3rDiz ปีที่แล้ว

    i have no freaking idea what size my canvas should be

  • @BongoBaggins
    @BongoBaggins ปีที่แล้ว

    How did I not know that centering text centres text >.< I'm such a bloody idiot

  • @VelowomanAZ
    @VelowomanAZ 11 หลายเดือนก่อน +1

    You are the best...

  • @HrafnNordhri
    @HrafnNordhri 11 หลายเดือนก่อน

    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?

  • @qnsboromerch
    @qnsboromerch 9 หลายเดือนก่อน

    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

  • @jpt3640
    @jpt3640 24 วันที่ผ่านมา

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

  • @THAILANDCANUCK
    @THAILANDCANUCK 10 หลายเดือนก่อน

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

  • @dennyskerb4992
    @dennyskerb4992 ปีที่แล้ว +1

    👍👍

  • @doktorbalaban
    @doktorbalaban ปีที่แล้ว +1

    🎉

  • @ripudamanpandey1378
    @ripudamanpandey1378 ปีที่แล้ว +1

    Always the best tutorials from this guy ✨

  • @bordz3726
    @bordz3726 ปีที่แล้ว

    HOW TO PUT IT INSIDE ON THE TOP OF THE CIRCLE WITHOUT MESSING THE WORDS?

  • @NaviaDaddyIssuee
    @NaviaDaddyIssuee 7 หลายเดือนก่อน

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

  • @michaelfrisch5963
    @michaelfrisch5963 ปีที่แล้ว

    somtimes i ask me, when i have transfer grafik to path.

  • @efrend.2361
    @efrend.2361 ปีที่แล้ว

    It's a lot easier and precise in CorelDraw 😔

  • @Jazmin303
    @Jazmin303 7 หลายเดือนก่อน

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

  • @Jazmin303
    @Jazmin303 7 หลายเดือนก่อน

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

  • @myshamey
    @myshamey 3 หลายเดือนก่อน

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

  • @BaronB
    @BaronB ปีที่แล้ว

    what is selectors and css in Inkscape?

  • @WhitbyStuff
    @WhitbyStuff ปีที่แล้ว

    Can you do this for a different shape?

  • @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!* 👀

  • @sl5154
    @sl5154 หลายเดือนก่อน

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

    • @sl5154
      @sl5154 หลายเดือนก่อน

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

  • @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!

  • @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.

  • @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!

  • @felipecaian1
    @felipecaian1 3 หลายเดือนก่อน

    You saved me, Bro!!!!

  • @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 .

  • @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 🙂

  • @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?

  • @justnivek4345
    @justnivek4345 28 วันที่ผ่านมา

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

    • @LogosByNick
      @LogosByNick  27 วันที่ผ่านมา

      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)

  • @8bitevolushroom312
    @8bitevolushroom312 ปีที่แล้ว

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

  • @richiepyke1380
    @richiepyke1380 ปีที่แล้ว +1

    Nick is the GOAT of Inkscape

  • @laracoa
    @laracoa 9 หลายเดือนก่อน

    Awesome, this was extremely helpful! Thank you!

  • @phillipschmidtpottery
    @phillipschmidtpottery 6 หลายเดือนก่อน

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

  • @davidtrego-t1x
    @davidtrego-t1x 11 หลายเดือนก่อน

    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.

  • @GraphicDesignStudio
    @GraphicDesignStudio ปีที่แล้ว

    This is so nice tips.

  • @greasyfingergarage
    @greasyfingergarage ปีที่แล้ว

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

  • @teddy2271
    @teddy2271 ปีที่แล้ว

    Thank u thank u thank u

  • @margaretball8835
    @margaretball8835 3 หลายเดือนก่อน

    Thank you!😊

  • @J.Severin
    @J.Severin 2 หลายเดือนก่อน

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

  • @MapleStDesigns12
    @MapleStDesigns12 9 หลายเดือนก่อน

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

    • @MapleStDesigns12
      @MapleStDesigns12 9 หลายเดือนก่อน

      It seems I figured it out.

  • @ironhandstudio6612
    @ironhandstudio6612 ปีที่แล้ว

    Nickscape, yes.

  • @davidbolding8598
    @davidbolding8598 หลายเดือนก่อน

    Magic, Truely Magic, Thank you Nick

  • @UXDlozi
    @UXDlozi 5 หลายเดือนก่อน

    You have a new subscriber! Love your work!❤

  • @sl5154
    @sl5154 หลายเดือนก่อน

    MAGIC!

  • @Vancittyy
    @Vancittyy ปีที่แล้ว

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

  • @mmmmmm2979
    @mmmmmm2979 ปีที่แล้ว

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

  • @michelkotoff-rizzo3112
    @michelkotoff-rizzo3112 11 หลายเดือนก่อน

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

    • @rupankarkarar7436
      @rupankarkarar7436 10 หลายเดือนก่อน

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

  • @el2themeck
    @el2themeck ปีที่แล้ว

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

  • @jetc4332
    @jetc4332 8 หลายเดือนก่อน

    AWESOME!!

  • @Inkscape-tutorial-pl
    @Inkscape-tutorial-pl ปีที่แล้ว

    Clever, really clever and simple! Thanks Nick.

  • @narciliocosta
    @narciliocosta ปีที่แล้ว

    Great!

  • @milicamaksic4414
    @milicamaksic4414 9 หลายเดือนก่อน

    You're amazing Nick!

  • @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.

  • @carpmanfishhead7063
    @carpmanfishhead7063 2 หลายเดือนก่อน

    Fantastic alternative Nick!

  • @thierryleriche1196
    @thierryleriche1196 ปีที่แล้ว

    That will save so much time

  • @alidapretorius5890
    @alidapretorius5890 8 หลายเดือนก่อน

    Perfect! Thank you!

  • @GHILLIESARCADEANDMORE
    @GHILLIESARCADEANDMORE ปีที่แล้ว

    Cool

  • @graphosxp
    @graphosxp ปีที่แล้ว

    💯👍

  • @cloud-forge
    @cloud-forge ปีที่แล้ว

    Great one ! Thanks a lot Nick

  • @chuckmoney1688
    @chuckmoney1688 ปีที่แล้ว

    Short and concise, excellent tutorial

  • @jasonethegreat
    @jasonethegreat 10 หลายเดือนก่อน

    I love this channel.

  • @HoundDogHats
    @HoundDogHats 10 หลายเดือนก่อน

    Thank you for this.

  • @el2themeck
    @el2themeck ปีที่แล้ว

    Amazing thanks Nick

  • @batchrocketproject4720
    @batchrocketproject4720 ปีที่แล้ว

    nice tip, thanks

  • @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.

  • @brad5015
    @brad5015 ปีที่แล้ว

    Thank you Nick!

  • @StephenBoyd21
    @StephenBoyd21 ปีที่แล้ว

    Brilliant tip Nick.