Create Account
Sign In

[Tutorial]Border on an image with GIMP


[Tutorial]Border on an image with GIMP [Tutorial]Border on an image with GIMP The 24/10/2010 at 22:16:03
Rating: 4/5
Keywords: border effect shadow gimp border web 2.0 gimp image picture effect border drop shadow tutorial gimp

Hi,
In this tutorial, I will show you how to add a border on an image with GIMP.
In this tutorial, we will use the following image:
Image

First, create a new file with a size of 500px*350px and with a transparent background:
Image

Copy the image you want to add a border. Do a right click on it layer and click on Alpha to Selection:
Image

Create a new layer by clicking on the icon like in this image:
Image

Use the following settings and click on Ok.
Image

Using the Bucket Fill tool, fill the selection with white:
Image

Click on Select -> Shrink:
Image

Shrink the selection by 10px:
Image

Click on Select -> Invert
Image

Do a right click on the layer of the image and click on Add Alpha Chanel. Then click on the Delete key(Del) of your keyboard.
Image

Click on the layer that you filled with white, and click on the arrow to Lower the layer:
Image

You can deselect by clicking Select -> None
Image

Click on Filters -> Light and Shadow -> Drop Shadow
Image

Use the following settings:
Image

You can save you image with the Ctrl+S keys.
Image

That's it, you should have something like:
Image

Thank you and I hope this tutorial will help you :)

Similar Scripts and Tutorials

[Tutorial]Reflection with GIMP (Perspective reflection) [Tutorial]Reflection with GIMP (Perspective reflection) [Tutorial] Perspective with a reflect and a Shadow in Photoshop [Tutorial] Perspective with a reflect and a Shadow in Photoshop [Tutorial]Fusion between 2 images with layers masks (Photoshop) [Tutorial]Fusion between 2 images with layers masks (Photoshop) [Tutorial] Black and White image in Photoshop from a colored image [Tutorial] Black and White image in Photoshop from a colored image [Tutorial]Create a web 2.0 Logo with photoshop (Web 2.0 Title) [Tutorial]Create a web 2.0 Logo with photoshop (Web 2.0 Title)