DEV Community

Franz Wong
Franz Wong

Posted on

1 1

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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs