Photoshopでクールなティポグラフィエフェクトのための5つのクイックテクニック

あなたのテキストに特別な魅力を与えたいけれども、時間があまりありませんか？ 問題ありません！Photoshopを使って、数ステップで素敵なタイポグラフィエフェクトを作成できます。このチュートリアルでは、テキストをクリエイティブでモダンにデザインするための5つの簡単で迅速なテクニックを紹介します。ネオングロウ、メタリックな外観から歪んだ効果まで、これらのクイッキー（急速な手法）はあなたのデザインに変化とスタイルをもたらします。さぁ、はじめましょう！あなたのテキストを際立たせます！

1. タイトルのためのレトロコンツアーエフェクト

フライヤーや壁紙には、アウトラインの発光オプションを使用して簡単にクリエイティブなレトロなアウトラインを作成できます。

ステップ1：テキストを配置する

出発点のイメージとして、わずかに傾いたテキスト付きの放射状の背景を使用します。テキストは、サイズ300のEight Trackフォントを使用しています。

ステップ2：'アウトラインの発光'オプションをグラデーションに設定

アウトラインの発光オプションは通常、明るいまたは暗い輝き/影として使用されますが、Photoshopには色の代わりにグラデーションをアウトラインとして使用する機能もあります。

テキストでは、正確な設定によりさまざまなアウトラインエフェクトが得られ、それぞれの塗りつぶし方法を変えることができます。適切なグラデーションを使用することで、文字を優しく囲んだり、サイケデリックな多色使いにすることができます。

サイズは、外側にシマれるグラデーションの大きさを示します。 アンダーフィルは、テキストに直接作用する効果の強さを示します。重要なのはテクニック：精密さ。

素晴らしいのは、特殊効果として、成功したレトロエフェクトに使用できる中断されたグラデーションが用意されていることです。色調は簡単に調整できます。好みによっては、外枠を透過度でフェードアウトさせることもできます。

レトロコンツアーエフェクトが完成しました：

2. タイトルのためのほつれたアウトラインエフェクト

ほつれたアウトラインエフェクトは、グランジなフライヤーや見出しに最適です。効果自体は素早く作成できます。

ステップ1：白い背景にテキストを配置する

背景は白です。600ポイントのArmyで「PSD」と書いています。

ステップ2：文字を選択します。テキストレイヤーの文字をAlt+クリックで選択します。

ステップ3：選択範囲を編集します。ショートカットを使用して、ぼかしを強調ダイアログを開きます。選択した領域にぼかしを強調を設定します。具体的な値はテキストサイズによって異なります。

ステップ4：新しいレイヤーを作成し、色で塗りつぶします。ショートカットを使用して、任意の色で新しいレイヤーを作成し、選択された領域を塗りつぶします。

テキストレイヤーを非表示にでき、ショートカットCtrl+Dで選択を解除できます。

ステップ5：スマートオブジェクトに変換します。 ぼかしを強調を持つ文字レイヤーと白いレイヤーを選択し、両方をスマートオブジェクトに変換します。

ステップ6：スマートフィルターの水彩画を3回適用します。

1. 処理

入力は、選択した色、ぼかしを強調の大きさ、テキストサイズに応じて変化する可能性があります。

2. 処理

3. 3回目

2回目を経て、不規則でほつれたエッジ効果が生まれていることがすでに分かります。3回目および4回目の処理で、必要に応じて効果を微調整することができます。

このエフェクトは、グランジ感のある背景のテキスト要素として良く使われます。ここで示されている背景は、このチュートリアルの作業素材として添付されています。

このビューでは、ダーカーカラーモードで85%の不透明度で表示され、背景は同様に85%の不透明度で通常モードで表示されています。

ディファランスモードで100%の不透明度で表示され、背景は同様に50%の不透明度で通常モードで表示されます。

3. シンプルな3D風反射効果

装飾が少なく、非常に簡単な方法で効果を発揮する、フォントのためのシンプルな反射効果を次の手順で作成します。

画像出典: Akhilesh Sharma - Fotolia.com。

ステップ1: パターンとして反射を指定

この効果の最初のステップは、テキスト内に反射される画像をパターンとして指定することです。画像を開いた状態で、メニューから編集>パターンを指定を選択します。

