Adobe Illustratorでピクセルアートを作る？ Illustratorはベクターに最適なので、それは珍しいように聞こえますが、ピクセルアートを作るのにも優れていることに驚きます。 実際、Illustratorでピクセルアートを作るのは良い選択です。ベクターの品質を落とすことなく拡大縮小が可能だからです。

すでに正方形を複製してピクセルアートを作ろうとした人もいるかもしれませんね。 かもしれない は、グリッドやスクエアを利用して作るのですが、実はそれがきっかけでした。

しかし、制作を重ねるうちに、もっと簡単な解決策を見つけたので、このチュートリアルでその方法を紹介します。

使用する必須ツールは以下の2つです。 長方形グリッドツール と ライブペイントバケツ これらのツールは初めて見るものですが、簡単な例を使って説明しますので、ご安心ください。

このアイスクリームのベクターを、以下の手順でピクセルアート化してみましょう。

注：このチュートリアルのスクリーンショットは、Adobe Illustrator CC 2022 Mac版から引用しています。 Windowsやその他のバージョンでは、異なる表示となる場合があります。

ステップ1． 新規ドキュメントを作成し、幅と高さを500×500ピクセルに設定します。

ステップ2． を選んでください。 長方形グリッドツール 基本ツールバーをお使いの場合、長方形グリッドツールは、ツールバーの 編集ツールバー のメニューがあります。

長方形グリッドツールを選択し、アートボード上でクリックします。 幅と高さをアートボードと同じサイズに設定し、水平と垂直の仕切りの数を増やします。 この数は、垂直または水平の列のグリッドの数を決定します。

数字が大きいほど、より多くのグリッドが作成され、グリッドが多いということは、グリッドの数が少ない場合よりも各グリッドが小さくなることを意味します。 例えば、50と入力した場合 ホリゾンタルディバイダー を50とする。 縦型ディバイダー は、こんな感じでしょうか。

ステップ3． グリッドをアートボードの中心に合わせます。 グリッドを選択し ホリゾンタルアラインセンター と 垂直アライメントセンター から 物件紹介 > 整列 .

ステップ4． ピクセルアートに使用する色のパレットを作る。

例えば、アイスクリームのベクターの色を使ってみましょう。 そこで、スポイトツールを使って画像から色をサンプリングし、スウォッチパネルに追加します。

ステップ5． を使用します。 選択ツール（V） をクリックし、グリッドをアクティブにします。 ライブペイントバケツ ツールを使って K キーを押すか、ツールバーから探してください。

カーソルを合わせたグリッド上に小さな四角が表示されるはずです。これは、描画を開始するか、単にグリッドをクリックしてグリッドを埋めることができることを意味しています。

ステップ6． 同じパレットから色を変えるには、キーボードの左右の矢印キーを押すだけです。

フリーハンドで描く自信がない場合は、画像をグリッドの奥に配置し、不透明度を下げてライブペイントバケツで輪郭をなぞるとよいでしょう。

終了したら、背面の画像を削除してください。

ステップ7． グリッド上で右クリックし アングループ .

ステップ8． オーバーヘッドメニューに移動する 対象物 > ライブペイント > 拡大する .

ステップ9． を選んでください。 マジックワンドツール（Y） をツールバーに表示します。

グリッドをクリックし 削除 ボタンで、ベクターからピクセルアートを作る方法です。

同じ方法で、ゼロからピクセルアートを作ることができます。 画像をトレースする代わりに、グリッドに自由に絵を描くだけです。

ザッツ・イット

Adobe Illustratorでピクセルアートを作るには、ライブペイントバケットと長方形グリッドツールが最適です。 完成したらアートワークとグリッドのグループ化を解除し、ライブペイントを展開すると最終的な仕上がりになることを確認してください。

Illustratorでピクセルアートを作成する最大の利点は、いつでも戻ってアートワークを再カラーリングしたり、別の用途に拡大縮小したりできることです。