86
ハーフトーングラデーションで表示テキストを装飾する

アート作品やイラストにちょっとしたアクセントを加えたいですか?鮮やかな色のテキストに、大胆なハーフトーンのグラデーションを加えてみてください。文字パネルではこのようなテキスト効果は作成できませんが、自分でも簡単に作れると思います。私はAdobe Photoshop CS6を使用していますが、CS4やCS5でも同様に使えます。

ドキュメントを設定する

Photoshopを開き、「ファイル」>「新規」を選択します。かなり大きなスケールで作業する必要があるので、幅2100ピクセル、高さ1200ピクセル、解像度300ピクセル/インチのドキュメントを作成します。作成が完了したら、背景色を設定します。「レイヤー」>「新規塗りつぶしレイヤー」>「単色」を選択します。レイヤーに名前を付けBackground「OK」をクリックします。好きな色を選択します。この例では濃いネイビーを選択しました。「OK」をクリックして続行します。

練習のために単語を入力してみましょう。テキストツールを選択し、太い書体を選び、文字サイズを約100ポイントに設定します。単語を入力したら、移動ツールを選択してテキスト編集モードを終了します。次に、選択範囲 > すべてを選択し、レイヤー > レイヤーを選択範囲に整列 > 水平方向中央、さらにレイヤー > レイヤーを選択範囲に整列 > 垂直方向中央を選択して、単語をドキュメントの中央に配置します

最後に、レイヤーパネル(ウィンドウ > レイヤー)とチャンネルパネル(ウィンドウ > チャンネル)が表示されていることを確認してください。これらのパネルは通常同じタブグループにありますが、両方同時に表示できると便利です。

このハーフトーン塗りつぶしテクニックは、大きくて太い文字に最適です。

ハーフトーングラデーションを作成する

以下の手順では、徐々に細くなる線を使って色から色へと変化させることで、印象的なグラデーションを作成します。ポップアートのような質感に加え、スクリーン印刷のアートワークでは重要なテクニックです。(スクリーン印刷では使用できるスポットカラーが限られるため、巧みなハーフトーン処理によってすべてのグラデーションを作成する必要があります。)

注: これらの手順はレイヤーマスクに大きく依存していますが、これは初心者には理解しにくい概念です。簡単に言うと、レイヤーマスクはレイヤーのどの部分を表示するかをアプリケーションに指示します。赤い画用紙があり、それをテーブルの上に平らに置いたとします。次に、黒い画用紙を取り、その中央に円を切り取ります。次に、黒い紙を赤い紙の上に完全に平らに置くと、黒い画用紙の中央にある赤い円だけが表示されます。黒い画用紙はマスクとして機能し、赤い紙の残りの部分は見えなくなります。これがレイヤーマスクの仕組みとまったく同じですが、重要な違いが 1 つあります。レイヤーマスク内の黒い領域は実際には透明です。その結果、Photoshop では、赤い単色塗りつぶしレイヤーの上にこのような黒いマスクを置くと赤い円が生成されますが、黒い境界線は表示されません。

ステップ1:テキストレイヤーのサムネイルをCommandキーを押しながらクリックしてテキストを選択します。テキストそのものを選択するのではなく、単語のピクセル寸法をキャプチャします。

ステップ2:編集 > コピーを選択し、ファイル > 新規をクリックします。Photoshopはクリップボードにあるサイズと同じドキュメントサイズを提案します。より快適に作業するには、各方向に20~30ピクセルずつサイズを拡大してください。

ステップ3:新規ファイルで、「レイヤー」>「新規塗りつぶしレイヤー」>「グラデーション」を選択します。レイヤー名は重要ではないので、「OK」をクリックします。グラデーション塗りつぶしウィンドウで、グラデーションの形状、色、方向を決定できます。ここでは、基本的な黒から白へのグラデーションを作成しています。グラデーションプレビューをクリックすると、Photoshopのグラデーションエディターが開きます。上部にプリセットの選択肢が表示され、3番目は黒から白へのグラデーションです。それをクリックして選択し、「OK」をクリックしてグラデーション塗りつぶしウィンドウに戻り、「OK」をクリックしてグラデーションレイヤーを追加します。

ステップ4:イメージ > モード > グレースケールを選択します(必要に応じて「OK」をクリックして色情報を破棄します)。次に、「イメージ > モード > ビットマップ」を選択し、「OK」をクリックしてレイヤーを統合します。次に出力を設定します。

アートワークで何をしたいかに応じて、チュートリアルはここで簡単に分かれます。

フルカラー印刷(アンチエイリアス)—出力解像度を1200ピクセル/インチに選択します。これにより、元のファイルの4倍のサイズのドキュメントが作成されます。印刷方法を「ハーフトーンスクリーン」に設定し、「OK」をクリックします。

スクリーン印刷(エイリアス)—出力を300ピクセル/インチに選択します。これにより、ドキュメントサイズは一定に保たれます。印刷方法をハーフトーンスクリーンに設定し、「OK」をクリックします。

