著者:
Lewis Jackson
作成日:
11 5月 2021
更新日:
14 5月 2024
コンテンツ
ピクセルアートがインディーズゲームの世界を席巻しています。これにより、アーティストは3Dオブジェクトのモデリングや手作業での複雑なものの描画に数時間を費やすことなく、ゲームに多くの個性を追加できます。ピクセルアーティストになりたい場合、最初のステップはスプライトを作成することです。これらの要素の作成に慣れたら、アニメーションを作成し、スキルを潜在的な雇用主に示すことができます。
手順
パート1/7:ツールを組み合わせる
- 優れた画像編集プログラムをダウンロードしてください。 ペイントでピクセルアートを作成することはできますが、難しいことに気づくでしょう。最も人気のあるピクセルアートプログラムは次のとおりです。
- フォトショップ
- Paint.net
- GIMP
- ピクセン
-
グラフィックタブレットを入手してください。 手作りのアートを作成したい場合、またはマウスを使用して画面に描画したくない場合は、グラフィックタブレットと適切なペンを使用できます。ワコムは最も人気のあるタブレットメーカーの1つです。 - 画像編集プログラムのグリッドビューをアクティブにします。 選択したすべてのプログラムで有効にする必要があります。これにより、各ピクセルが描画される場所を明確に確認できます。通常、このオプションには[表示]メニューからアクセスできます。
- おそらく、各正方形が1つのピクセルを表すようにグリッドを構成する必要があります。これを行う方法は、プログラムによって異なります。たとえば、Gimpでは、これを[イメージ]メニューから変更できます([グリッドの構成...]を選択します)。
-
単一ピクセルの鉛筆を選択します。 編集プログラムで鉛筆ツールを選択します。鉛筆のオプションで、ピクセルが1つしかないものを選択します。これにより、ピクセル単位で描画できます。
パート2/7:基本の練習
- 新しい画像を作成します。 ピクセルを使用するため、画像サイズはそれほど大きくなくてもかまいません。オリジナルのスーパーマリオブラザーズゲームの画面全体。わずか256 x 224ピクセルです。マリオ自身はわずか12 x 16ピクセルです!
-
ズームイン。 個々のピクセルを操作するので、個々のピクセルの位置を確認できるように、十分にズームインする必要があります。グリッド内のピクセルをはっきりと表示するには、800%以上ズームアウトする必要があります。 - 直線で描く練習をします。 これは単純な概念のように思えるかもしれませんが、線が1ピクセルもずれている場合は、目立ちます。マウスやペンで直線を描く練習をすることで、毎回ツールを交換する必要がなくなります。
- 曲線を描く練習をします。 曲線は、ピクセルラインに定期的な切れ目が発生するはずです。たとえば、良い曲線は6ピクセルの区切りで始まり、3ピクセルの区切りが続き、2ピクセルの区切りが続きます。その後、ブレークはカーブのもう一方の端で反転します。悪い曲線は、3ピクセルの切れ目で始まり、1ピクセルの切れ目、3ピクセルの切れ目、またはその他の奇妙な変化が続きます。
- エラーを修正するには、消しゴムツールを使用します。 ブラシツールと同様に、消しゴムを使用して一度に1ピクセルを消去する必要があります。消しゴムが大きすぎると、ピクセルを正確に消去することが難しくなります。
パート3/7:最初のスプライトのバイパス
- スプライトの使用を決定します。 アニメーション化されますか、それとも静的ですか?静的スプライトに詳細を追加することはできますが、アニメーションスプライトは数回描画してアニメーションの一部を変更するため、アニメーションスプライトは少しシンプルにする必要があります。スプライトを他のスプライトと共に使用する場合、デザインが一致するように芸術的なスタイルを維持する必要があります。
- 制限があるかどうかを確認します。 プロジェクトのスプライトを作成する場合は、サイズまたは色の制限があるかどうかを確認します。これは、いくつかの異なるスプライトを使用して、より大きなプロジェクトで作業を開始するときに、より重要になります。
- 最近のほとんどのシステムでは、スプライトのサイズや色に制限はありません。古いシステム専用のゲームを開発している場合、制限が増える可能性があります。
- スケッチ。 スプライトの基本概念を紙にスケッチしてみてください。これにより、スプライトの外観を確認し、ポーズやその他の特性を調整できます。グラフィックタブレットを使用している場合は、このスケッチをテンプレートとして使用して、後で回避できます。
- 詳細なアウトラインを作成します。スプライトが完成したときにどのように見えるかを確認するには、含めたい機能をすべて配置します。
- 画像編集プログラムでスケッチを作成します。 スケッチした線を参考にするか、表を使って輪郭を描きます。クリックして描画してアウトラインを作成するか、各ピクセルを個別に配置できます。選択は自由です。
- 最初のスプライトを作成するときは、アウトラインカラーとして黒を使用します。これにより、あなたを区別しやすくなります。後で手動で色を変更できます。
- 輪郭をきれいにします。 ズームインして、余分なピクセルを消去し、線を修復します。輪郭は1ピクセルの厚さでなければなりません。鉛筆ツールを使用してピクセルを挿入し、エラーを修正します。
- 輪郭作成プロセスでは、細部に焦点を当てます。後で戻って、少し詳細を追加できます。
パート4/7:スプライトのペイント
- 基本的な色理論を理解する。 カラーホイールを見て、使用する色を決定します。円の反対側にある色は非常に異なりますが、最も近い色は互いに一致します。
- 誇張することなく、スプライトにユニークな外観を与える色のセットを選択します。プロジェクト全体がこのスタイルを使用していない限り、パステル調を避けてください。
- いくつかの色を使用します。 追加する色が多ければ多いほど、それはあなたのスプライトを引き起こすより多くの気晴らしになります。最も象徴的なスプライトを見てみると、それらの色が低いことが多いことがわかります。
- マリオ-マリオのクラシックスプライトには3つのカラーしかありません。
- ソニック-ソニックはマリオよりも詳細ですが、これらの色の濃淡が異なる4色のみで構成されています。
- Ryu-最も古典的なファイティングスプライトの1つであるRyuには、単純な色の広い領域があり、定義を与えるためにわずかな陰影があります。リュウは色合いの異なる5色をご用意。
- 色を塗ります。 塗りつぶしツールを使用して、色の選択を適用します。ここまではベースカラーのみを適用しているので、高すぎても心配はありません。塗りつぶしツールは、制限に達するまで、クリックしたピクセルと一致するすべてのピクセルを選択した色で置き換えます。
パート5/7:シェーディングの適用
- 「光源」を決定します。 ライトがスプライトに当たる角度は、より適切な効果を得るためにシェーディングを適用する場所を決定するのに役立ちます。実際の光源はありませんが、光の方向を知ることは非常に重要です。
- スプライトの上からやや右または左に来る光源でシェーディングする方が簡単な場合があります。
- ベースカラーより少し暗い色を使用してシェーディングを適用します。 光源が上から来る場合、シェーディングはスプライトの「下」で発生するはずです。光の影響を直接受けない領域を遮光します。シェーディングを追加するには、アウトラインの上または下にピクセルのレイヤーをいくつか追加するだけです。
- ベースカラーの「輝度」値を減らし、「色相」値をわずかに上げると、良好なシェードカラーを実現できます。
- グラデーションは使用しないでください。彼らは非常に偽の素人になります。ディザを使用してグラデーションを模倣できます(以下を参照)。
- ソフトシャドウを追加します。 影の最も暗い部分とベースの元の色の間の色合いを選択します。このシェードを使用して、シェードとベースカラーの間に別のシェードレイヤーを追加します。これにより、暗から明への遷移効果が得られます。
- 光のいくつかの領域を適用します。 それらは、霊長類が光に最も当たるポイントです。基本色よりも明るい色を使用して、光の点を追加できます。気が散る可能性があるため、このテクニックは慎重に使用してください。
パート6/7:高度なテクニックの使用
- ディザを実行してみてください。 これは、アーティストがトーンの変化を表現できるようにするエフェクトです。それはあなたがトランジションを作成するためにピクセルの配置を交互にして、ほんの数色でグラデーション効果を作成することを可能にします。パターン内の2つの異なるピクセルカラーの量と位置は、目をだまし、異なるカラーを表示する可能性があります。
- このテクニックは初心者には使いすぎてしまうことが多いため、まれな場合を除いて、使用しないようにしてください。
- アンチエイリアスを練習します。 ピクセルアートは注目すべきピクセルによって定義されますが、線をブレンドしてすべてを少し滑らかにしたい場合があります。アンチエイリアス技術を使用すると、これを行うことができます。
- 曲線の不完全性に中間色を追加します。スムーズにするカーブのアウトラインの周囲に中間色のレイヤーを追加します。それでも鋸歯状に見える場合は、明るい色の別のレイヤーを追加します。
- スプライトをどのタイプの背景でも美しく見せたい場合は、アウトラインの外側のエッジでアンチエイリアスを使用しないでください。
- 選択的な輪郭を適用します。 これは、塗りつぶしに似た色で輪郭を着色するための用語です。これにより、アウトラインが少し自然に見えるので、スプライトの「漫画風」の外観が少なくなります。伝統的な衣服の輪郭を使用しながら、素肌に選択的な輪郭を使用してみてください。
- 選択的に輪郭を描いているセクションの基本色よりも暗い色を使用します。透明な光源を使用して、輪郭に合わせてシャドウを変更し、より自然な外観にします。これは、肌や筋肉のトーンを作るのに特に役立ちます。
- スプライトを非常に完全な背景で表示する必要がある場合は、従来のアウトラインが適しています。
パート7/7:仕上げの追加
- スプライトをよく見てください。 一歩戻ってスプライトを確認します。何か異常があるかどうかを判断し、この不整合またはエラーを修正します。
- 詳細を追加します。 ペイントとシェーディングが終わったら、書かれたもの、目、追加機能など、スプライトの見栄えを良くするための詳細を追加できます。最後に細部に注意を払うことは、アマチュアピクセルアーティストとプロを区別するものです。
- スプライトをアニメーション化します。 上記の手順を実行すると、単一の静的スプライトが作成されます。これは素晴らしい芸術作品ですが、ゲームスプライトを作成する場合は、アニメーション化する必要があります。つまり、各アニメーションフレームには、フレームごとに小さな変更を加えた独自のスプライトが必要です。アニメーションで使用されるスプライトの集まりを「スプライトシート」と呼びます。
- スプライト用のユニークで魅力的なアニメーションを作成することは、プロのピクセルアーティストとアマチュアを区別する方法です。良いアニメーションはスプライトに多くの命をもたらすことができます。
- ポートフォリオを作成します。 ピクセルアートのスキルをゲーム業界に取り入れたい場合は、仕事を潜在的な雇用主に示す強固なポートフォリオが必要です。最高のスプライトのいくつかと、アニメーションがある場合はいくつかのアニメーションを含めます。文字、設定、オブジェクトなど、さまざまな主題を含めます。