Mobile app version of vmapp.org
Login or Join
Michele215

: Gimp Jagged Borders I'm trying to create a bordered, transparent circle. I created a circle with the ellipsis tool, then Select->Border, then Edit->Fill with FG Color. The result is a terribly

@Michele215

Posted in: #Gimp #PhotoEditing

I'm trying to create a bordered, transparent circle.

I created a circle with the ellipsis tool, then Select->Border, then Edit->Fill with FG Color. The result is a terribly jagged border.



I tried adding a gaussian blur, but it looks terrible, looks like the image is popping up. It just seems like very poor quality, how can I increase the number of pixels being used for the color around the edes?

I mean look at the "so jagged" text, the lines are so smooth for the letters.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Michele215

4 Comments

Sorted by latest first Latest Oldest Best

 

@Merenda852

Another few solutions:

Subtraction of selection


Create circle selection which is the out edge of the line
Still with the Ellipse select tool, Ctrl-click (or click the "Subtract" mode tin the tool option) and make a selection for the inner edge. The inner selection subtracted from the outer one leaves a ring selection.
Bucket-fill the ring




To make things easier:


add two guides (H & V) that cross at the center of the circle
for both selections click on the center and start dragging from there (or use the Expand from center and Fixed aspect ratio options).


This methods work only on circles (or squares).

More general solution

For a random selection shape, the quickest solution is Edit>Stroke selection and pick the "Line" mode. However, the result doesn't always look clean, so most people instead you can use Bill Kerr's solution:


Select>To path,
Select>None,
Edit>Stroke path.


If you omit Select>None, the selection chops off the outer part of the stroke, so the outer edge of the line is along the selection (and you have to specify a line width which is twice what you want). With Select>None the line straddles the edge of the selection.

Using Filters>Render>Gfig

This is the built-in, solution, but the result isn't very clean

Using a path directly

There are scripts to generate paths for various geometric shapes that you cannot easily obtain from a selection (polygons...). Once you have the path you stroke it.

10% popularity Vote Up Vote Down


 

@Moriarity648

There's a very simple way to do this in GIMP 2.8. It might have been missing from earlier versions of the software, so because this question is quite old, I think it's time for an update.

Create a circular selection, click Select > To Path

In the paths palette hit the Paint Along Path icon

Apply a stroke to the path, for perfect antialiasing every time.

10% popularity Vote Up Vote Down


 

@XinRu324

Colour depth is the number of bits/bytes used to display a colour. Presently you're using an 8-bit depth, giving you 256 colours (0-255). This is an indexed colour approach, the different values (from 0-255) are paletted, meaning that the each of the 256 values points to a colour representation stored in the header of the graphics document you're working on.

There are a number of other formats which will allow you to produce the required smooth edges. Try changing your image format to 24 or 32-bit depth.

In GIMP you can do this like so...



You'll then need to tick the Feather option in the Select Border dialog box.

Update...

Once you have an RGB format document you can turn anti-aliasing on or off for the selected area:



It's also possible, from here, to create your oval using guides and remove the centre of your selection.

Update 2...

I've played a bit more with this, and it is possible to create a nicely antialiased circle or oval by following these steps...


Create a new layer.
Add guides to the shape to reflect the width and height of the outside and inside of the shape...





Select the oval selection tool and select the outside of the shape...





Deselect the active selection by clicking outside of the selected area somewhere.
Change the selection mode of the oval selection tool to *Subtract from current selection...





Select the inside of your oval...





Pick the brush or fill tool and paint the inside of the selection...





Take a look at your newly anti-aliased shape...

10% popularity Vote Up Vote Down


 

@Looi7658678

Different to selecting the Gimp Select > Border tool does not allow for anti-aliasing. This leads to hard to overcome aliasing artifacts on working with this selection.

Feathering the selection border does not lead to the desired result.

The only way I know of on how to overcome this is to make the selection on an up-scaled version of our image.


Upscale your source to e.g. 400%
Make the selection, then create the selection border
Downscale the image to original size (e.g. 25%)
Then fill the selection.



Left: border selection at 100% size Right: selection at 400% size

Note that in the example above I did not fill the border prior to down-scaling. I only scaled the selection which then will have appropriate anti-aliasing. The image was in RGB, not indexed mode.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme