I have a problem that I've searched, googled, AI'd and what not, but cant find the answer to.
I have set a clippingmask in my project, which then looks like this:
The hexagons are clipped within a duplicate of the background shape, and is exactly how I want them to be.
However, when opening my saved file it looks like this:
The hexagons are completely gone, and I cant figure out why they wont show. If anyone have any clever fixes, I would greatly appreciate any help! Thank you!
If I open the file in Inkscape they are visible again, but when opening in any other programs, the hexagons wont show. So they are not set invisible, they work just fine in inkscape, they just wont render anywhere else. It is the latest saved file, yes.
No, I haven't tried that, but its like that no matter where I try to open it, chrome, edge, sending it by email, illustrator. The clippings are just gone.
Ah yeah, I might have mislead by saying clipping mask, I'm not using the mask property, but the Clip. When I try the mask property the whole layer with hexagons disappears. No active blendmodes, only thing I've done to the group with the hexagon pattern is lower the opacity.
Here's what I do, (Sorry about the norwegian language in Inkscape.) "Lag 4" contains the group with the heaxagons. There are no blendingmodes in this group, only a lowered opacity. "Layer 1" is a duplicate of the bottom layer, without the fill but with a stroke. I select both of them and choose the clip. That does give me the desired effect, just not when I want to display it anywhere.
You´re mixing features I guess. Clipping Path will only use the path no matter of color and transparency value. Clipping mask depends on color lightness and shapes.
Yeah, I suppose it is a Clipping Path I am using then. As the mask will make the clipping areas transparent based on the color tone if I understood the guide I found correctly. But back to the problem, why doesnt it include the hexagons in any other programs? Is that something that is exclusive to Inkscape? Maybe I should just cut away the parts I dont nned myself just to make it work at this time... 😂
Thanks - investigating. You´re using a pattern fill for the hexagons - could be the culprit in conjunction with grouping and clipping path. Will see if there´s an easier way to achieve this "effect".
Im not using any pattern in that sense as far as I know, I made one hexagon and duplicated it and moved it around myself to create the effect, and then grouped it.
It looks like your problem is that you didn't achieve the beehive pattern you wished (let's just say you choosed a complicated way 😉). It would then have been simple to fill one duplicate with this pattern and place it over (tranparency) or under the gradient filled shapes. Here is a quick way to do the pattern.
Thanks everyone who helped, the tutorial I found on clipping said grouping would clip aswell 😅 Long time PS user, might have some bad habits stuck lol.
I guess I am just truly awful at this.... This time I avoided grouping anything at all... But I still have the same problem, anything I clip does show in inkscape but not in any other programs...
It looks like this in inkscape (I made the text dark just so it shows for the screenshot.) But then it looks like this when I open it anywhere else: (I didnt make the text darker here, so its white like its supposed to be)
So the number 1 and all of the shadows are gone. I have another layer duplicated above them, with the border added again, just to get that above the clippings, but the fill is set to none and all. And like I said, it looks just the way it's supposed to in inkscape.. svg attatched again:
Like stated earlier, I've been a photoshop user for very many years. I used to work a bit in Illustrator a few years back, and just started using inkscape. I dont know all the other methods of doing this, clipping is just the way I've been used to doing stuff like this in photoshop over the years. I'm sure I will get better at it over time 😅
I dont understand what you did to make it work based on those pictures though, what tools did you use for that, and how did you make the "clipping" effect without clipping?
Polygon tool for the Hexagon - give stroke/color/width and gradient fill - then go Path->Stroke to Path - ungroup - you´ll get a gradient shape and a contour shape.
Type "1" and go Path->Union to convert text object to shape.
Dark Shadow: Take the Bézier tool and draw some anchor points with snapping enabled
Light Shadow: Take the Bézier tool and draw some anchor points with snapping enabled
Apply solid colours and make arrangements for the Z-hierarchy: hexagon contour on top, Hexagon gradient send (Object-<Raise/Lower etc) to bottom etc.
This time I avoided grouping anything at all... But I still have the same problem, anything I clip does show in inkscape but not in any other programs...
No, like I said before, <g> (used in layers and groups). Use the XML editor to figure out why/when Inkscape is adding <g> to <clipPath> if you want it to work in other programs.
Beginners' Questions Clipping wont show
Inkscape.org
Hello, new user of inkscape here.
I have a problem that I've searched, googled, AI'd and what not, but cant find the answer to.
I have set a clippingmask in my project, which then looks like this:
The hexagons are clipped within a duplicate of the background shape, and is exactly how I want them to be.
However, when opening my saved file it looks like this:
The hexagons are completely gone, and I cant figure out why they wont show. If anyone have any clever fixes, I would greatly appreciate any help!
Thank you!
Are they gone from the file or set invisible? Is it the latest saved file or another? No clue how to tackle this from here.
@Polygon
If I open the file in Inkscape they are visible again, but when opening in any other programs, the hexagons wont show.
So they are not set invisible, they work just fine in inkscape, they just wont render anywhere else.
It is the latest saved file, yes.
Maybe the target app don´t support clipping masks. Have you tried Clipping Path instead?
@Polygon
No, I haven't tried that, but its like that no matter where I try to open it, chrome, edge, sending it by email, illustrator. The clippings are just gone.
Where can I find and try clipping path?
Same menu one entry above Mask. Any Blend modes active perhaps?
Ah yeah, I might have mislead by saying clipping mask, I'm not using the mask property, but the Clip. When I try the mask property the whole layer with hexagons disappears.
No active blendmodes, only thing I've done to the group with the hexagon pattern is lower the opacity.
Here's what I do, (Sorry about the norwegian language in Inkscape.) "Lag 4" contains the group with the heaxagons. There are no blendingmodes in this group, only a lowered opacity.
"Layer 1" is a duplicate of the bottom layer, without the fill but with a stroke. I select both of them and choose the clip. That does give me the desired effect, just not when I want to display it anywhere.
You´re mixing features I guess. Clipping Path will only use the path no matter of color and transparency value. Clipping mask depends on color lightness and shapes.
Yeah, I suppose it is a Clipping Path I am using then. As the mask will make the clipping areas transparent based on the color tone if I understood the guide I found correctly.
But back to the problem, why doesnt it include the hexagons in any other programs? Is that something that is exclusive to Inkscape? Maybe I should just cut away the parts I dont nned myself just to make it work at this time... 😂
Does it export properly to PNG?
I´m not able to recreate this. Clipping Paths work in other editors and Safari browser etc here.
Yes, it does.
Do you mind uploading an example file?
I can upload the file itself, no problem!
Thanks - investigating. You´re using a pattern fill for the hexagons - could be the culprit in conjunction with grouping and clipping path. Will see if there´s an easier way to achieve this "effect".
Im not using any pattern in that sense as far as I know, I made one hexagon and duplicated it and moved it around myself to create the effect, and then grouped it.
Every hexagon is a rectangle filled by a hexagonal pattern - check in Status Bar.
Here´s a more robust way with "real" hexagons as tiled clones. This works in browser here:
In order to make the original file browser compatible, just ungroup path424 (Layer 1) before using the path as a clipping path.
EDIT:
Notice, the container element <g> (used in layers and groups), is not permitted for the <clipPath> element.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath
Hello
It looks like your problem is that you didn't achieve the beehive pattern you wished (let's just say you choosed a complicated way 😉). It would then have been simple to fill one duplicate with this pattern and place it over (tranparency) or under the gradient filled shapes. Here is a quick way to do the pattern.
Thanks everyone who helped, the tutorial I found on clipping said grouping would clip aswell 😅
Long time PS user, might have some bad habits stuck lol.
Appreciate all the help, thank you for your time!
It's caused by an old bug, still present in Inkscape 1.3alpha0.
https://gitlab.com/inkscape/inkscape/-/issues/1392
https://gitlab.com/inkscape/inkscape/-/issues/1391
I guess I am just truly awful at this....
This time I avoided grouping anything at all... But I still have the same problem, anything I clip does show in inkscape but not in any other programs...
It looks like this in inkscape (I made the text dark just so it shows for the screenshot.)
But then it looks like this when I open it anywhere else: (I didnt make the text darker here, so its white like its supposed to be)
So the number 1 and all of the shadows are gone. I have another layer duplicated above them, with the border added again, just to get that above the clippings, but the fill is set to none and all. And like I said, it looks just the way it's supposed to in inkscape..
svg attatched again:
I don´t understand why you´re not after a more robust and reliable approach and hang on to the "clipping" hack instead.
What I mean by "robust":
@polygon
Like stated earlier, I've been a photoshop user for very many years. I used to work a bit in Illustrator a few years back, and just started using inkscape. I dont know all the other methods of doing this, clipping is just the way I've been used to doing stuff like this in photoshop over the years. I'm sure I will get better at it over time 😅
I dont understand what you did to make it work based on those pictures though, what tools did you use for that, and how did you make the "clipping" effect without clipping?
Once again, thank you so much for your help.
Polygon tool for the Hexagon - give stroke/color/width and gradient fill - then go Path->Stroke to Path - ungroup - you´ll get a gradient shape and a contour shape.
Type "1" and go Path->Union to convert text object to shape.
Dark Shadow: Take the Bézier tool and draw some anchor points with snapping enabled
Light Shadow: Take the Bézier tool and draw some anchor points with snapping enabled
Apply solid colours and make arrangements for the Z-hierarchy: hexagon contour on top, Hexagon gradient send (Object-<Raise/Lower etc) to bottom etc.
I attached the Inkscape SVG above.
No, like I said before, <g> (used in layers and groups).
Use the XML editor to figure out why/when Inkscape is adding <g> to <clipPath> if you want it to work in other programs.