時には、いくつかのクリックだけでタイポグラフィーに生命を吹き込めることがあります。 クラシックなタイプのエフェクトは時代を超えて多目的で、ロゴ、ポスター、招待状、またはソーシャルメディア投稿に最適です。このチュートリアルでは、Photoshopでテキストを創造的にデザインするための5つの簡単で迅速なエフェクトを紹介しています。シャドウ、グラデーション、3Dルック、または輝くアクセントなど、これらの手法は時間を節約しつつも印象的な結果をもたらします。さあ、始めて、あなたのタイポグラフィを次のレベルに引き上げましょう!
1. 形植え: テキストを形に配置する
ステップ1:Photoshopでの形植えの基本原則
Photoshopでの形植えは非常に簡単です。必要なのは、テキストを挿入する作業パスです。
矩形ツールを使って形を簡単に描くことができます。テキストツールを使って矩形内をクリックし、テキストを入力または挿入できます。
ステップ2:形植えにカスタム形状を使用する
これが基本原則です。今度は、ペンツールを使ってパスを自由に変更し、テキストの形を指定します。既存の形状があるとさらに簡単です。カスタム形状ツールを使って会話バブル形状を選択して描いた後、再び会話バブル内でクリックし、テキストを入力します。テキストは会話バブル形状に素晴らしく適合します。
段落ウィンドウと文字ウィンドウを使って、行揃え、文字間隔の調整、形のサイズに合わせた行間を選択するなど、微調整ができます。結果として、テキストはハート形になります。
2. 輪郭に従う: テキストをオブジェクトの周りに流す
ステップ1:輪郭に従う基本原則
Adobe InDesignには、エッジ検索など素晴らしい機能を持つ輪郭に従うための専用パネルがありますが、Adobe Photoshopではオブジェクトの周囲にテキストが流れる方法を見つけるための代替手段が必要です。解決策は、オブジェクトの輪郭に一致する作業パス上にテキストを配置することです。その基本原則は形植えと同じです。
このチュートリアルでは、Fotolia.deから画像を選択しました(画像ソース:© Robert Kneschke - Fotolia.com)。
今、私はテキストが人物の周りをエレガントに流れるようにしたいと思います。画像には選択を解除していない黒い背景があります。背景が黒いため、背景を選択するにはマジックワンドを使用します。
ステップ2:選択を縮小し、作業パスを作成する
選択が人物に近づくまで縮小するには、メニューから選択>選択変更>縮小を選択します。注意:選択範囲を欲しいテキストフレームサイズに制限するのは常に賢明です。 Alt+選択ツールで選択範囲を縮小し、Shift+選択ツールで拡大できます。したがって、作業パスを作成する前に、テキストフレームサイズに合わせて選択範囲を調整する必要があります。
今、パスウィンドウを開いて、選択範囲から作業パスを作成します。該当マークをクリックします。
ステップ3:テキストを挿入する
最後のステップでは、テキストツールを使ってフォーム内をクリックし、テキストを挿入または入力します。これで作業パスがテキストフレームとして機能します。
テキストツールを使ってテキストフレームを編集することもできます。結果:テキストは左側にエレガントに周囲を流れます。
3. パス上のテキスト
パスに沿ってテキストを配置するのはかなり簡単です。
ステップ1:パスを描く
ペンツールを使用して、テキストを配置するパスを描きます。
ステップ2:テキストを配置する
テキストツールを使用して、パスに向かって行くと点線が表示されます。これで入力できます。
ステップ3:テキストの形成
テキストの変換は、引き続き文字パネルを使用して行います。
直接選択ツールを使用して、テキストパスを操作し、テキストフローの始点を移動したり、パスの上または下にテキストを表示することもできます。
ステップ 4: 形状ツールを使用したパスの作成
形状ツールを使用してもパスを作成できます。 パスパネルで新しいパスを作成し、この例では独自の形状ツールを使用して手形を描きます。
ここにもテキストを配置できます。
ステップ 5: 選択範囲からパスを作成する
画像から選択範囲を作成し、それをティポグラフィックなテキストフローに使用することもできます。
クイック選択ツールを使用して、この画像の背景を選択します(画像ソース:iofoto – Fotolia.com)。Shift+Ctrl+Iで選択を反転し、その選択範囲から作業パスを作成します。これをテキストに使用できます。
ステップ 6: タイポグラフィによる輪郭強調
このような複雑な色調の画像でも、同様に行うことができます。 この木の画像(画像ソース:archaeopteryx_stocks)を選択します。クイック選択ツールを使用して、この木を選択して、その選択範囲から再び作業パスを作成します。 パスパネルで選択範囲をパスに変換するアイコンをクリックします。 これでこのパスもテキストに使用できます。
4. テキストを画像とグループ化する:切り抜きマスク
テキストを模様、質感、または画像で塗りつぶすのは、テキストエフェクトの古典です。 テキストに表示されるイメージを塗りつぶす画像は、テキストレイヤーよりも上に配置します。レイヤーパネルでキーボードショートカットCtrl+Alt+GまたはAltとテキストレイヤーとイメージレイヤーの間でクリックして、切り抜きマスクを作成します。 すると、イメージはテキストが配置されている部分だけに表示されます。 画像が下のレイヤーの内容にトリミングされていることが画面に表示されます。
このテキストエフェクトは、シンプルに黒または白の背景に、製品カタログ、フライヤー、そしてライフスタイルの背景を使用した商品カタログで頻繁に見られます。 最近では、Gerd Kommerの「Die Buy And Hold Bibel」という本のカバーにも、このシンプルな効果が使われています。
切り抜きマスクの効果は、素材のテクスチャと一緒に使用されることが一般的です。 塗りのオプション(平坦なエッジ/レリーフと影など) が、大理石テキスト、金属テキストなどを作成し、地元の専門店での提供者xyの最新の石コレクションを宣伝します。
5. ブラシプリセットでパスに輪郭を充填する
非常に単純で効果的な手法の1つは、ブラシプリセットを使用して、テキストの輪郭を塗りつぶすことです。
ステップ 1: フォントを選択し、テキストを入力し、作業パスを作成する
ますます幅広いフォントを選択します。 120ポイントのフランクリン・ゴシック・ヘビーで「PSD」という文字を入力します。
レイヤーパネルでテキストレイヤーを右クリックし、パスを選択から作業パスを作成します。 これはパスパネルに保存されます。
ステップ 2: ブラシプリセットを設定する
テキストレイヤーは非表示にします。 ブラシプリセットパネルでテキストに輪郭を作成するブラシを選択します。 葉っぱの形のブラシを選択します。
F5でブラシパネルを開きます。 そこでブラシの形状を調整できます。
次の設定を選択します:
• ブラシ形状の間隔を40 Pxで60%、サイズ、= 12パーセントの色相ジッター、12パーセントの明度ジッターに設定します。 これにより、テキストサイズに最適な間隔が得られ、各ブラシの間の移り変わりが流れるようになります。
• 形状属性に25パーセントの角度ジッター。 これにより、ブラシプリセットが回転します。
• カラー設定に、色相ジッター12%、明度ジッター12%を設定します。 これにより、赤いトーンに魅力的な軽微な不規則性が生じ、素敵な秋の効果が文字に現れます。
ステップ3:作業パスを有効にし、新しいレイヤーを作成する
Nun erstelle ich eine neue Ebene und aktiviere den Arbeitspfad im Pfade-Bedienfeld. Mit Klick auf das zweite Icon in der Fußleiste des Pfade-Bedienfeldes fülle ich die Pfadkontur mit dem eingestellten Pinsel. Wichtig ist, dass das Pinselwerkzeug ebenfalls aktiviert ist.
Wenn ich den Pinsel noch etwas in der Größe anhebe, ergibt sich eine angenehme Größenvariation des Effekts. So lässt sich über die Pinseleinstellungen die Konturfüllung effektreich den jeweiligen Bedürfnissen anpassen. In diesem Beispiel mit einem eher herbstlichen Anstrich.
ステップ4:筆のバリエーション
Wenn ich jetzt einen Blütenpinsel als Vorgabe nutze und den Farbton-Jitter prozentual noch ein wenig nach oben ziehe, erhalte einen leichten, aber schönen Sommereffekt.
ステップ5:さらなる編集
So lassen sich mit Konturfüllungen auf einfache Weise schnelle Typoeffekte umsetzen. Der bisherige Effekt bedarf in der Regel aber sicher noch der einen oder anderen Weiterbearbeitung, damit er als Ganzes attraktiv ausschaut.
Eine mögliche Weiterbearbeitung für einen herbstlichen Look könnte sein, dass ich einfach den Innenbereich des Textes mit meinem Blatt-Pinsel in einer neuen Ebene fülle und die vorab angelegte Pinselkontur mit Strg und Klick auf die Ebenenminiatur dieser Ebene auswähle und als Ebenenmaske zu meiner neuen Ebene verwende.
So nutze ich die vorherige Kontur als Ebenenmaske und erhalte damit auch einen Kontureffekt für meinen Text.