ステップ2: テキスト配置 ドキュメント内に、300ポイントのArialフォントでテキストを配置します。ドキュメントのサイズは800x600ピクセルで、背景は黒です。

ステップ3: 輪郭の塗りつぶしオプション テキストレイヤーの塗りつぶしオプションを開き、輪郭タブを選択します。そこでパターンを塗りつぶし方法として選択し、パターンプレビューで事前に指定したパターンをクリックします。

その他の設定:

マウスを使用して、画像内でテキストの輪郭が表示されるようにパターンの配置を調整できます。設定をOKで確定します。

ステップ4: レイヤーとして塗りつぶしオプションを指定する 右クリックで、レイヤースタイルからレイヤーを作成できます。輪郭は今やレイヤーパネルに存在する一つのレイヤーです。このレイヤーをテキストレイヤーの下に配置します。

ステップ5: パターンオーバーレイオプション テキストレイヤーの塗りつぶしオプションでパターンオーバーレイタブを選択し、事前に指定したパターンを呼び出します。スケーリングスライダーを使用して、パターンが表示に適したサイズに縮小します。マウスを使用して、画像内でテキスト内に表示されるようにパターンを照準します。

ステップ6: 輪郭を微調整 効果をリアルに見せるために、輪郭レイヤーをキーボードの矢印キーで少し下方向と左方向に移動し、軽い3D効果が生まれるようにします。

さらに、反射に光をもたらすために、テキストレイヤーに1ピクセルの外側の輪郭を付け、塗りつぶしパターンと一緒にします。輪郭は1ピクセルなので非常に微妙ですが、テキストの上部にも表示させることができます。効果が強すぎる場合は、不透明度をさらに調整してください。

これでシンプルな3D風反射効果ができあがります。

4. テキストと形状における反射効果のグラデーション

このチュートリアルには、"Scott Kelby: Photoshop CS4 Down & Dirty Tricks"という本でこの効果を説明しているScott Kelbyからのインスピレーションを受けています。

Scott Kelbyは、2つの文字にこの効果を12ステップで説明しました。以下のように進めました:

1. テキストの作成
2. テキストをラスター化し、選択し、最初のグラデーションを描く
3. レイヤーを複製し、反対のグラデーションを描く
4. 楕円選択でグラデーションをクリップ
5. 選択を変形する
6. 選択したグラデーション領域を反転し、削除する
7. 輪郭を追加する
8. エッジを滑らかにし、レリーフを追加する
9. -2つ目の文字に対して12のステップを繰り返す
   
   
   
   

効果は小さくてかわいらしい注目ポイントです。しかし、そこにたどり着く道は静的な結果しか許しません。テキストを変更できないのは、一度グリッドに配置されたためです。他の文字を追加するには、また大半の手順を繰り返さなければなりません。

自分のチュートリアルでは、テキストの変更可能性を残す方法を示したいと思います。また、この効果を使用すると、他の文字をより迅速に追加できます。

ステップ1：グラデーションを作成する

この効果をより迅速に作成するために、ダブルグラデーションをパターンとして設定します。そのために、1000x600ピクセルのサイズのドキュメントを開き、グラデーションツール (G)を有効にした状態でメニューバーのグラデーションプレビューをクリックしてグラデーションメニューを開きます。

今、テキストに曲げたダブルグラデーションを配置するためのグラデーションを作成します。

グラデーションの配置は次のとおりです:

グレー - 白 - 黒 - グレー

色の途切れは、既存の色の途切れの隣にクリックして追加し、ドラッグ&ドロップで適した位置に配置します。色の途切れの色は、グラデーションメニューのカラーピッカーを使用して変更できます。

白から黒への移行は急です。カラーバケツが重ならないように少し重ねて配置する必要があります。そうしないと後で段階的な効果が生じます。30％のスムージングにより、グレー領域のグラデーションもしっかりと柔らかくなります。

必要に応じて、新しいグラデーションを新規として任意の名前でグラデーションプレビューに保存できます。その後、OKでグラデーション設定を確認します。

ステップ2：グラデーションを曲げる

グラデーションツールを使用して、グラデーションをドキュメントの下部中央から左上に引きます。

