【ロゴ】フォントでつくる!金属メッキの立体文字

【ロゴ】フォントでつくる!金属メッキの立体文字

【Photoshop講座】乗用車などに取り付けられた「メッキのエンブレム」は、カタログやポスターでもグラフィック化され、製品のイメージを伝える重要な役割を果たしています。その材質や質感を損なうことなくアレンジするテクニックは、デザイナーならマスターしておきたいですね。リアルな金属メッキの光沢感を表現しましょう。


観察力こそが武器になる!
デザインで必要とされる「リアル」は、詳細な写実ではなく抽象的な感じ方です。そこには質感を表現する整理整頓された技があり、それを実現できるのはモノを見る観察力です。
文字を立体的に見せるには、光の入射角に対して反対方向に影を描きますが、乱反射する性質を持つ金属メッキでは、それとは逆方向になる階調のねじれがポイントとなります。

テキストをメッキのエンブレム風に加工

これから行う操作は、入力したテキストをメッキのエンブレム風に加工する方法です。レイヤースタイルに特定の設定値を入力することにより、リアルな金属メッキの光沢感を表現します。使用するフォントは任意で設定しますが、鏡面反射の効果が十分に発揮できる太い書体を選んでください。
画像にテキストを入力 → テキストをメッキのエンブレム風に加工

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

素材画像をダウンロードして開きます。素材画像は、[幅 : 1280 pixel]、[高さ : 720 pixel] 、[解像度 : 72 pixel/inch]、[モード : RGB カラー] を使用しています。
素材画像を開く

素材画像を開く
どんな画像にも対応!
背景に敷く素材は、工法とは直接関係しないので、どんな画像でも対応できます。もちろん、白地でもかまいません。
基本がわかる動画を配信中!
チャンネル登録をお願いします!
[ツール] パネルで、[横書き文字ツール] を選択します。
[横書き文字ツール] を選択

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

[アンチエイリアスを設定] に [滑らかに] を選択
任意のフォントを設定!
作例では、「AddCityboy」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。
ドキュメント内をクリックして、ポイントテキストで文字を入力します。
文字を入力

文字を入力
文字の間隔を空けよう!
金属メッキの効果は、エッジの側面に乱反射する光を付けるため境界線を設けるので、隣接する文字が近いとスペースが足りなくなってしまいます。あらかじめ、トラッキングなどで、文字の間隔を少し空けておくと効果的です。
文字列が欧文の場合は、[文字のカーニングを設定] に [オプティカル]、[選択した文字のトラッキングを設定] に [25] を設定しておくといいでしょう。
基本がわかる!文字の入力と編集
カーニングとトラッキングを設定

カーニングとトラッキングを設定
続きは↓下の番号をクリック!

1234

スポンサード リンク