マウスとMS付属のペイントで自己流ドット絵メイキング(1)
こんばんは。
最近ゲーム内で作ったドット絵などをtwitterにあげていたら、嬉しいことに褒めてもらえることが多くてちょっと上機嫌です。
でも普段からお絵かきしてるような人でも「ドット絵は別だよ！」みたいに捉えられてる人もなんか多いようで、いやいやドット絵が特別難しいなんてことはない！！ 私としては普通のお絵かきとあんまり変わらない難しさだぞ！！
…ということを主張したくて、本日はMS付属の「ペイント」で自己流のメイキングを作ることにしました。
世の中にはもっとドット絵を作るのに向いたツールは山ほどあるのですが、
まぁペイントはwindowsのパソコンにはどれにでも入ってるので取っつきやすいし、
自分がドット絵を初めて作ったのもペイントだったので、敢えてのペイントにします。
（ドット絵の基本が身に付けば、どうぶつの森の「マイデザイン」とか、
ガールズモード4の「エンブレム」とかにも応用きくので覚えて損はないはず！）
…とはいえかくいう私も素人が趣味の範疇でやってるものですし、
そんな人間が自己流でやってるものなのであんまり参考になれるか分かりませんが
「どこから手を付けたらいいか分からない、超初心者です！」みたいな人のヒントにでもなれたら…と思ってこの記事を書いてます。
まずは初歩的なものとして比較的シンプルなデザインのキャラクターを題材に作ってみましょう。
いきなり人物などやっちゃうとパーツが複雑でハードルが上がりがちなので、
初めての人が練習するには色数の少ない、マスコット系のキャラクターがいいです。
題材を何にするかかなり迷ったのですが、
難しすぎず、簡単すぎず、知名度も考慮して
今回は「妖怪ウォッチ」より「ジバニャン」を作ってみることにします。
まずはペイントを立ち上げます。
（今回のはwindows10のものですが、バージョンによってレイアウト異なることもあると思うのでその点はご了承ください）
間違えないで欲しいのは、「ペイント3D」ではなく、ただの「ペイント」のほうです。
この白紙のキャンバスに絵を描いていきますが、
いざ書き始める前に……まずは「キャンバスサイズの決定」から。
いきなりデカイものに挑戦しても初心者はまず死にますが、小さすぎるキャンバスも情報量が詰め込めなくなってしまうので難しいところ。
なお今回の記事は64x64サイズで作ります。
なぜこの大きさかというと、この大きさの画像なら、ガールズモード4のエンブレムと同じ解像度の画像になるからです。
ここで作った絵を元にしてガールズモード４のエンブレムを後で作りたいのです。
…皆さま、自分の作ってみたいドット絵に何らかの使用目的はありますか？
「どうぶつの森のマイデザインとか、ゲーム内デザインを作る前の下書きにしたい」
「ウェブサイトのバナーにしたい」
「自分のウェブサイトのワンポイントにしたい」
「自作ゲームのキャラクター画像に」etc...
目的が決まっているのなら、その大きさに合わせたキャンバスを用意しましょう。
特に使用目的も無く、ただただドット絵に挑戦したい！練習してみたい！という漠然とした感じでしたら、縦横いずれも30～80pixelの範囲内でキャンバスサイズを設定するのが良いと思います。
（ちなみに3DS版のどうぶつの森マイデザインは32x32だったかな？）
小さすぎるのも画像の中に情報量を詰め込む難易度が上がるので困りものですが、
あんまりひとつのアイテムやキャラクターが大きすぎるとドット絵感も減っちゃいますからね。
まずは「ホーム」タブが表示されてるのを確認してから、その中の「サイズ変更」を選択。
するとこんな画面が出てきますので、
①「単位(B):」のラジオボタンを、「パーセント」から「ピクセル」に
②「縦横比を維持する」のチェックを外す
③「水平方向」に自分が作りたいものの横の長さ、「垂直方向」に縦の長さを入力
します。
（※ペイントには画像の拡大縮小機能もありますので、上記のようにいじらないと拡大縮小のほうが反映されてしまうのです）
これでOKをおすと…
じゃーん
いかにもドット絵が収まりそうなちまっこい大きさのキャンバスが出来上がりました。
…ひとまずそろそろ「ファイル」→「名前を付けて保存」で画像を保存しておきましょう。
この時の保存するときの拡張子は、何も分からないなら「png」にしてください。
jpeg、jpgは画質劣化が発生してしまうのでドット絵を作るなら絶対に選んではいけません。
（以降の作業中もこまめに画像ファイルの保存を推奨しておきます。急にパソコンがフリーズしてデータ飛んだ！を発生させないためにも…）
…とはいえこの小さいキャンバスの実寸大にちまちま絵を描いていくのも大変なので、
ここからは描きやすいように最後の下準備です。
上記の「表示」タブをクリックしてください。
表示タブを開くと画面の上部分がこんな感じになります。
「ルーラー」
「グリッド線」
「ステータスバー」
というチェック項目があると思います。
既にチェックが入っていれば無問題ですが、もしも入ってなかったらここで３つとも全部にチェックを入れてください。
「ステータスバー」にチェックが入っていると、ペイントの画面下部になんやら細いバーが表示されると思います。
その画面右下にある目盛りみたいなやつは、画像の拡大縮小ができるためのものです。
これをずずいっと「+」の方向に動かして、最大まで持っていきましょう。
「800％」までいくはずです。この％の数字は拡大倍率を表しています。
つまり800％なら「実際のサイズの８倍の大きさで現在表示中です」の意味ですね。
（ちなみに、他の画像編集ソフト同様に、ペイントでも「Ctrl+スクロール」のショートカットでもキャンバスの拡大縮小が可能です。慣れてしまえばこちらのほうが楽ちんなので、余裕があればショートカットを覚えておきましょう。）
これで画面が拡大されました。
ついでにステータスバー以外の項目についての説明はこちら。
ここまできたらついでに「縮小表示」も使いましょう。
同じく「表示」タブのまま、「縮小表示」をぽちっとな。
なんか小さいウィンドウが表示されました。これが縮小表示ちゃんです。
縮小表示は画面を拡大しているときにだけ使える機能であり、今は白紙なので分かりにくいですが、この縮小表示ウィンドウが実寸大サイズを同時に横に表示してくれます。
これでいちいち拡大縮小を動かさなくても、拡大画面でドットをぽちぽちしながら並行して実寸大サイズも確認できるのです！ 便利！
…さて下準備だけでだいぶ時間がかかってしまいましたが次こそドット絵作業です！
次の記事：