グラデーションの曲率のため、グラデーションのすべての編集をグラデーションオーバーレイだけで行うことはできません。解決策は、曲がったグラデーションとしてパターンを適用することです。

Ctrl+T>曲げるで、黒いグラデーションが曲がった表示になるように軽い曲げを設定します。そのために曲げグリッドを少し左上に引っ張ります。

ステップ3：グラデーションをパターンとして設定　曲がったダブルグラデーションをパターンとして設定できます。これを行うには、メニューの編集>パターンを設定...を選択します。名前は：反射を含むダブルグラデーションです。

ステップ4：テキストの配置　ドキュメントには新しいダークレッドの背景を選択します。その後、530ポイントのアーミーフォントでテキストを入力できます。文字Pを入力します。

ステップ5：パターンオーバーレイ　テキストレイヤーの塗りつぶしオプションを開きます。パターンオーバーレイタブで、事前に設定したパターンを選択します。

マウスで簡単にドキュメント内を移動し、直感的にパターンを適切な場所に配置できます。必要に応じて、文字に対してパターンのスケーリングも可能です。

ステップ6：輪郭　次の輪郭タブで、外側に5ピクセルの輪郭を設定します。塗り方はグラデーションです。

メタル-設定から標準設定のシルバーをメタル-グラデーションでクリックします。

単独の輪郭だけでは望む効果が得られません。輪郭を平らなエッジとレリーフで表示すると、本当のメタリックな光沢が得られます。

ステップ7：平らなエッジとレリーフ　3Dメタリック効果を作るには、平らなエッジとレリーフタブで設定を行います。次の設定を選択します:

• スタイル: リリーフコンツア

• 技法: 丸める

• 深さ: 100パーセント

• サイズ: 5ピクセル

• 影の角度と高さ: 120度と30度

• 光コンター: ダブルリング

効果は完成です。

ステップ8：追加の文字　その他の文字については、テキストレイヤーを単純に複製し、適切な位置に移動してテキストツールで各文字を変更します。

必要に応じて、新しい文字の形にダブルグラデーションを「パターン重ね合わせ」レジスターで調整する必要があります。

グラデーションに色のアクセントを加えたい場合は、塗りつぶしオプションで「色重ね合わせ」を「乗算」モードで追加できます。

それで以上です！

5. 傾いたテキストと枠線

前述の反射グラデーション効果の素晴らしい発展形は、テキストに枠線を付け、その枠線にテキストを斜めに表示することです。

この例では、各文字に個別の反射があるのではなく、他の文字と一緒に反射されます。つまり、文字は個別のレイヤーにありませんが、全て一つのレイヤーにまとめられています。

ステップ1: 枠線を追加する

テキストに細い枠線の四角形を標準的な設定からドラッグして追加するために、「カスタム形状」ツール（U）を使用します。

ステップ2: レイヤースタイルをコピーする　Altを押しながらテキストレイヤーの既存の「レイヤースタイル」を枠線レイヤーにドラッグ&ドロップでコピーします。これにより、枠線のための「レイヤースタイル」がコピーされます。必要に応じて、「パターン重ね合わせ」の具体的な位置を再度「塗りつぶしオプション」で調整して、ビューを適切に表示できるようにします。

ステップ3: 両方のレイヤーをスマートオブジェクトに変換する テキストレイヤーと枠線レイヤーをレイヤーパネルで選択し、それらを「スマートオブジェクト」に変換します。

ステップ4: トランスフォーム テキストを変形するためにStrg+Tを選択します。 Strgを使用して枠線とテキストを傾斜させることができます。

必要に応じて、Enterを押して変換を確認します。

ステップ5: 配置のヒント テキストには枠線がある必要があり、傾いたり傾斜した印象を本当に得ることができます。

また、配置に特別な効果をもたらしたい場合は、枠線付きテキストをドキュメント全体に収まらないように配置します。必要に応じて、ドキュメントをこの見栄えに合わせてトリミングする必要があります。それにより、特別な画像的なサイズの印象が生まれます。たとえば、SPIEGELはGoogleの名前をカバーに収められないように配置しました。これにより、Googleの特別なサイズと力を直感的にわかりやすく表示しました。