描画開始
JA

ピクセル描画ガイド

ゲーム用
ピクセルアートの描画

ゲームオブジェクトを読み取り可能に設計します。スケール、パレット、スプライトの出力を一緒に計画します。

ゲーム用ピクセルアート描画のオリジナルピクセル例
同じ図面の小さなプレビューケーススタディエディタで描画 →
01

ゲーム内でのオブジェクトの役割を決定する

絵を描き始める前に、そのオブジェクトがプレイヤーに何を伝えるかを考えてください。この例のチェストは、環境から分離し、ロック解除可能なオブジェクトとして認識される必要があるゲーム アセットです。

インターフェイス アイコン、装飾オブジェクト、およびインタラクティブ クレートには、異なるレベルの詳細が必要な場合があります。画像を使用する画面サイズで画像を評価する必要があります。

02

スケールを他のゲームアセットと一致させる

Determine the size of the chest according to the character and the background. An object that looks beautiful on its own may be too large or small in the scene.

まずシルエットを構築します。小さいサイズで蓋、本体、ロックなどの主要なパーツが明確でない場合は、テクスチャを追加する代わりに形状を単純化します。

ゲーム用ピクセル アート描画: サンプル描画
サンプルの主な形状と色の領域を調べて、サンプルの独自バージョンを描画します。
03

インタラクティブなオブジェクトを環境から分離する

木材には暖かい色調を使用し、金属ストリップには明るいアクセントを使用できます。主要パーツの明暗差はそのままに。

Apply the light direction of the scene to the object as well. Instead of giving equal shine to every surface, separate the top and side surfaces with tones.

04

州間の位置を維持する

胸が閉じた状態と開いた状態など、さまざまな状況を準備する場合は、ベースラインとキャンバスのサイズを同じにしてください。こうすることで、画像が変化したときにオブジェクトが不必要にバウンスすることがなくなります。

まず 2 つの基本的なケースを描画します。中間フレームは後で追加します。ビジュアル ファイルだけでは、ゲームにインタラクティブ性やアニメーション動作が追加されません。

05

PNGとスプライトシート出力を選択

単一オブジェクトの場合は PNG を使用します。現在のフレームを使用します。複数のフレームを並べて取得するには、PNG を使用します。すべてのフレームを使用します。透明な領域が実際に空であることを確認してください。

ゲーム エンジンにファイルをインポートするときに、フィルタリングとスケールの設定を確認してください。正確なチューニング名は、使用しているエンジンによって異なります。アンチエイリアシングにより、ピクセルのエッジがぼやける場合があります。

エディタで描画を開始 →
06

よくある質問

スプライト シートにはゲームの動作が含まれていますか?

No. スプライトシートは正方形が並んだ画像です。アニメーションの順序、速度、インタラクティブ性はゲーム側で定義されます。

色が多いほど良い結果が得られますか?

いつもではありません。まず、主要な部分を互いに分ける色を決定します。必要に応じて、光やディテールに新しいトーンを追加します。

サンプルを変更できますか?

はい、形や色を変更して独自の実験を作成できます。変更後もメイン トピックがまだ読めることを確認してください。

作業内容を保存するにはどうすればよいですか?

デジタル図面を PNG としてダウンロードします。また、編集可能なレイヤーとフレーム用にプロジェクト ファイルを保存します。紙の仕事はノートに保存したり、写真に撮ったりできます。