【2023年改訂版】イラレでカンタン！イラストをドット絵に変える方法

いなちゃん

みなさんは「ドット絵」とは何かご存知ですか？
「ドット絵」とは、1980年代に普及したビデオゲームなどで用いられた表現形態のことをいいます。
別名「ピクセルアート」とも呼ばれており、近年、ドット絵は古くて新しいグラフィックスタイルとして確立しつつあります。

このように、何を表しているかは判別できますが、解像度は低いものです。
昔から親しまれており、懐かしく感じる方も多いのではないでしょうか？

今回は、Illustratorでイラストを簡単にドット絵に変える方法をご紹介いたします！
フラットなイラストもドット絵に変えることが出来ます。
初心者の方でも簡単に出来る方法を2つご紹介するので、是非試してみてください。

この記事の目次

1 【おすすめ】イラストをドット絵に変える方法
2 【もっと簡単】イラストをドット絵に変える方法
3 さいごに

【おすすめ】イラストをドット絵に変える方法

Step.1 ドット絵にしたいイラストを準備する

ドット絵にしたいイラストを用意しましょう。
今回は次のようなドーナツのイラストを用意しました。

サイズはW230×H230です。
なるべく正方形に近いサイズのイラストが簡単にきれいに仕上げられます。

ドット絵にしたいイラストが、正方形に近いサイズでない場合は？

ドット絵にしたいイラストが正方形に近いサイズでない場合、正方形の塗り（白）を作成し、イラストとグループ化しましょう。
正方形のオブジェクトとして扱い作業を進めると、イラストが正方形に近いサイズでなくても綺麗な仕上がりになります。

イラストの用意ができたら、さっそくドット絵にしてみましょう！

Step.2 ラスタライズする

最初に、ドット絵にしたいイラストを選択したまま、メニューバーの「オブジェクト」から「ラスタライズ」を選びます。

するとこのような設定画面が出てきます。

背景は「透明」を選択しましょう。
OKボタンをクリックしラスタライズが完了すると、イラストが1枚の画像になります。

Step.3 モザイクオブジェクトを作成

次に、ラスタライズしたイラストをモザイクオブジェクト化します。
一気にドット絵に近づく重要な作業になります！

まず、メニューバーの「オブジェクト」＞「モザイクオブジェクトを作成」を選択します。

すると次のようなパネルが表示されます。

設定する数値は「タイル数」の部分です。
幅と高さは同じ数値にしましょう。今回はタイル数を幅：30、高さ：30に設定します。
するとイラストが30×30で分割されます。

次に、ドット絵にしたイラストをここで一旦「オブジェクト」＞「ロック」＞「選択」（command⌘+2）でロックします。
ロックしたイラストの背面には、モザイクオブジェクト化される前のイラストが隠れています。

手前のイラストをロックすると、背面に隠れていたイラストを選択しやすくなりますね。
隠れていたイラストは、仕上がりに影響してしまうので削除してください。

イラストをきれいなドット絵にするためには、この作業は必須です！

背面に隠れていたイラストを削除した後は、モザイクオブジェクト化した手前のイラストを
「オブジェクト」＞「すべてをロック解除」（option+command⌘+2）でロック解除、
グループ解除（Shift+command⌘+G）も行いましょう。
ドット絵の完成まであと少しです！