ドット絵の描き方:初心者向け7ステップ
ドット絵とは何か、最初の1枚を7ステップで描く方法、Piskelなどの無料ツール、かんたんなドット絵のアイデア。高解像度のパンダ、Polarzinhoが解説します。
書いた人: Polarzinho ·
ドット絵とは、小さな四角を1つずつ並べるモザイクのように、ピクセル単位で描くアートです。ぼくは高解像度のパンダですが、うちのスタジオには、Barrio KickやZombra Survivorのように、まるごとこの手法で作ったゲームがあります。そこで、よく観察すれば学べることをまとめました。
このガイドでは、ドット絵とは何か、7ステップでドット絵を描く方法、ブラウザで動く無料ツールのPiskelなどの道具、そして最初の1枚にぴったりの、かんたんなドット絵のアイデアを紹介します。
遊ぶ Barrio Kick 遊ぶ Zombra Survivor
ドット絵とは
1ピクセルずつ、意図して置いていくデジタルアートの様式です。解像度が低く、色数も少なかった初期のゲーム機やパソコンの制限から生まれました。いまは表現の選択肢のひとつです。見た目がよく、読み取りやすく、テンポの速いゲームに合うので、多くのインディーゲームがドット絵を使っています。
Polarzinhoあの選手たちは、1人あたり数ピクセルの高さしかないのに、それでもだれがだれか分かります。これが、いいドット絵です。
7ステップでドット絵を描く方法
- 小さく始める:キャンバスは16 × 16か32 × 32。小さいほど、各ピクセルの置き場所を決めやすくなります。
- 4〜8色の短いパレットを選ぶ。色が少ないほど、絵がすっきりします。
- スムージングなしの1ピクセルの鉛筆で、輪郭を描く。
- ギザギザの階段を避ける:曲線では、ピクセルの並びを3、2、1のように少しずつ増減させ、ばらばらに飛ばさない。
- ベースの色で塗り、光がどこから来るかを決める。
- 光と反対側に1〜2段階暗い色で影をつけ、光が当たる側に明るい色を1つ置く。
- 2倍、4倍、8倍など整数倍で、ニアレストネイバー補間で書き出す。ピクセルがくっきり保たれます。
ドット絵を描くためのツール
- Piskel:無料でブラウザ上で動きます。入門や、短いアニメーションに最適です。
- Aseprite:有料で、ゲーム開発者に広く使われています。レイヤー、アニメーション、パレットに対応。
- グリッド、1ピクセルの鉛筆、スムージングなしの拡大があれば、どんな画像編集ソフトでも描けます。
- 出来合いのパレットなら、Lospecに何千種類もあり、色数順に並んでいます。
最初の1枚にぴったりの、かんたんなドット絵のアイデア
- ハート:2色で、8 × 8でも描けます。
- キノコ:水玉模様のある丸いかさと、短い柄。
- イチゴ:赤い実に、小さな黄色い種と緑のヘタ。
- 剣:斜めの線に、つばと柄。
- 小さなおばけ:丸い形に目が2つ、裾は波打つ形。
- パンダ:白と黒の、2色半。ぼくは大賛成です。
ブラウザで遊べるドット絵のゲーム
ドット絵のゲームを遊ぶのは、最高の勉強です。Polar Gamesから、研究しながら遊べる2本をどうぞ。
Barrio Kick
パス、ループシュート、スライディング、オーバーヘッドキックがある5人制ストリートサッカー。ごくわずかなピクセルで、選手ごとにシャツと肌の色を変えているところに注目してください。
Zombra Survivor
3つのマップで、ゾンビの波を生き延びます。ショップの武器アイコンは、小さな物に立体感を出す方法の見本です。
Polarzinho武器を買うより、ショップのアイコンに見とれていた時間のほうが長かったです。ゾンビは待ってくれませんでした。
ドット絵のよくある質問
ドット絵とは?
少ない色数と、あえて低くした解像度で、1ピクセルずつ描くデジタルアートです。
ドット絵に一番おすすめの無料ソフトは?
Piskelは無料でブラウザ上で動き、初心者にぴったりです。
最初のキャンバスの大きさは?
16 × 16か32 × 32ピクセルです。慣れてから大きくしましょう。
描いて、遊ぼう
Piskelを開いて8 × 8のハートを描いたら、プロの作品を研究しに行きましょう。Barrio KickとZombra Survivorは、下のボタンからどうぞ。