DEV Community

Franz Wong
Franz Wong

Posted on

Outline text in GIMP

(GIMP 2.10 is used)

Problem

We want to add text with outline to image.

Here is what we expect. (This is Matsumoto castle from Japan. I took this photo in 2017.)

Image with outline text

Solution

We can use GIMP (it's free) to do it.

1. Open you image (File => Open...)

2. Use the Text tool by clicking icon with a character "A"

Select font style you want (e.g. font type and size). I prefer "Impact Condensed" font.

Use white color as text color.

Text tool setting

3. Add the text to the image

Text added to image

4. Right click the text layer and choose Alpha to Selection

Alpha to Selection

Only the text is now selected.

Text selected

5. Grow the selection. (Select => Grow...)

Grow selection menu

Put the size you want to grow the selection and click OK.

Grow setting

Selection is grown.

Grown selection

6. Add a new layer (Layer => New Layer...)

New layer menu

Make sure Fill with is set to Transparency and click OK.

New layer setting

A new layer is created.

New layer

7. Use the Bucket Fill tool by clicking the bucket icon.

Select black for foreground color.

Select FG color fill for Fill Type.

Bucket fill tool setting

8. Click on the text to fill it with black color.

Fill text

9. Drag the new layer under the text layer

Layer dragged

That's it.

Image with outline text

Top comments (0)