![]() In this example, the cookie cutter is the vector tracing, and the image would be the dough. The cookie cutter is used to cut out a portion of the dough, so that you can make a cookie in the shape of the cutter. In short, a clipping path is when you make an image take the shape of another object. In order to remove a white background with Inkscape, we’ll need to take our tracing and use it to create a clipping path with our image. Step 3: Delete The White Background By Creating A Clipping Path ![]() You should now have a single silhouette-like object that accurately traces over the subject of your image: Now we just need to group everything together into a single object, which can be done by navigating to Object > Group. This will break your tracing down into a series of individual filled objects: Breaking your tracing apart with separate it into a series of filled-in objects. There are several ways to do this, but the easiest way would be to simply navigate to Path > Break Apart. Now that we have our tracing, we need to fill the tracing in so that it is completely solid. This is purely for demonstrative purposes and not at all a necessary step. In my example above I have turned down the opacity of the image so that you can see the tracing better. Every image will be different after all.Ĭlick OK to generate your vector tracing: The tracing will be placed over the image as a new object. If your tracing isn’t accurate then it would be a good idea to try some different settings. Normally this setting gives mixed results, but since we’re removing a white background, there should be enough contrast for the algorithm to make an accurate tracing. The Edge Detection setting will automatically determine where the edges of your subject are using its own algorithm. Then, click Update to generate a preview of your tracing: Make sure you have Single Scan enabled (it should be enabled by default,) and choose Edge Detection from the dropdown menu right beneath it. To do so, select your image and open the Trace Bitmap menu by navigating to Path > Trace Bitmap or by pressing Shift + Alt + B on your keyboard: Trace Bitmap opens as a floating menu. The stark contract between the subject and the background means that we can use the Trace Bitmap feature to create a quick auto tracing. However, since we’re working with an image that has a white background, we don’t need to go through all that trouble. Under normal circumstances, this is done manually using the Bezier Pen. Now that we have our image opened, it’s time to create a vector tracing over the subject of the image so that we can extract it from the white background. This step is unnecessary and purely for demonstrative purposes, but you can do the same if you’d like (instructions here.) Step 2: Create A Tracing Of Your Image Once opened with Inkscape, it should look something like this: Click to enlarge.Īs you can see, I darkened the canvas a bit in order to distinguish it from the white background of the image. You can learn how to recreate it yourself here. This esports logo is in PNG format and was created with Inkscape for a tutorial I made last year. If you select this option and try removing the white color, then only the area around the donut will disappear but the inside of the donut will remain opaque.In this demonstration I will be deleting the white background to transparent. ![]() For example, if you have a PNG of a donut on white background, then the white color will be both inside and outside of the donut. Additionally, we have added an option "Match Outer Pixels Only", which lets you remove only those areas that are in contact with the outer edges of the image. This way, you don't have to know the name or code of the transparent color and you can make the PNG transparent by simply clicking on the color in the PNG. For example, if you click a green pixel, then all greenish pixels will be made transparent. Also, you can interactively click on the input PNG to instantly remove any color and its tones. By increasing the smoothness radius, you can remove more pixels from the edges and make PNG clearer. This option makes the pixels on the border between transparency and opacity semi-transparent. If you remove the color and the edges of the image still have a pixel or two of the old color, you can refine the edges and smooth them by enabling the "Smooth Edges" checkbox. For example, if the color that you're removing is red, then it will also remove cherry-red, rose-red, wine-red, and similar shades of red. By default, 30% similar color tones are matched but you can change it as you see fit. To match similar color tones, enter the similarity percentage in the settings. This online browser program replaces any solid color and its close color tones in a Portable Network Graphics (PNG) photo or picture with transparent pixels. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |