gimp-editing

画像を使うなら、テキストを入れることが多いのではないでしょうか。文字がきれいに加工されていると、タイトルもグッと目立ってきます。


また、文字に縁取りがあったり、ふんわりとぼかしたような画像加工がされているだけで、ブログ全体の雰囲気も違うと思います。


そこで今回は、GIMPを使って文字に縁取りを入れたり、文字をぼかしたりする方法をご紹介します。






文字に縁取りを入れる

まずは文字に縁取りを付けるときの基本的な手順から説明します。


  • 画像を用意する
  • 文字を入力する
  • 縁取りを付ける文字を選択する
  • 縁取り用のレイヤーを作成する

画像を用意する

まずはGIMPの「ファイル」から「開く/インポート(o)…」をクリックして画像を開きます。

import

文字を入力する

次に「テキスト」のボタンをクリックして色を選択します。

change-text-color

お好みの色を選んで「OK」をクリックします。

select-color

画面をポン!と押して文字を入れます。

enter-text

挿入したテキストに変更を加えるなら、まずは編集する文字を選択します。変更したい文字をなぞると選択された部分に枠が入ります。

bold

文字のサイズを大きくしたり太字にしたり、また配置の調整をしたりして下さい。(※大きさを変更したらエンターキーを押すと文字の大きさが変わります。)

change-letter-size

ここでは「GIMP」の他に「テキストに縁取りを入れる方法」という文字を加えてみます。

add-text

※フォントを日本語にしても日本語の入力が出来ないことがあるかもしれません。このようなときはメモ帳でテキストを作成してコピペで貼り付けて下さい。

縁取りを付ける文字を選択する

文字を入力すると画面の右下にテキストのレイヤーが表示されます。ここでは「GIMP」と「テキストに縁取りを入れる方法」というレイヤーが追加されています。


add-layer

まずは「GIMP」というレイヤーをクリックして文字をなぞります。次に選択している「レイヤー」(ここではGIMP)を右クリックして「不透明部分を選択範囲に(P)」をクリックして下さい。

selected-part

または、メニューバーにある「レイヤー」をクリックすると「透明部分(A)」の次に「不透明部分を選択範囲に(P)」が出てきます。(※このとき「GIMP」のレイヤーが選択されていることを確認して下さい。

select-editing-part

すると選択された部分がゆらゆらと揺れているような状態になります。

letter-selected

では、縁取りの幅を決めていきましょう。上の状態でメニューバーの「選択」をクリックしてから「選択範囲の拡大」をクリックします。

select

選択範囲の拡大量は初期設定で「1」になっていると思います。この数値が大きい程、縁取りの幅を大きくすることができますので、お好みの拡大量を入力して「OK」をクリックします。

bordering

縁取り用のレイヤーを作成する

次にメニューバーにある「レイヤー」をクリックして「新しいレイヤーの追加」をクリックして下さい。

add-new-layer

「新しいレイヤーの追加」のダイヤログが表示されたら「塗りつぶし色(F)」がTransparency(透明)になっていることを確認して「OK」をクリックします。

Transparency

すると、画面の右側に縁取りのレイヤーが作成されます。ただし、今の状態では「GIMP」のレイヤーの上の層に縁取りのレイヤーがきています。なので、画面のレイヤーをドラッグ&ドロップで動かして「GIMP」の下の層にになるように移動して下さい。

【移動前】

layer-down

【移動後】

layer-position

次に画面の左側にある「描画色」のパネルをクリックします。

select-layer-color

次に縁取りに使用したい色を選択してから「OK」をクリックします。

select-bordering-color

縁取りが表示されるまで、後一歩です。メニューバーの「編集」をクリックして「描画色で塗りつぶす」をクリックして下さい。すると、縁取りに色が入ります。

change-bordering-color

ここでいよいよ最後の作業です。メニューバーの「選択」をクリックしてから「選択の解除」をクリックします。

bordering-release

うっすらと縁取りが加わりました。

bordering-complete

縁取りを入れるだけの場合、「画像の統合」をおこなえばここで作業は完了です。縁取りを付ける手順はレイヤーを作成するときの基本になるので、覚えていきましょう。


では次に、文字のぼかし方を説明します。


文字にぼかしを入れる

文字のぼかしは縁取りを入れる手順に作業を一つ加えるだけです。ここでは先ほど作成しておいた「テキストに縁取りを入れる方法」のレイヤーをつかってぼかしを入れてみたいと思います。

gimp-text-editing

レイヤーを選択する

まずは、ぼかしを入れるレイヤーを選択して「不透明部分を選択範囲に(P)」をクリックします。

select-part

選択範囲を拡大する

「選択範囲の拡大(G)…」をクリックします。

enlargement

「選択範囲の拡大量」を指定してから「OK」をクリックします。

change-font-margin

新しいレイヤーを追加する

メニューバーにある「レイヤー」をクリックして「新しいレイヤーの追加(N)…」をクリックします。

new-layer

「塗りつぶし色(F)」が「Transparency」(透明)になっていることを確認して「OK」をクリックします。

transparency

すると、画面の右側に新しいレイヤーが追加されています。しかし、この状態では「ぼかし」を入れるためのレイヤーが「テキストに縁取りを入れる方法」のレイヤーの上にあるので、その下に移動します。

layer1

【移動後】

layer2

境界をぼかす

次にメニューバーにある「選択」をクリックしてから「境界をぼかす」をクリックします。

blurred-boundry

縁をぼかしたい量を入力して「OK」をクリックします。

blurred-volume

画面左側の描画色の色のパネルをクリックしてぼかしに使用する色を選んで下さい。


blurred-color-edit

メニューバーの「編集」をクリックして「描画色で塗りつぶす」をクリックします。

blurred-paint

すると、ぼかしたい色が加わります。

blurred-painted1

選択を解除する

「選択」をクリックして「選択を解除(N)」をクリックします。

editing-completed

テキストにぼかしが付きました。

blurred1

最後に最下部のレイヤーを右クリックしてから「画像の統合」をクリックすれば出来上がりです。

integration

まとめ

縁取りの付け方の手順は他のレイヤーを作成するときと同じです。一つの画像にいくつもの画像を重ねたりするときにも使えます。


ただ、GIMPは優秀なフリーソフトですが、不具合が発生することもあります。ですので、手順通りに作業をしても思うように編集できないことがあるかもしれません。その場合はソフトを再度インストールするか、作業を何度か繰り返して対応していきましょう。