How do I make text transparent, or, cut text out of a shape?
For example, picture a "Property Of" t-shirt. There is usually a rectangle in the middle with XXL inside it.
How do I make the rectangle, have the XXL on the inside such that the color of the shirt shows through?
Forgive me if this is simple, but I just started to learn this sort of stuff.
If you mean like the "XXL" rectangle in:
http://www.pooldawg.com/images/cache/pdtsp_lg0x0-15104.jpg
then here is one way:
1. Create the rectangle and set its color 2. Create the text and move it into place over the rectangle (use the alignment tool to make it perfectly centered) 3. Select both the text box and the rectangle 4. Use the menu item Path >> Difference (or press Ctrl + -)
Hope this helps.
On 10/20/07, Mick Nelson <micknelson@...12...> wrote:
For example, picture a "Property Of" t-shirt. There is usually a rectangle in the middle with XXL inside it.
How do I make the rectangle, have the XXL on the inside such that the color of the shirt shows through?
Perhaps I'm missing the point - can't you just make the rectangle transparent by turning off the fill? (In the Fill and Stroke dialogue box, on the Fill tab, click on the X for 'No paint'.)
On Sat, 20 Oct 2007, Mick Nelson wrote:
For example, picture a "Property Of" t-shirt. There is usually a rectangle in the middle with XXL inside it.
How do I make the rectangle, have the XXL on the inside such that the color of the shirt shows through?
Forgive me if this is simple, but I just started to learn this sort of stuff.
Mick, Greg's approach is correct. I do have to edit his instructions just a bit, though.
1. Create the rectangle and set its color 2. Create the text and move it into place over the rectangle (use the alignment tool to make it perfectly centered) - use control + shift + a to bring this short cut up quickly. 2a. Select just the text box and convert it to a path. You can use the command under the path menu or type ctrl + shift + c. 3. Select both the text box and the rectangle 4. Use the menu item Path >> Difference (or press Ctrl + -) If you don't complete step 2a, this won't work.
~A
On 10/20/07, Robert Funnell <robert.funnell@...2351...> wrote:
Perhaps I'm missing the point - can't you just make the rectangle transparent by turning off the fill? (In the Fill and Stroke dialogue box, on the Fill tab, click on the X for 'No paint'.)
On Sat, 20 Oct 2007, Mick Nelson wrote:
For example, picture a "Property Of" t-shirt. There is usually a
rectangle in the middle with XXL inside it.
How do I make the rectangle, have the XXL on the inside such that the
color of the shirt shows through?
Forgive me if this is simple, but I just started to learn this sort of
stuff.
This SF.net email is sponsored by: Splunk Inc. Still grepping through log files to find problems? Stop. Now Search log events and configuration files using AJAX and a browser. Download your FREE copy of Splunk now >> http://get.splunk.com/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Aaron,
In my very brief test using 0.45.1, I did not have to convert to a path. I just added a second text box to the image, used Difference, and again the text becomes "transparent" allowing the colour behind the rectangle to show through.
Maybe I'm missing something or using the wrong terminology??
greg.fenton
On 10/20/07, Aaron Elmquist <ironranger@...155...> wrote:
Mick, Greg's approach is correct. I do have to edit his instructions just a bit, though.
- Create the rectangle and set its color
- Create the text and move it into place over the rectangle (use the
alignment tool to make it perfectly centered) - use control + shift + a to bring this short cut up quickly. 2a. Select just the text box and convert it to a path. You can use the command under the path menu or type ctrl + shift + c. 3. Select both the text box and the rectangle 4. Use the menu item Path >> Difference (or press Ctrl + -) If you don't complete step 2a, this won't work.
~A
Greg,
I've attached a file here as an example. Download it and use the difference function on the upper text and the dark rectangle.
Then repeat with the lower text has been converted to a path.
I think this should clear things up.
On 10/21/07, greg fenton <greg.fenton@...155...> wrote:
Aaron,
In my very brief test using 0.45.1, I did not have to convert to a path. I just added a second text box to the image, used Difference, and again the text becomes "transparent" allowing the colour behind the rectangle to show through.
Maybe I'm missing something or using the wrong terminology??
greg.fenton
On 10/20/07, Aaron Elmquist < ironranger@...155...> wrote:
Mick, Greg's approach is correct. I do have to edit his instructions just a bit, though.
- Create the rectangle and set its color
- Create the text and move it into place over the rectangle (use the
alignment tool to make it perfectly centered) - use control + shift + a to bring this short cut up quickly. 2a. Select just the text box and convert it to a path. You can use the command under the path menu or type ctrl + shift + c. 3. Select both the text box and the rectangle 4. Use the menu item Path >> Difference (or press Ctrl + -) If you don't complete step 2a, this won't work.
~A
This SF.net email is sponsored by: Splunk Inc. Still grepping through log files to find problems? Stop. Now Search log events and configuration files using AJAX and a browser. Download your FREE copy of Splunk now >> http://get.splunk.com/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Okay, so that doesn't clear things up at all...
I see the effect you are describing, but when I add my own text (click the text tool, click on the rectangle, type some text, change back to the select tool) then select the new text box and the rectangle and do a Difference, I get the same result as the "Text to path" text. I do not see the problem of the "Text Only" text.
How did you create the "Text Only" box?
The *exact* steps I do with your file is:
1. Open Example.svg 2. Press F8 3. Click somewhere on the light green rectangle and type "ABC" 4. Press F1 5. Shift-click the light green rectangle (so now both the rectangle and "ABC" are selected) 6. Press Ctrl+ - (or use Path >> Difference)
I now have "ABC" with the dark-green colour showing.
So how did you create the "Text Only" box?
greg.fenton
On 10/21/07, Aaron Elmquist <ironranger@...155...> wrote:
Greg,
I've attached a file here as an example. Download it and use the difference function on the upper text and the dark rectangle.
Then repeat with the lower text has been converted to a path.
I think this should clear things up.
Hey Greg,
Thanks. I'm glad we had this discussion. Usually I click and drag a text box with the text tool. This makes a defined area where text will and will not show up. I knew that one could also click in an area with the text tool and just start typing. What I did not know is that inkscape treats these two that differently.
If you just start typing. Yes, the path difference boolean operation works. If you click and drag a text box to type in, the object will have to be converted into a path prior to performing the difference operation.
I assume there is a reason for this behavior. I'm not sure of the benefits though.
I know I usually drag a box so text will automatically flow into the area. When the box runs out of room, that's it. No more text appears on screen. When the just click and type method is performed, the line just keeps running and running to the right as text is entered.
~Aaron
On 10/21/07, greg fenton <greg.fenton@...155...> wrote:
Okay, so that doesn't clear things up at all...
I see the effect you are describing, but when I add my own text (click the text tool, click on the rectangle, type some text, change back to the select tool) then select the new text box and the rectangle and do a Difference, I get the same result as the "Text to path" text. I do not see the problem of the "Text Only" text.
How did you create the "Text Only" box?
The *exact* steps I do with your file is:
- Open Example.svg
- Press F8
- Click somewhere on the light green rectangle and type "ABC"
- Press F1
- Shift-click the light green rectangle (so now both the rectangle and
"ABC" are selected) 6. Press Ctrl+ - (or use Path >> Difference)
I now have "ABC" with the dark-green colour showing.
So how did you create the "Text Only" box?
greg.fenton
On 10/21/07, Aaron Elmquist <ironranger@...155...> wrote:
Greg,
I've attached a file here as an example. Download it and use the difference function on the upper text and the dark rectangle.
Then repeat with the lower text has been converted to a path.
I think this should clear things up.
-- greg.fenton -- greg.fenton ^_at_^ gmail (yes, dot com)
This SF.net email is sponsored by: Splunk Inc. Still grepping through log files to find problems? Stop. Now Search log events and configuration files using AJAX and a browser. Download your FREE copy of Splunk now >> http://get.splunk.com/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
On Sun, 21 Oct 2007 14:59:53 -0500 "Aaron Elmquist" <ironranger@...155...> wrote:
[...]
If you just start typing. Yes, the path difference boolean operation works. If you click and drag a text box to type in, the object will have to be converted into a path prior to performing the difference operation.
I just fixed this in svn, i.e. flowed text (text in a box) can now be used directly in boolean path operations.
-- Gustav
And people wonder why I support f/oss projects...
This entire thread rocks!
So is "text box" vs "flow text" functionally different in any other ways? Is there any distinguishing identification when "text box" is displayed vs "flow text" (and please correct my terminology).
I likely should be querying the wiki on this topic....
greg.fenton
On 10/21/07, Gustav Broberg <broberg@...542...> wrote:
On Sun, 21 Oct 2007 14:59:53 -0500 "Aaron Elmquist" <ironranger@...155...> wrote:
[...]
If you just start typing. Yes, the path difference boolean operation works. If you click and drag a text box to type in, the object will have to be converted into a path prior to performing the difference operation.
I just fixed this in svn, i.e. flowed text (text in a box) can now be used directly in boolean path operations.
-- Gustav
On 10/21/07, Gustav Broberg <broberg@...542...> wrote:
I just fixed this in svn, i.e. flowed text (text in a box) can now be used directly in boolean path operations.
Ah, sorry, didn't notice your message :) No need to file a bug report :)
Thanks!
On 10/21/07, Aaron Elmquist <ironranger@...155...> wrote:
If you just start typing. Yes, the path difference boolean operation works. If you click and drag a text box to type in, the object will have to be converted into a path prior to performing the difference operation.
I assume there is a reason for this behavior. I'm not sure of the benefits though.
No, just an oversight. Please file a bug on that.
On 10/20/07, Mick Nelson <micknelson@...12...> wrote:
For example, picture a "Property Of" t-shirt. There is usually a rectangle in the middle with XXL inside it.
How do I make the rectangle, have the XXL on the inside such that the color of the shirt shows through?
In addition to the method described by the other replies, there's a technique you can use to make a text-shaped hole in an object without converting the text to a path. The advantage to that is that you can go back and edit the text later if you need to.
1. Create your rectangle with its fill. 2. Duplicate the rectangle (Ctrl-D). 3. Set the duplicate's fill to pure white. 4. Create your text, make sure it's black. 5. Group the white rectangle and text. (Select both and Ctrl-G.) 6. Select the group and the original rectangle and do Object > Mask > Set.
Another benefit is that the original rectangle is still a rectangle that can be modified with the rectangle-specific handles. There's also a way to make sure the mask stays in sync when you edit the rectangle this way, but I won't go into it in this message. If you're interested, check out my guide on making holes in Inkscape (open in Inkscape for best rendering):
http://kelan.freeshell.org/inkscape-holes.svgz
Kurt
participants (7)
-
Aaron Elmquist -
bulia byak -
greg fenton -
Gustav Broberg -
Kurt Hutchinson -
Mick Nelson -
Robert Funnell