81
Illustratorでスケーラブルなベクターハーフトーンを作成する

ベクターイラストレーションにおいて最も難しい要素の一つはハーフトーンです。ハーフトーンとは、様々なサイズのドットのみを用いてモノクロ画像を再現する方法です。ハーフトーンは、限られた色数で制作するグラフィックアーティスト(例えばポスターやTシャツのデザインなど)にとって特に重要です。なぜなら、ハーフトーンは単調なアートワークにニュアンスを与えるからです。さらに、ベクターハーフトーンはピクセル化することなく、任意のサイズに拡大縮小できます。

このチュートリアルでは、グレースケールオブジェクトを作成し、それをベクターハーフトーンに変換する方法を説明します。これらの手順はAdobe Illustrator CS5用ですが、以前のバージョンのIllustratorでもほぼ同じ手順で実行できます。

ステップ1:文書を準備する

新しいドキュメントは大きなキャンバスサイズで作成することが重要です。「ファイル」→「新規」を選択します。「新規ドキュメント」ウィンドウが表示されたら、適切な名前(例:ハーフトーンオブジェクト)を入力します。「新規ドキュメントプロファイル」ポップアップメニューから「Web」を選択し、幅と高さを1800×1800ピクセルに設定します。「OK」をクリックしてドキュメントを作成します。

ただし、始める前にもう1つ設定を調整する必要があります。「効果」→「ドキュメントのラスター効果設定」を選択します。「解像度」で「その他」をクリックし、288ppiと入力します。Illustratorは標準の画面解像度である72ppiを使用します。72の倍数のラスター設定を選択すると、トレース時により良い結果が得られます。続行するには、「OK」をクリックしてください。

ドキュメントのラスター効果に比較的高い解像度を設定すると、ハーフトーンをトレースするときにより良い結果が得られます。
ドキュメントのラスター効果に比較的高い解像度を設定すると、ハーフトーンをトレースするときにより良い結果が得られます。

ステップ2: オブジェクトを作成する

次に、グレースケールのグラデーションを使ったシンプルなオブジェクトを作成します。これは、標準グラデーション、グラデーションメッシュ、ブレンドなど、様々な方法で実現できますが、今回は星型のオブジェクトを使ったブレンドを作成しましょう。

  1. ツールバーから星型ツール(長方形ツールと同じ場所にあります)を選択し、ドキュメントの大部分を覆う星型を作成します。(または、星型ツールを選択し、キャンバスの中央をクリックします。星型の設定ウィンドウが開きます。半径1:800、半径2:420、ポイント:5と入力し、[OK]をクリックします。)

  2. 星を選択し、「ファイル」→「コピー」を選択し、「ファイル」→「同じ場所に貼り付け」を選択します。これで、既存の星の上に星のコピーが貼り付けられます。この時点では、キャンバス上に星が1つだけあるように見えます。「オブジェクト」→「変形」→「スケール」を選択します。スケールウィンドウが表示され、貼り付けたオブジェクトの正確なスケールを設定できます。「均一」をクリックし、25%と入力して「OK」をクリックします。元の大きな星の上に小さな星が乗っているのが確認できます。

次に、それぞれの星の色を設定する必要があります。「ウィンドウ」→「カラー」を選択し、塗りと線のカラーパネルを呼び出します。左上に2つのボックスが表示され、塗り(塗りつぶされた四角形)と線(四角い穴のある四角形)の色を表しています。どちらかの四角形をクリックすると前面に表示され、その属性の色を変更できます。小さな星を選択し、必要に応じて線の四角形を前面に出します。次に、カラーパネルの左下にある赤い線が入った白いボックスをクリックして線を削除します。次に、塗りつぶしの四角形を前面に出し、塗りつぶしの色を濃い灰色に設定します(例えば、RGB値をR=77、G=77、B=77と入力します)。

大きな星についてもこの手順を繰り返し、線を削除して塗りつぶしの色を白(RGB R=255、G=255、B=255)に設定します。キャンバスをクリックすると大きな星は消えますが、心配する必要はありません。

「選択」→「すべてを選択」を選択し、「オブジェクト」→「ブレンド」→「作成」を選択します。すると、2つの星の間に柔らかいグラデーションが現れます。

各星の色を設定したら、ブレンドを使用して 2 つの星の間に柔らかいグラデーションを作成できます。
各星の色を設定したら、ブレンドを使用して 2 つの星の間に柔らかいグラデーションを作成できます。
ステップ3:カラーハーフトーンフィルターを適用する

滑らかなグラデーションのオブジェクトができたら、ハーフトーンに変換できます。この時点では、ベクターアートワークをビットマップに変換しますが、心配はいりません。作業が完了する前にベクターモードに戻します。

星を選択し、「効果」→「ピクセル化」→「カラーハーフトーン」を選択します。「カラーハーフトーン」ウィンドウの最初のフィールドでは、ハーフトーンドットの相対的なサイズを制御する最大半径を選択するように求められます。このフィールドには「96」と入力します。次の4つのフィールドでは、4つの異なるチャンネルのスクリーン角度を設定します。各フィールドに「128」と入力します。「OK」をクリックして続行します。

ハーフトーンへの変換はプロセッサを大量に消費するタスクで、数秒かかる場合があります。完了すると、プログレスバーが表示されます。完了すると、オブジェクトが黒いドットで構成されていることがわかります。ハーフトーンドットのサイズに満足できない場合は、「元に戻す」を選択して、このプロセスを繰り返してください。最大半径には異なる数値を入力してください。数値が大きいほどドットは大きくなり、数値が小さいほどドットは小さくなります。

カラー ハーフトーン フィルターを適用すると、オブジェクトは白黒ハーフトーンに変更されますが、現時点ではビットマップのままです。
カラー ハーフトーン フィルターを適用すると、オブジェクトは白黒ハーフトーンに変更されますが、現時点ではビットマップのままです。

ステップ4:ハーフトーンオブジェクトをトレースする

新しいハーフトーンアートワークをベクターオブジェクトに変換するには、Illustrator のライブトレースを使用する必要があります。

オブジェクト選択ツールでハーフトーンアートワークを選択し、「オブジェクト」→「アピアランスを拡張」を選択します。「オブジェクト」→「ライブトレース」→「トレースオプション」を選択します。

トレースオプションウィンドウの左上に、プリセットのポップアップメニューがあります。「シンプルトレース」を選択し、「トレース」をクリックします。トレース処理には、ハーフトーンドットの密度に応じて最大1分かかる場合があります。

トレースが完了したら、「オブジェクト」→「拡張」を選択します。ポップアップウィンドウに操作に関するいくつかのオプションが表示されますが、特に変更する必要はありません。「OK」をクリックすると、ハーフトーンがベクターに変換されたことがわかります。(トレース処理によって生成される円は若干不完全ですが、ハーフトーンには十分です。)

新しいハーフトーンを任意の色に変更できます。オブジェクトを選択して色を選択するだけです。

完成したベクターハーフトーンは、任意の色に変更できます。
完成したベクターハーフトーンは、任意の色に変更できます。

新しく作成した洗練されたハーフトーンオブジェクトは、Tシャツのデザインやポスターに使用できます。画質が劣化することなく、どんなサイズにも拡大縮小できます。このハーフトーンテクニックはグレースケールの写真にも効果的です。ぜひお試しください!

[クリス・マクベイは、ノバスコシア州ハリファックスに住む作家、イラストレーター、おもちゃの写真家です。 ]