【ロゴ】フォントでつくる!飛び出すシャドウ文字

【ロゴ】フォントでつくる!飛び出すシャドウ文字

【Photoshop講座】文字を力強く目立たせるシャドウ処理は、既成書体でもよく見かける人気の手法です。シャドウ部分を長くすることで、文字列の一体感を高め、配色でより印象的に仕上げましょう。


文字形からシャドウをつくろう!
ベースの文字列に忠実なシャドウ部分は、文字のシルエットに [ぼかし (移動)] を適用することで、カンタンにつくり出すことができます。しかし、そのままでは境界線がハッキリしないので、[レベル補正] で極端に階調を狭めます。シャドウの長さや角度、文字やシャドウ部分のカラーは自由に設定できます。

テキストを立体的なシャドウ文字に加工

これから行う操作は、入力したテキストを立体的なシャドウ文字に加工する方法です。ベースの文字列からシルエットをつくり、それを飛び出す方向にぼかして境界線をハッキリさせます。
画像に入力したテキスト→テキストを立体的なシャドウ文字に加工
使用するフォントは任意で設定しますが、作例とは違うピクセルサイズの画像では、フィルターの効果が発揮できないことがあります。小さくしたい場合は、完成後にレイヤーを統合してリサイズしてください。
レッスン動画を配信中!
【Photoshop講座】フォントでつくる!飛び出すシャドウ文字
サムネールをクリックすると、レッスン動画にリンクします。

ベースのフォントを入力する

[ファイル] メニューから、[新規] を選択します。[新規ドキュメント] ダイアログで、[幅] に「800」pixel、[高さ] に「400」pixel、[解像度] に「72」pixel/inch、[カラーモード] に [RGB カラー] 8 bit を設定して、[作成] をクリックします。
[新規ドキュメント] ダイアログを設定

[新規ドキュメント] ダイアログを設定
新しいドキュメントが作成できました。
新しいドキュメントを作成

新しいドキュメントを作成
[ツール] パネルで、[横書き文字ツール] を選択します。
[横書き文字ツール] を選択

[横書き文字ツール] を選択
オプションバーで、任意のフォントを設定し、[フォントサイズを設定] に「150 pt」を入力します。
[フォントサイズを設定] に「150 pt」を入力

[フォントサイズを設定] に「150 pt」を入力
任意のフォントを設定!
作例では、「Swis721 Rounded」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。
[アンチエイリアスの種類を設定] に [滑らかに] を選択します。
[テキストの中央揃え] を選択します。
[テキストカラーを設定] に、任意のテキストカラーを設定します。
[横書き文字ツール] のオプションバー

[アンチエイリアスの種類を設定] に [滑らかに] を選択
シャドウと対比するカラーを設定!
[テキストカラーを設定] をクリックすると、テキストカラーが設定できる [カラーピッカー] が表示されます。作例では、[H : 57°/ S : 100% / B : 100%] を設定しました。
ドキュメント内をクリックして、文字を入力します。作例では、「FineBoy」を入力しました。
ドキュメントに文字を入力

ドキュメントに文字を入力
[command (Ctrl)] キーを押しながらドラッグして、文字の位置を中央に移動します。
文字の位置を中央に移動

文字の位置を中央に移動
文字の間隔を均等にしよう!
シャドウ文字の効果は、文字形の周囲に影 (立体的な側面) をつけるので、隣接する文字が近いとスペースが足りなくなり、離れすぎるとひとかたまりの文字列に見えなくなってしまいます。[文字のカーニングを設定] に[オプティカル] を選択すると、実質的な文字の間隔を均等にすることができます。
[オプティカル] を選択

[オプティカル] を選択
続きは↓下の番号をクリック!

123456

スポンサード リンク