その他

GIMP2でテキスト文字に縁取りを付ける方法

どうも、じゃぶじゃぶ(@jbjbgame)です。

以前、アイキャッチ画像の作成に使っているGIMPのダウンロード方法について記事にしました。

その流れを受けて、GIMPで普段からよくやっている作業を記事にまとめようと思い、今回テキスト文字に縁取りを付けるやり方をご紹介します。

 

 

文字を縁取りする

文字を縁取ることは文字の印象力を上げるのに役立ちます。縁取りがないと文字が背景色に紛れてしまい、ぼやけた印象になってしまいます。

縁があると文字が浮き上がり、見やすさがアップします。

 

説明するにあたり、本記事のアイキャッチ画像も縁取り文字を使っているので、その際の作成手順をもとにご紹介します。

上図の状態の画像に文字を付けていく形で説明していきます。

 

 

1.文字レイヤーの追加

ツールアイコンから[テキスト]を選択してください。

文字の設定は以下のようにしています。

  • 文字コード:Meiryo UI(太文字)
  • 文字サイズ:124px
  • 文字色:#0e2426

ポイントとしては、テキストが2行以上になる場合はレイヤーを分けて作成した方が文字の配置がやりやすいです。(※ただし、レイヤーが増える分だけ作業の手間が増えていきます。)

 

 

2.文字の不透明部分を選択

次に文字レイヤーを選択した状態で、レイヤー一覧から「右クリック⇒不透明部分を選択範囲に」の手順で進んで下さい。

すると上図のように点線で囲まれたようになり、文字枠が選択された状態になります。

 

 

3.新規レイヤーの作成

文字枠が選択された状態で新しいレイヤーを作成していきます。

メニューから「レイヤ⇒新しいレイヤーの追加」を選択してください。

レイヤー名は分かりやすい名前で、さらに背景は透明にして作成します。

こうすることで新規レイヤーに対して文字枠を選択した状態にすることができます。

 

 

4.文字サイズを大きくする

文字の選択範囲を拡大していきます。メニューから「選択⇒選択範囲の拡大」と進んで下さい。

上図ポップアップから拡大するサイズを選択します。拡大量は縁取る文字のサイズにもよりますが、今回のアイキャッチ画像の文字サイズだと「12px」くらいが最適です。

この手順により、ぴったい文字に引っ付いていた選択範囲が拡大されました。

 

 

5.縁取りする

縁取る色を選択します。

パレットから今回は白色を選択しました。

続いて、メニューから「編集⇒描画色で塗りつぶす」とクリックしてください。

すると、文字が白色で塗りつぶされた状態になります。

 

拡大した選択範囲で塗りつぶしたためこのようになりますが、新規レイヤーを文字レイヤーの後ろに移動させることで縁取りが付いたように見せることが可能です。

つまり、縁取る対象の文字より少し太い文字でレイヤーを塗りつぶし、そのレイヤーを文字の下に引くことで縁取り文字を実現させています。

 

 

上記の作業を文字レイヤーの数だけ行えば完成です。

 

よく読まれている記事

1

どうも、じゃぶじゃぶ(@jbjbgame)です。 「モンスターハンターライズ:サンブレイク」のストーリーの序盤と終盤で使える、オススメな太刀装備をご紹介します。 前回はモンハンライズのVer3.0装備 ...

2

どうも、じゃぶじゃぶ(@jbjbgame)です。 スプラトゥーン3では新機能として遊んだバトルのリプレイ再生が可能な「メモリープレーヤー」という機能が追加されています。 自分の立ち回りを見返すだけでな ...

3

どうも、じゃぶじゃぶ(@jbjbgame)です。 「モンスターハンターライズ:サンブレイク」でマカ錬金をするため必要素材を集めます。サンブレイクでは風神龍イブシマキヒコの周回が素材集めに良さそうなので ...

4

どうも、じゃぶじゃぶ(@jbjbgame)です。 ついに!6月30日に「モンスターハンターライズ:サンライズ」が発売されましたぁ!!マスターランクが追加され、さらに手強いモンスターとの狩猟が楽しめるよ ...

5

どうも、じゃぶじゃぶ(@jbjbgame)です。 DLC第4弾で追加された「古代狩り」でリスポーンする古代のモブは、ルーン文字の組み合わせによって出現するモブが異なる仕様になっています。 今回は、古代 ...

-その他

error: Content is protected !!