illustrator_halftone_MV

Illustratorでカラーハーフトーン(ドット)の作り方

  • このエントリーをはてなブックマークに追加

Illustratorを使ってカラーハーフトーンを使ったデザインをした機会がありましたので、忘れないようにメモ。

デザインのアクセントにも使えたりできるので、覚えておいてもいいかもしれないですね。

[カラーハーフトーン]効果を使用することによって、印刷物の網点のようなドットを作ることができます。アメコミなどによく使われたりするので、イラストを作成する時などにも使えそうです。

今回は「Illustrator CC」を使用して作成するため、バージョンによって多少違いがあるかと思いますが、基本的なことは変わらないので、大丈夫です。

基本的な作り方

Step1. オブジェクトの描画

Illustrator halftone 01

[ハーフトーン]効果を付けたいオブジェクトを作成します。

色によって上手く表現出来きれない場合(バグ?)がありますので、色々試してみましょう。

Step1. [ハーフトーン]効果を付ける

Illustrator halftone 03

Illustratorのメニューより[効果]→[ピクセレート]→[カラーハーフトーン]より効果を付けることができます。効果を付けてあげること自体は1クリックできちゃうので、とっても簡単ですね。

Illustrator halftone 02

デフォルトの数値の設定のままだと上記のようになります。

こちらが基本的な[カラーハーフトーン]の使い方になります。

グラデーションを使ったカラーハーフトーン

グラデーションなどのように色の差異があるとハーフトーンが綺麗にできます。

Step1. オブジェクトの描画とグラデーション

Illustrator halftone 04

今回は円形のグラデーションを付けてました。

Step2. [カラーハーフトーン]効果

上記Stepと同じようにカラーハーフトーンの効果を付けます。

今回は数値の設定は下記のように設定しました。

Illustrator halftone 06

ハーフトーンのドットの最大半径や、チャンネルごとにスクリーン角度を設定することができるので様々な数値に変更して試してみましょう。

Illustrator halftone 05

上記の数値より出来上がったものがこちらになります。

グラデーションが付いていると、ドットの大小が見えるので綺麗に仕上がりますね。

【番外編】ハーフトーンを拡張する

Illustratorの拡張プラグイン、Astute GraphicsのPhantasm(有料)を入れることによってハーフトーンの機能を向上させることができます。14日間はデモを試すことできます。

Illustrator halftone 07

角度や大きさ、間隔、形なども種類ので選ぶことができます。Illustratorの通常のハーフトーンでは少し歯がゆかったところなど補ってくれるので、是非購入を検討してもいいかもしれませんね◎

おすすめ記事

  1. Illustratorの遠近グリッドツールでビルを作るチュートリアル
  2. illustratorで手作り風、手書き風をデザインする色々な方法
  3. 誰でもできる!Illustratorでちょこっとアメコミ風のイラストを書いてみる!
  4. Illustratorで簡単にできる、ちょっとしたアクセントのチュートリアル
  5. 縫い目や刺繍風デザインをPhotoshopやIllustratorで描く方法

関連記事

PAGE TOP