次に、線数と角度を設定します。ハーフトーンの線をはっきりと見やすくするには、18~24度の低い線数を選択します。角度は多少任意ですが、私の例では33度です。最後に、シェイプを「線」に設定します。「OK」をクリックすると、グラデーションがハーフトーンのビットマップに変換されます。(拡大表示すると、線が白黒で、ギザギザのエッジになっているのがわかります。)

ハーフトーンスクリーンの形状によって、ビットマップに変換した際のグラデーションの見え方が変わります。この例では「線」を使用していますが、四角形や十字形を使用すると、より面白い効果が得られます。

ステップ 5:グラデーションを元のドキュメントに戻します。

フルカラー印刷(アンチエイリアス)— 「イメージ」>「モード」>「グレースケール」を選択します。「サイズ比」に を入力し4「OK」をクリックします。この操作により、ファイルは元のサイズに戻り、同時にビットマップグラデーションにアンチエイリアスが適用されます。「選択範囲」>「すべて」を選択し、「編集」>「コピー」を選択します。

スクリーン印刷(エイリアス)—グレースケールに戻す必要はありません。「選択範囲」>「すべて」を選択し、「編集」>「コピー」を選択するだけです。

ステップ 6:元のドキュメントに戻ります。

フルカラー印刷 (アンチエイリアス) - テキスト レイヤーを Command キーを押しながらクリックして選択します (まだ選択されていない場合)。

スクリーン印刷(エイリアス)—テキストレイヤーをControlキーを押しながらクリックしてレイヤーオプションのポップアップメニューを表示し、「なし」を選択します。この操作により、テキストのアンチエイリアスが解除されます。次に、テキストレイヤーをCommandキーを押しながらクリックして選択します。

完了したら、2 つ目の色を追加してグラデーションを作成できます。レイヤー > 新規塗りつぶしレイヤー > 単色を選択し、名前を付けますSecondary Color。色の塗りが単語内にのみ表示されていることに注意してください。これは、直前に作成したテキスト選択によってレイヤーマスクが作成されたためです。必要な色を選択し、OKをクリックします。次に、レイヤーパネルでレイヤー自体に注目してください。単色のサムネイルの右側に、直前に作成した選択範囲から作成されたレイヤーマスクのサムネイルが表示されます。単語は黒い背景に白で表示され、この黒い領域がレイヤーのどこを透明にするかを示しています。

ステップ7:新しいカラーフィルレイヤーをクリックして選択し、「レイヤー」>「新規」>「レイヤーからグループ」を選択します。グループに名前を付けHalftone Pattern「OK」をクリックします。次に、「レイヤー」>「レイヤーマスク」>「すべてを非表示」をクリックします。この手順により、グループに不透明(すべて黒)のマスクが追加され、新しい色が一時的に非表示になります。

ステップ 8:ハーフトーンをレイヤー マスクに貼り付けて追加します。グループのレイヤー マスクのサムネイルをクリックして選択し、[チャンネル]に移動します。RGB と赤、緑、青のチャンネルの下に、グループのマスク レイヤーが斜体で表示されます: ハーフトーン パターン マスク。それを選択し、目のアイコン領域をクリックして表示します。すると、マスクがドキュメント上に透明色 (通常は赤) として表示されます。次に、[編集] > [貼り付け]を選択して、他のドキュメントからハーフトーン グラデーションを挿入します。移動ツールを使用して、ハーフトーン化するテキストの上に慎重に配置してから、目のアイコンをクリックしてマスク レイヤーを非表示にします。これで、単語の上にグラデーションが表示されるはずです。新しいハーフトーン マスクの白い領域は、2 番目の塗りつぶしレイヤーの色で表示されます。

グラデーションをグループ レイヤー マスクに貼り付けると、テキストの上に表示されます。

エフェクトで微調整

ハーフトーンレイヤーを作成したら、色を変更したり、アートワークを微調整したりできます。最も簡単に作成できる効果の一つは、ベベルのような効果です。これは、単色塗りレイヤーのマスクを縮小して位置を調整することで実現できます。2つ目の塗りつぶしレイヤーのマスクサムネイルをCommandキーを押しながらクリックし、単語のマスクを選択します。次に、「選択範囲」>「変更」>「縮小」を選択します。「選択範囲の縮小」ウィンドウで、値を入力して「OK」10をクリックします。

次のステップでは、デフォルトの前景色と背景色を設定しておく必要があります。キーボードでDキーを押します。次に、「選択範囲」>「反転」を選択し、「Delete」キーを押します。この手順で単語マスクの境界線が薄くなり、グラデーションが表示される領域が縮小され、単語がわずかにベベルされているように見えます。最後に、「選択範囲」>「選択解除」を選択し、「移動」ツールを選択して、矢印キーでマスクを右下に移動します。これにより、テキストに左上から光が当たっているような印象を与えます。

マスクを縮小して位置を変更し、テキストにベベル効果を与えます。