【ロゴ】フォントでつくる!キラキラ輝く金属文字

【ロゴ】フォントでつくる!キラキラ輝く金属文字

【Photoshop講座】キラキラ輝く演出には、光源から放たれる線 (光条) を交差させる「クロス」がポピュラーです。6本の光条がある「スノークロス」を疑似的に作成して、金属の立体文字に配置しましょう。


スペクトルで差をつける!
キラキラ輝くスノークロスを、よりリアルなものにするには、光が乱反射する虹色のスペクトルを取り入れます。放射状のグラデーションは、[スタイル] に [円形] を選択して、カスタム設定します。

キラキラ輝く光の演出を加える

これから行う操作は、入力したテキストを立体的な金属文字に加工する方法です。レイヤースタイルでつくり出した文字列のベースに、シェイプで作成したスノークロスを配置し、キラキラ輝く光の演出を加えます。使用するフォントは任意で設定しますが、セリフ系や明朝系の細い書体でも対応できる技法を用います。
画像にテキストを入力→キラキラ輝く光の演出を加える

境界線で文字を太らせる

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

素材画像を開く
どんな画像にも対応!
背景に敷く画像は、工法とは直接関係しません。キラキラ輝く光が強調できる暗い素材なら、どんな画像にも対応できます。もちろん、黒地でもかまいません。
黒地カンバスで作成した例

黒地カンバスで作成した例
[レイヤー] パネルで、[新規レイヤーを作成] をクリックして、[レイヤー 1] を作成します。
[レイヤー 1] を作成

[レイヤー 1] を作成
[ツール] パネルで、[横書き文字ツール] を選択します。
[横書き文字ツール] を選択

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

[アンチエイリアスを設定] に [滑らかに] を選択
任意のフォントを設定!
作例では、「Zapfino」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。[整列オプション] 、[テキストカラーを設定] は、直接的な影響がないため、任意で行なってください。
整列とカラーは任意に設定

整列とカラーは任意に設定
ドキュメント内をクリックして、ポイントテキストで文字を入力します。すべての文字が入力できたら、[enter] キーを押して、入力を確定します。
文字を入力

文字を入力
文字列のバランスを整えよう!
作例では省略しますが、文字列のバランスを整えるため、頭文字のサイズを大きく調整します。もちろん、そのままのサイズでも OK です。使用するフォントに合わせて、文字と文字の間隔を調整しましょう。
基本がわかる!文字の入力と編集
頭文字の大きさと位置を調整 → 文字列のバランスを整える
このレッスンの動画を配信中!
【Photoshop講座】フォントでつくる!キラキラ輝く金属文字
サムネールをクリックすると、YouTube 動画にリンクします。

文字列の回転

[編集] メニューから、[変形] → [回転] を選択、または、[command (Ctrl)] + [T] キーを押して、変形のバウンディングボックスを表示します。
バウンディングボックスの外側をドラッグして、文字列を反時計回りに回転します。
変形のバウンディングボックスを表示 → 文字列を反時計回りに回転
オブジェクトの回転ができたら、[enter] キーを押して変形を確定します。
[enter] キーを押して変形を確定

[enter] キーを押して変形を確定
動きのあるスマートさを強調!
作例で使用している書体は、繊細な筆跡が特徴です。筆記体は右上がりの方が、視覚的に安定します。文字列を少しだけ回転させておくことで、動きのあるスマートさが強調できます。
基本がわかる動画を配信中!
チャンネル登録をお願いします!

境界線の設定

[レイヤー] パネルで、[レイヤースタイルを追加] をクリックし、メニューから [境界線] を選択します。
[境界線] を選択

[境界線] を選択
[レイヤースタイル] ダイアログで、[構造] セクションの [サイズ] に「12」px を入力します。
[位置] に [外側] を選択します。
[サイズ] に「12」px を入力

[サイズ] に「12」px を入力
[塗りつぶしタイプ] に [グラデーション] を選択します。
[グラデーション] を選択

[グラデーション] を選択
[スタイル] に [シェイプバースト] を選択します。
[クリックでグラデーションを編集] をクリックします。
[クリックでグラデーションを編集] をクリック

[クリックでグラデーションを編集] をクリック
【設定値】
● [サイズ] に「12」px を入力
● [位置] に [外側] を選択
● [描画モード] に [通常] を選択
● [不透明度] に「100」% を入力
● [オーバープリント] オフ
● [塗りつぶしタイプ] に [グラデーション] を選択
● [グラデーション] を設定
● [逆方向] オフ
● [スタイル] に [シェイプバースト] を選択
● [レイヤーに整列] オン
● [角度] に「90」°を入力
● [ディザ] オフ
● [スケール] に「100」% を入力
[グラデーションエディター] ダイアログで、次のグラデーションを設定します。
[グラデーションエディター] ダイアログを設定

[グラデーションエディター] ダイアログを設定
【設定値】
[位置 : 0%] [不透明度 : 100%]
[位置 : 100%] [不透明度 : 100%]
[位置 : 0%] [H : 228° / S : 16% / B : 25%]
[位置 : 100%] [H : 228° / S : 16% / B : 75%]
文字列を境界線で太らせることができました。
適用前 → 境界線で太らせる
立体的に見せるエッジに使用!
[境界線] の設定は、文字列を立体的に見せるために使用します。作例のような細い書体では、シルエットを太らせる役目もあります。
続きは↓下の番号をクリック!

1234

スポンサード リンク