ピクセル・アーティストになるには

現代の独立系ビデオゲームでは、ピクセルアートが大流行している。3Dオブジェクトのモデリングや複雑な題材の手描きに膨大な時間を費やすことなく、ゲームに個性を与えることができる。ピクセルアーティストを目指すなら、まずはスプライトを作ることから始めよう。スプライトの作成に慣れたら、アニメーションを始め、自分のスキルを就職希望者に売り込むことができます。

パート1

ツールを集める

1. 良い画像編集ソフトをダウンロードしましょう。ペイントでもピクセルアートを作ることはできますが、難しいでしょう。最も人気のあるピクセルアート・ソフトには次のようなものがあります：

   • フォトショップ
   • Paint.net
   • GIMP
   • Pixen
   • アセプライト
   • ピクシルアート
2. お絵かきタブレットを手に入れよう手描きのアートをトレースしたい場合や、マウスを使って画面に描くのがあまり好きでない場合は、タブレットとスタイラスを使うことができる。ワコムは最も人気のあるタブレットメーカーのひとつだ。
3. 編集ソフトでグリッド表示をオンにする。どのソフトを選ぶにしても、グリッドモードを有効にしておきたい。こうすることで、各ピクセルがどこに配置されるかが明確になります。グリッド表示は通常、「表示」メニューからアクセスできます。

   • 各マスが1ピクセルを表すようにグリッドを設定する必要があるでしょう。その方法はプログラムによって異なります。GIMPでは、イメージメニューからこれを変更できます（「グリッドを設定...」を選択）。
4. 単一ピクセルの鉛筆を選択します。編集ソフトで鉛筆ツールを選択します。鉛筆のオプションで、単一ピクセルブラシを選択します。これでシングルピクセルで描画できるようになります。

パート2

基本を練習する

1. 新しい画像を作成します。ピクセルレベルで作業するので、画像サイズは大きくする必要はありません。オリジナルのスーパーマリオブラザーズの画面全体は256×224ピクセルしかありません。マリオ自身も12 x 16ピクセルしかありません！
2. 拡大する。個々のピクセルを扱うことになるので、グリッドと個々のピクセルがどこに配置されているのかがわかるように、かなり遠くまでズームする必要があります。グリッドのピクセルをはっきり見るには、800%以上に拡大する必要があるかもしれません。
3. 直線を引く練習をする。これは簡単なことのように思えるかもしれませんが、線が真ん中で1ピクセルでもずれていると目立ちます。毎回ラインツールに切り替える必要がないように、マウスやスタイラスで直線を引く練習をしましょう。
4. 曲線を描く練習をしましょう。曲線は、ピクセル線に規則的な切れ目を入れて描きます。例えば、良い曲線は6ピクセルの区切りで始まり、3ピクセルの区切り、2ピクセルの区切り、1ピクセルの区切りと続きます。その後、ブレークが逆になってカーブのもう一方の端を作る。悪いカーブは、3ピクセルのブレークで始まり、1ピクセルのブレークが続き、3ピクセルのブレークが続く、またはその他の奇妙な進行になる。
5. 消しゴムツールを使ってミスを修正する。鉛筆ツールと同様、消しゴムは1ピクセルずつ消すように設定する。消しゴムが大きすぎると、ピクセルを正確に消すことが難しくなります。

パート3

最初のスプライトをアウトライン化する

1. スプライトの用途を決めます。アニメーションか静止画か。静的なスプライトであれば、より細部まで描き込むことができますが、アニメーションのスプライトは、アニメーションのために部分的に描き直す必要があるので、よりシンプルにしたほうがよいでしょう。また、他のスプライトと組み合わせて使うのであれば、全体がつながるようなアーティスティックなスタイルがいいでしょう。
2. 制限事項がないか確認してください。プロジェクト用にスプライトを作成する場合は、サイズや色に制限がないか確認しましょう。これは、たくさんの異なるスプライトがある大きなプロジェクトに取り掛かるときに、より重要になります。

   • 最近のシステムでは、スプライトのサイズや色の複雑さに制限はありません。古いシステム専用のゲームを開発する場合は、より多くの制限にぶつかるかもしれません。
3. スケッチするスプライトの基本コンセプトを紙にスケッチしてみましょう。こうすることで、スプライトがどのように見えるかを確認し、ポーズやその他の特徴を調整することができます。タブレットがあれば、このスケッチを元にトレースすることもできます。

   • スケッチを詳細にします。スプライトが完成品としてどのように見えるかを知ることができるように、盛り込みたい特徴をすべて配置します。
4. 編集ソフトでアウトラインを作成します。スケッチしたアウトラインを参考にするか、パッドを使ってアウトラインをトレースします。アウトラインを作成するには、クリックして描くか、各ピクセルを個別に配置するか、どちらかを選択します。

   • 最初のスプライトを作るときは、アウトラインの色として黒を使います。そうすることで、見分けがつきやすくなります。アウトラインの色は後で手動で変更できます。
5. アウトラインをきれいにします。ズームインして、余分なピクセルを消したり、線を修正したりします。アウトラインの太さは、スプライトの残りの部分を太くしない限り、1ピクセルだけにしてください。鉛筆ツールを使ってピクセルを挿入し、間違いを修正しましょう。

   • アウトラインを描く過程では、大きなディテールに集中しましょう。後で細かい部分を描き足すことができます。

パート4

スプライトに色を塗る

1. 基本的な色彩理論を学びましょう。カラーホイールを見て、どの色を使うべきかを判断しましょう。カラーホイール上で隣り合う色同士ははっきりした色になり、近い色同士は隣り合っているように見えます。

   • スプライトを個性的に見せるために、あまり目立たない色を選びましょう。できればパステルカラーは避けてください。
