Inkscape.org
Beginners' Questions Text to path on an bitmap image?
  1. #1
    schleprock schleprock @schleprock

    I imported an emblem. It is 3 hebrew letters inside a circle.

    I did Path > Object to Path and turned the image into a path (I think, when I select it shows Path 160 noes in the bottom in a little printout in Inkscape)

    Next I select the text tool. I have a Psalm that I cut and pasted into a text box.

    Next I went to Text > Put on Path

    and

    nothing happened.

    Is this because teh Path part is 4 seperate, the 3 hebrew letters in the middle and the circle that encloses them.

    I want the Psalm to be outside circle. so the inside is letters and they are circled by the Psalm.

     

    What am I doing wrong?

    I have watched about 4 videos and they all show I am doing it properly, the only difference seems to be that I have 4 distinct objects in my Path, instead of 1 single object.

    How can I fix this, please?

  2. #2
    Xav Xav @Xav👹

    Forget about the emblem completely. I don't think that's the path you want to put the text on. Instead draw a new circle and adjust its position and size to match the emblem. Give it an obvious stroke but no fill to make it easier to position - it'll get hidden later so choose something that stands out.

    Select both the Psalm and the circle and use Text > Put on Path. At this point you should see the text move to the outside of the circle. If it's inside, flip the circle either vertically or horizontally. You can resize and rotate the circle to get the spacing and orientation correct.

    Finally, when you're happy with the result, select the circle and "hide" it by removing its fill and stroke entirely. If you ever need to select it again, you can use View > Display Mode > Outline to find it.

     

  3. #3
    schleprock schleprock @schleprock
    *

    OK, I see what you are saying. I could not get it to work because I am leaving out something. Here is what I did:

    I took the eraser and erased most of the outside circle of the emblem

    I took the circle tool and used what was left of the outside circle after the eraser and used it as a guide for creating a big blacked out circle over the emblem.

    Next I used the Text tool and opened up a box and cut and pasted my Psalm into the Text area

    Next I selected the big blacked out circle and the Text box with the Psalm in it at the same time.

    Then I went to Text > Put on Path

    the text disappeared (so black text disappeared into the black circle, I think)

    Anyway, what am I doing wrong?  How can I fix it.

    Also,

    thank you very much for helping me

    (Is there no way to ungroup the emblem, turn the border/cricle around it into a Path and then put my text on that)
    I tried the above but it did not work

    I did the Trace Bitmap, showed all the nodes, so it should be able to be split up and the pieces stand on their own, I tried Ungroup, but it just wont split up.

    I also tried Break Apart, but then the symbol does not look the same, it is all blacked out and you can't see anything.

    Here is what the image looks like:

    https://imgur.com/4WPYpxv

     

     

  4. #4
    Xav Xav @Xav👹

    First of all, forget the emblem entirely. Start by just trying to put text on a circle (with a thin stroke and no fill) on another part of the canvas, well away from the emblem. By using a stroke and no fill on the circle you can more easily see if the text is being put inside it rather than outside (in which case flip the circle horizontally or vertically). I also recommend using colours that stand out (e.g. red for the text, green for the circle), and only setting them to black once you've got everything in the right position.

    As for the emblem itself: yes, you can break it apart to turn the border into a path, but it's more complex and less accurate than just drawing a new circle. You were on the right lines with 'Break apart', but without a better understanding of what that's actually doing, and why/how you would want to use it, it's likely to confuse rather than help.

    I would also steer clear of the eraser tool. Usually you get a cleaner and better result using Boolean operations. In this case: draw a rectangle that covers the letters but doesn't touch the circle; select both the rectangle and the emblem; Path > Intersection.

  5. #5
    schleprock schleprock @schleprock

    OK, so when I get a chance in the very near future.

    I will draw a circle with tool, and put some text on it to see where it is going (inside/outside) of circle.

    Next  I will cut the letters out of the inside of the emblem, than use tool to draw a circle around them. How do i center the circle on the letters? That is important. Is there a way to center it?

    (sorry I can't try this right now)

  6. #6
    schleprock schleprock @schleprock
    *

    I drew a circle

    Turned it into a Path

    Used the color pallette at the bottom of InkScape to turn the circle a light reddish/pink color.

    I was not able to select both the text and the circle at the same time. Don't I need to be able to do that for this to work.

    I also turned down the Opacity, just in case but there is nothing there.

    Thanks

    Wrong, there was something there, you just have to turn the font size way up to 42 to be able to see the text.

    OK, I will move on to the rectangle now and cutting out the letters.

    I created a rectangle, placed it over the letters, and then had no idea what to do.

    I did do the Path > Intersection thing but it did not work.

    How do i get the rectangle to cut out the letters? OR do I want them cut out. All I was able to do was drag them around.

    Thanks

  7. #7
    Xav Xav @Xav👹

    There's no need to turn the circle into a path. Even though the function is called "Put on Path" it works equally well with circles and most other basic shapes.

    Yes, you need to be able to select both objects for this to work: it's how you tell Inkscape which text to put on which path. There are various ways to select multiple objects: in this case I would just click on one of them with the Selection tool, then hold Shift while you click on the other. You'll need to do this for Path > Intersection as well.

    However, the fact that you're asking how to select multiple objects suggests that you're missing some of the really basic fundamentals of the program. I think you would be better off forgetting this specific project for the time being, and start at the beginning. There are some tutorials in the Help menu which are a good start. My own tutorial series in Full Circle Magazine (free download) also starts at a very basic level: http://www.peppertop.com/blog/?p=1563

  8. #8
    schleprock schleprock @schleprock

    Ok, I will do my best to figure it out. I was really only asked to do this.

    Thank you

  9. #9
    Xav Xav @Xav👹

    I understand, but jumping straight in to a project without knowing even the most basic things makes it very difficult to help without us spending a lot of time on very, very detailed instructions. It's a bit like trying to instruct someone on how to build a house, when they've never even put up a shelf before (okay, maybe not quite that extreme, but you get the point).

    Anyway, maybe this will help:

     

  10. #10
    schleprock schleprock @schleprock
    *

    I watched a Lynda tutorial on Inkscape. I think there were 70 parts to it but they were all really short. But that is the only foundation I have. Somebody at work had it.

    Anyway, thank you very much. I did not realize what I was asking. I do understand that one person cannot take up all the time of the board's moderators. it is not fair to the others or to the mods. Open source is about sharing.

     

     

     

  11. #11
    Xav Xav @Xav👹

    Like I said, a good place to start would be the tutorials in the Help menu, or at least the first few. They shouldn't take too long to go through and do a good job of introducing the basics.

  12. #12
    schleprock schleprock @schleprock

    What is it called if you want to fill in the space between 2 paths?

    Fill does not seem to work. I need to fill in that space to emphasize it is a barrier but leave the words visible in it.

    I am not even sure what to do a search query for. Here is an image if you would like to see.what I am referring to.

    https://imgur.com/a/jXAZo0m

  13. #13
    Xav Xav @Xav👹
    *

    Do you mean the space between the two outer circles, behind the text? If so, there are two approaches you could take; the first is simpler and better for this specific case, but the second is a more general-purpose approach that works for more complex shapes:

    1. Draw a circle and give it a thick stroke, but no fill. Adjust the stroke thickness in the Fill & Stroke dialog to the exact size you want.
    2. Duplicate the two circles. Move the "inner" duplicate to the top of the z-order and select both duplicates. Use Path > Difference to cut the inner shape out from the outer shape. This leaves you with a single complex path (one that contains sub-paths). Set the fill on it.

     

    In either case you'll probably need to drop the resultant shape down in the z-order so it goes behind the text, and set the fill on the text to a suitably contrasting colour.

  14. #14
    schleprock schleprock @schleprock

    Thank you for answering. 

    I have just been swamped with all the Covid 19 problems at work, so I don't have as much time to try this as I would like.  But I wondered about the answer and I did not want to log in and look and not acknowledge your help.  It seems ungrateful.

    Anyway, thanks and I will get on this. If nothing else I will do it over the weekend.

    You already know this but figuring out how to get the top part of the circle to read left to right and the bottom part of the circle to read from left to right is crazy hard.  I watched a HeathenX video like 20 times to get. it. it was a pain in the rear but a lot of fun.

     

  15. #15
    schleprock schleprock @schleprock
    *

    Thank you for answering. 

    I have just been swamped with all the Covid 19 problems at work, so I don't have as much time to try this as I would like.  But I wondered about the answer and I did not want to log in and look and not acknowledge your help.  It seems ungrateful of me.

    Anyway, thanks and I will get on this. If nothing else I will do it over the weekend.

    You already know this but figuring out how to get the top part of the circle to read left to right and the bottom part of the circle to read from left to right is crazy hard.  I watched a HeathenX video like 20 times to get. it. it was a pain in the rear but a lot of fun.

     

  16. #16
    Xav Xav @Xav👹
    schleprock

    You already know this but figuring out how to get the top part of the circle to read left to right and the bottom part of the circle to read from left to right is crazy hard

    For anyone else reading this who wants to know the secret, here's what I would do:

    1. Create two concentric circles with a stroke but no fill, one for the top text and one for the bottom. The distance between them isn't vital as we'll adjust it later, but making it larger than the font size will make things clearer. These are temporary construction lines, so you might want to make them a colour that stands out.
    2. Select the top text and inner circle. Text > Put on Path.
    3. Rotate the inner circle if necessary to get the text to the top.
    4. Select the bottom text and outer circle. Text > Put on Path.
    5. Flip the outer circle either horizontally or vertically (e.g. Object > Flip Horizontal). This moves the text to the inside of the circle.
    6. Rotate the outer circle if necessary to get the text to the bottom.
    7. Scale one of the circles to get the spacing to look correct.
    8. Select the circles and unset their stroke to hide them, leaving just the two sections of text.

     

Inkscape Inkscape.org Inkscape Forum Beginners' Questions Text to path on an bitmap image?