Mar 262014
 

Last Updated: November 25, 2015

We are going to create round corners using Gimp. Gimp is a very powerful opensource software release to the world.

Latest News: I have added more information. 

Gimp Tutorial List:

  1. Gimp Image Editor Layout
  2. How to make an image background transparent
  3. Create a Banner using Gimp
  4. Create round corners using Gimp
  5. Create An Image Map For WordPress Using Gimp

Create Round Corners Using Gimp

Important: Only work with PNG images to set a transparent background.

1 ) Go to Filters >> Decor >> Round Corners. See image below.

create-round-corner-gimp-filters-decor

2 ) The following image Script-Fu: Round Corners, allows you to set the following options.

  • Edge radius
  • Add drop-shadow = Shadow X offset and Shadow Y offset
  • Blur radius
  • Add background
  • Work on copy
  • Click on Ok button

Information: I have added a border around Add backgound in red. I will talk about this option later on.

create-round-corner-gimp-script-fu-round-corners

3 ) We are going to create 2 types of round corners, one with shadow and the other with no shadow.

The following is the original image for this tutorial. It has no rounded corners.

create-round-corner-gimp-blue-image

The following image has rounded corners and a shadow.

create-round-corner-gimp-blue-image-white-bground

The following image has no shadow.

Important: To achieve this option you need to uncheck Add drop-shadow illustraed in Step 2 above.

create-round-corner-gimp-no-shadow

4 ) The following image allows you to select different colors for your background corner. Here you can set what ever background colour you desire.

Hint: Remember there are two types of image colors to set up. The foreground and the backgroud color. Make sure you have selected the correct color to change.

create-round-corner-gimp-background-colors

The following image has no background colour. It is set to transparent. Remember in Step 2 above, I added a border around  Add backgound in red. If you uncheck this option it will add a transparent background.

Note: When you have a transparent layer active. You first need to remove this, before you can execute the ‘Round Corners’ fi-script. Otherwise you can execute the script (grayed-out).

So remove the layer alpha:
Right click->Layer->Transparency->Remove Alpha Layer

(Information provide by Melroy van den Berg)

create-round-corner-gimp-transparent-bgound

This concludes this simple tutorial.

Click on the following URL Create An Image Map For WordPress Using Gimp to learn more.

I will be updating this tutorial from time to time. Come  back for more Gimp tutorials.

If you have any questions please let me know.

Enjoy

Check out More Gimp Tutorials.

Facebooktwittergoogle_plus
Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

  3 Responses to “Create Round Corners Using Gimp”

  1. not too bad I am happy about it ;)

  2. When you have a transparent layer active. You first need to remove this, before you can execute the ‘Round Corners’ fi-script. Otherwise you can execute the script (grayed-out).

    So remove the layer alpha via:
    Right click->Layer->Transparency->Remove Alpha Layer

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)