Gimp-Forum.net
How to make my image a curved square? - Printable Version

+- Gimp-Forum.net (https://www.gimp-forum.net)
+-- Forum: GIMP (https://www.gimp-forum.net/Forum-GIMP)
+--- Forum: General questions (https://www.gimp-forum.net/Forum-General-questions)
+--- Thread: How to make my image a curved square? (/Thread-How-to-make-my-image-a-curved-square)



How to make my image a curved square? - JayTee - 07-26-2018

https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Squircle_rounded_square.svg/220px-Squircle_rounded_square.svg.png

Like this, I tried doing it using this but I had to merge the layers to remove the ones outside the square. Then theres the ugly red and blue (for some reason) outline of the shape that i cant remove

Bonus question:
Why is my fuzzy select tool / wand only showing up as i click, not still showing up after like it used to? Like the outline only comes up when i hold down the mouse but disappears after so idk what its selecting

Ty Smile


RE: How to make my image a curved square? - Blighty - 07-26-2018

1) Work on a new transparent layer

2) Use the Rectangle Select tool to create a square selection

3) Select > Rounded Rectangle 50%

4) Select > To Path

5) In the Paths Dialogue make the path visible (Paths Dialogue is near the Layers Dialogue)

6) Edit > Stroke Path. Foreground colour will be used. Adjust Line Width to suit.

Bonus Question:
In the Tool Options, what Mode are you using for the fuzzy select tool? Is it in Subtract mode? Change it to Replace.


RE: How to make my image a curved square? - rich2005 - 07-26-2018

Roughly the same but with screenshots

Looks like you have imported an SVG and you have some paths remaining

screenshot: https://i.imgur.com/d6fiXm3.jpg

These are only displayed in Gimp and are not part of the image. Turn the path visibility off - The eye icon in the paths dialogue toggles on/off

Other ways for cropping an image down to a rectangle with rounded corners.
The rectangular select tool has a rounded corners option. https://i.imgur.com/dtkyE7u.jpg
In the select menu a rounded-rectangle script. https://i.imgur.com/RK3DtCw.jpg

Either makes a selection, Invert the selection, then cut.

Bonus question - Bonus guess Wink

The fuzzy select tool is in the wrong mode, probably intersect mode (with nothing to intersect) Make sure the mode is the first on the left (layer) https://i.imgur.com/bVVfkmd.jpg


RE: How to make my image a curved square? - JayTee - 07-26-2018

(07-26-2018, 07:29 AM)Blighty Wrote: 1) Work on a new transparent layer

2) Use the Rectangle Select tool to create a square selection

3) Select > Rounded Rectangle 50%

4) Select > To Path

5) In the Paths Dialogue make the path visible (Paths Dialogue is near the Layers Dialogue)

6) Edit > Stroke Path. Foreground colour will be used. Adjust Line Width to suit.

Bonus Question:
In the Tool Options, what Mode are you using for the fuzzy select tool? Is it in Subtract mode? Change it to Replace.
1. When I do that it just puts a random circle in the middle of my page and its black, i just want the image itself to be a rounded edged square. no lines or anything.

2. For bonus: Its on replace

3. Ignore 1. I got the rectangle but it wont let me edit on the original image even when i created the path on the transparent layer :/

(07-26-2018, 07:35 AM)rich2005 Wrote: Roughly the same but with screenshots

Looks like you have imported an SVG and you have some paths remaining

screenshot: https://i.imgur.com/d6fiXm3.jpg

These are only displayed in Gimp and are not part of the image. Turn the path visibility off - The eye icon in the paths dialogue toggles on/off

Other ways for cropping an image down to a rectangle with rounded corners.
The rectangular select tool has a rounded corners option.  https://i.imgur.com/dtkyE7u.jpg
In the select menu a rounded-rectangle script. https://i.imgur.com/RK3DtCw.jpg

Either makes a selection, Invert the selection, then cut.

Bonus question - Bonus guess Wink

The fuzzy select tool is in the wrong mode, probably intersect mode (with nothing to intersect) Make sure the mode is the first  on the left (layer) https://i.imgur.com/bVVfkmd.jpg

I see kinda what ur talking about :/


RE: How to make my image a curved square? - Blighty - 07-26-2018

(07-26-2018, 08:33 AM)JayTee Wrote: i just want the image itself to be a rounded edged square. no lines or anything.

I misunderstood your original request. Hope this is what you want.

1) Select your image layer in the Layers Dialogue.

2) Make sure your layer has an alpha channel. Layer > Transparency > Add Alpha Channel If it is greyed out it already has an alpha channel.

3) Use the Rectangle Select tool to create a square selection

4) Select > Rounded Rectangle 50%

5) Select > Invert

6) Edit > Clear or press the Delete key

7) SAVE as an xcf file. EXPORT in a format that supports transparency eg png (not jpg)


RE: How to make my image a curved square? - rich2005 - 07-26-2018

This is a follow up on what you have , and knowing what you want you have pulled something inappropriate from the internet. There are as previous easier ways but it might help you/others in future.

This your graphic. I found the original svg and you can open it both as a graphic and Gimp paths. The import dialogue you get: https://i.imgur.com/FQpnuBE.jpg

Opened in Gimp the original artist has traced the paths as a graphic. This is just a representation of the paths for the internet. They are pixels on a transparent canvas. https://i.imgur.com/OkzFG5b.jpg

You do not really need that layer, all you need are the paths. This a new white layer on top so we can see the paths and those now made visible (the eye icon). https://i.imgur.com/qw8bNRD.jpg

Looks similar to the graphic. Red is an active path. blue is an inactive path. Both only exist in Gimp. They are saved with an .xcf file but not exported with png / jpeg...

What to do with those. I do not know your intention. They can be combined in selections like this, to give a slightly distorted outline. https://i.imgur.com/3TAz4mc.jpg and then used to cut the image.


RE: How to make my image a curved square? - JayTee - 07-26-2018

(07-26-2018, 09:06 AM)Blighty Wrote:
(07-26-2018, 08:33 AM)JayTee Wrote: i just want the image itself to be a rounded edged square. no lines or anything.

I misunderstood your original request. Hope this is what you want.

1) Select your image layer in the Layers Dialogue.

2) Make sure your layer has an alpha channel. Layer > Transparency > Add Alpha Channel If it is greyed out it already has an alpha channel.

3) Use the Rectangle Select tool to create a square selection

4) Select > Rounded Rectangle 50%

5) Select > Invert

6) Edit > Clear or press the Delete key

7) SAVE as an xcf file. EXPORT in a format that supports transparency eg png (not jpg)


Works perfect. Thankyou Big Grin