Categories: GIMP

【GIMP】文字を縁取りして見づらさを解消する方法

ゆうまる
どうも、ゆうまるです!
この記事では、GIMPで文字を縁取る方法を紹介します。

例えば、以下の画像を見てください。

背景と混じって文字が読み辛いですね...。
では、以下の画像ではどうでしょうか?

ゆうまる
文字を縁取りしたことにより格段に文字が読みやすくなりました。

このように、文字を縁取るだけで文字を強調して見づらさを解消することができます。

それでは、実際にGIMPを使って文字を縁取りしてみましょう!

画像を開く

新しい画像を作成するか、編集したい画像を上部メニューから開いてください。

新しい画像を作成する

ファイル新しい画像

編集したい画像を開く

ファイル開く/インポート

文字を入力する

ツールボックスの「テキストツール」を選択します。

テキストツールを選択したまま、キャンパスをクリックし、文字を入力します。
位置、サイズ、色をお好みに調整してください。

テキストから選択範囲の生成

右下にあるレイヤーの中から縁取りしたい文字のレイヤーを右クリックします。表示されたメニューの「不透明部分を選択範囲に」をクリックします。

すると、以下のように文字の縁が選択された状態になります。

選択範囲の拡大

今のままでは選択範囲が縁にピッタリくっ付いてしまっているので拡大します。上部メニューから選択選択範囲の拡大をクリックしてください。

すると、以下のような画面が表示されるので拡大量を指定し、「OK」をクリックしてください。ここでは5pxを指定しました

以下のように選択範囲が拡大しました。

レイヤーの追加

上部のメニューからレイヤー新しいレイヤーの追加をクリックしてください。

すると、レイヤーを追加するための画面が表示されるので「レイヤー名」をお好みに、「塗りつぶし色」「Transparency」に変更してから「OK」をクリックします。

これで縁取り用の新たなレイヤーを追加できました。

塗りつぶし

描画したい縁の色を変更します。
ツールボックスから描画色をお好みの色に変更してください。

先ほど作成した縁取り用のレイヤーを選択した状態で、上部メニューの編集描画色で塗りつぶすをクリックしてください。

以下のようにレイヤーが塗りつぶされます。

レイヤーの移動

縁取りレイヤーが前面に表示されているので、文字の背面にレイヤーを移動させます。

出来上がり

これで文字の縁取りをすることができました!

まだ範囲選択されているので上部メニューの選択選択を解除をクリックすることで選択を解除することができます。

きれいに縁取り出来ているのが確認できました!

まとめ

この記事では、GIMPを使って文字を縁取りする方法を解説しました。

文字が背景によって目立たない場合などは積極的に使っていきましょう!

それでは今回の内容はここまでです!ではまたどこかで〜( ・∀・)ノ

ゆうまる

独学でプログラミングを勉強しているおじさん。いろんな言語を勉強したが浅く広くなためあまり仕事につながらない。また忘れっぽいため自分のブログを備忘録としても使っている。産まれてこのかたずっとネコを飼ってる生粋のネコ派。最近お腹が出てきて筋トレに奮闘中!

Recent Posts

【Dart】コンストラクタのデフォルト引数について

Dartのコンストラクタのデフォルト引数…

2週間 ago

【Unity】有料アセットを無料で手に入れる方法

この記事では、Unityの有料アセットを…

4か月 ago

【Python】任意の秒数だけ処理を一時停止する方法【sleep()関数】

この記事では、Pythonで任意の秒数だ…

1年 ago

【Python】Wordの文書の新規作成と読み書き

この記事では、Pythonを使ってWor…

1年 ago

【Python】メタクラスって結局なんなの?

この記事では、Pythonのメタクラスに…

1年 ago