I've a PNG image of a cartoon that I'm attempting to recreate in Inkscape. I've attached the PNG image for context. You'll see that this image contains one main shape for the head. The top of this shape is orange, the bottom yellow. I can create the shape and fill it with orange without any issues, but I'm unsure of how to do the bottom portion.
- I've tried separating the top and the bottom with a smaller bezier curve, and filling each side with the paint bucket tool, but this led to gaps and it caused thicker borders. I've since seen that using the paint bucket tool isn't good practice for vector based images.
- I could use the bezier tool to trace where the yellow would be and then fill that area. I'm not sure about this approach though as I don't think it'd be accurate enough.
- How would you go about it? Is there a way that the bottom border could be automatically generated, and then I'd just need to use the bezier curve tool for a small bezier curve between the yellow and orange?
I'd try a "clip group" which is probably not compatible with browser rendering - but will export to raster graphics just fine. In essence the head shape "contains" different other shapes clipped by the head contour.
Beginners' Questions Applying two fill colors to a shape
Inkscape.org
Hey Everyone :)
I've a PNG image of a cartoon that I'm attempting to recreate in Inkscape. I've attached the PNG image for context. You'll see that this image contains one main shape for the head. The top of this shape is orange, the bottom yellow. I can create the shape and fill it with orange without any issues, but I'm unsure of how to do the bottom portion.
- I've tried separating the top and the bottom with a smaller bezier curve, and filling each side with the paint bucket tool, but this led to gaps and it caused thicker borders. I've since seen that using the paint bucket tool isn't good practice for vector based images.
- I could use the bezier tool to trace where the yellow would be and then fill that area. I'm not sure about this approach though as I don't think it'd be accurate enough.
- How would you go about it? Is there a way that the bottom border could be automatically generated, and then I'd just need to use the bezier curve tool for a small bezier curve between the yellow and orange?
Any help/guidance/steps would be appreciated :)
I'd try a "clip group" which is probably not compatible with browser rendering - but will export to raster graphics just fine. In essence the head shape "contains" different other shapes clipped by the head contour.
Here's an old tutorial that might help you.
https://inkscape.org/forums/questions/making-cartoon-eyelids/