2. 数色だけ使いましょう。色を増やせば増やすほど、スプライトの見た目が乱れてしまいます。最も象徴的なスプライトを見てみると、数色しか使っていないことが多いことがわかります。

   • マリオ - 古典的なマリオのスプライトは、密接に関連した3色しか使っていません。
   • ソニック - ソニックはオリジナルのマリオよりもディテールが細かいが、それでも濃淡の異なる4色だけで構成されている。
   • リュウ - 古典的な格闘ゲームのスプライトの1つであるリュウは、単純な色の大きな領域を使用し、わずかな陰影をつけて明瞭にしています。リュウは5つの基本色とさまざまなシェードを持っています。
3. 色を塗る塗りつぶしツールを使って、スプライトに色を塗ります。この時点ではベースカラーを塗るだけなので、平坦に見えるかどうかは気にしないでください。塗りつぶしツールは、境界線に達するまで、クリックしたピクセルと一致するすべてのピクセルを選択した色で置き換えます。

その5

シェーディングの適用

1. 光源」を決めます。光がスプライトに当たる角度によって、シェーディングを適用する場所が決まります。実際に光があるわけではありませんが、光の当たる方向を知ることはとても重要です。

   • 光源がスプライトのはるか上方、やや右またはやや左から来るようにシェーディングするのが最も簡単でしょう。
2. ベースカラーを少し暗めにシェーディングします。光源が上から来る場合、シェーディングはスプライトの「下側」で行います。直接光が当たらない部分にシェーディングをかけます。アウトラインの上か下にピクセルのレイヤーをいくつか追加するだけで、シェーディングが追加されます。

   • ベースカラーの "lum "値を下げ、"hue "値を少し上げると、良いシェーディングカラーになります。
   • グラデーションは絶対に使わないでください。とても嘘っぽく、プロらしくなくなります。ディザリングを使ってグラデーションを模倣することはできます（下記参照）。
3. ソフトシャドウを加えます。シャドウの暗さと元のベースカラーの中間の色合いを選びます。このシェードを使って、シェーディングとベースカラーの間にもう1層シャドウを加えます。こうすることで、暗い色から明るい色に変化する効果が得られます。
4. ハイライトをいくつか加えます。スプライトの中で最も光が当たっている部分です。ベースカラーより少し明るいシェーディングを使うことでハイライトを加えることができます。ハイライトは邪魔になるので、控えめに使いましょう。

パート6

高度なテクニックを使う

1. ディザリングを試してみましょう。陰影の変化を表現できるエフェクトです。ピクセルの配置を交互に変化させることで、少ない色数でグラデーション効果を作ることができます。パターン内の2つの異なるピクセルの色の量と配置によって、異なる色合いに見えるように目をだますことができます。

   • ディザリングは初心者に多用されがちなので、ごくまれな場合を除いて使わないようにしましょう。
2. アンチエイリアスの練習ピクセルアートは、目立つピクセルによって定義されますが、時には、すべてを少し滑らかに見せるために線をブレンドしたくなることがあります。アンチエイリアスはこれを可能にするテクニックだ。

   • 曲線のねじれに中間色を加える。柔らかくしたい曲線の輪郭の周りに中間色のレイヤーを1つ追加します。それでもまだ荒いようなら、さらに薄い色合いのレイヤーを追加する。
   • どんな色の背景でもスプライトを鮮明に見せたい場合は、アウトラインの外縁にアンチエイリアスをかけないでください。
3. 選択的アウトラインを適用します。これは、塗りつぶしに使った色と同じような色でアウトラインを塗ることを言います。こうすることで、アウトラインが少し自然になり、スプライトが「カートゥーン的」でなくなります。衣服には従来のアウトラインを使用しながら、素肌には選択的アウトラインを試してみてください。

   • 選択的にアウトライン化する部分のベースカラーよりも暗いシェードを使います。光源を使ってシェードを変えながらアウトラインを描くと、スプライトがより自然に見えます。これは特に肌や筋肉の色調に有効です。
   • 伝統的なアウトラインは、背景が賑やかな中でスプライトを目立たせたい場合に適しています。

パート7

仕上げをする

1. スプライトをよく見てください。一歩下がって、ここまでのスプライトを見てみましょう。違和感があれば、それを修正しましょう。
2. ディテールを加える色付けとシェーディングが終わったら、文字や目、特徴など、スプライトを次のレベルに引き上げるためのディテールを追加します。細部へのこだわりが、アマチュアとプロのピクセルアーティストを分けるのです。
3. スプライトをアニメートする上記の手順を踏めば、1つの静止スプライトが完成します。これはアート作品としては問題ありませんが、ゲーム用のスプライトを作りたい場合は、アニメーションさせる必要があるでしょう。つまり、アニメーションの各フレームには、前のフレームから少し変更した独自のスプライトが必要になります。アニメーションに使われるすべてのスプライトを集めたものを「スプライト・シート」と呼びます。

   • GIMPでスプライトシートをアニメーションさせる詳細については、このガイドを参照してください。
   • スプライトにユニークで魅力的なアニメーションを作成することは、優れたピクセルアーティストがアマチュアと一線を画す方法の1つです。良いアニメーションは、スプライトに生命を吹き込むことができます。
4. ポートフォリオを作る。ピクセルアートのスキルをビデオゲーム開発の世界に持ち込みたいのであれば、見込みのある雇用主に自慢できるような、しっかりとしたポートフォリオを用意しましょう。自分の最高のスプライトを数点、アニメーションがあればそれも掲載しましょう。キャラクター、風景、小道具など、様々な題材を盛り込みましょう。

この記事は、CC BY-NC-SAの下で公開された「 How to Become a Pixel Artist 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。