WEB素材&デザイン

文字に対し、アウトラインを描画するにはいくつかの方法がありますが、今回は出来上がりがきれいな「パスの境界線を描画(K)...」を使う方法を説明します。
※テキスト文字の基本的な使い方は「テキスト文字の取り扱い」で解説しています。

まず、「テキスト」ツールを使い、画像ウィンドウに任意のテキスト文字を作成しておきます。

次に、レイヤーダイアログでその文字レイヤーを右クリックして、「テキストをパスに(P)」をクリック、そのまま、新規の透明レイヤーを文字レイヤーの上にひとつ作成します。

続いて、ツールボックスの描画色をクリックし、水色（「#0099ff」）に変更します。
※今回の境界線は解りやすく水色を使ってみます。

そして、パスダイアログに切替えて、先ほどのテキスト文字のパスを右クリックし、「パスの境界線を描画(K)...」をクリックすると次のような、ダイアログが表示されます。

このダイアログでは、線の幅を「2」pxに変更後、「ストローク(S)」をクリックしますと、次のようにテキスト文字の輪郭線（アウトライン）が描画されます。

ただ、この方法には注意があって、輪郭線を太くしたい場合は次のように文字がつぶれてしまいます。
その場合は、次の「境界線の範囲選択を使った方法」を使います。

こちらの方法は輪郭線を太くしたい場合に使用する方法です。

まず上記同様、テキスト文字を作成しておきます。

次に、レイヤーダイアログでその文字レイヤーを右クリックして、「テキストを選択範囲に(T)」をクリック、そのまま、新規の透明レイヤーを文字レイヤーの下にひとつ作成します。

そして、メニューの「選択(S)」―「選択範囲を拡大(G)...」をクリックすると次のような画面が表示されます。

今回は「選択範囲の拡大量」を「4」pxに変更し、「OK(O)」をクリックしますと次のように選択領域が広がります。

そしてメニューの「編集(E)」―「描画色で塗りつぶす(F)」をクリックしますと次のようにテキスト文字の輪郭線（アウトライン）が出来上がります。。