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.

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

  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)