デレマスのドット絵・ドット絵ができるまで
この記事は KMCお絵かき アドベントカレンダー 9日目の記事です。
8日目の記事は、id:kebusKMC さんの 【KMCお絵かきAdventCalendar】 楽園の守り手たる巫女 - kebusKMC’s diary でした。
今日のテーマ
アイドルマスターシンデレラガールズのドット絵を描きました。
【アイドルマスターシンデレラガールズ】「アイドルマスターシンデレラガールズ ドット絵」イラスト/yu3mars [pixiv]
例によってポケモンGBA風。
シンデレラプロジェクトのアイドル+木村夏樹です。
衣装はアニメ2nd OP「Shine!!」のクリスタルナイトパーティです。
これだけで終わってもよいのですが、せっかくなので、ドット絵ができるまでを紹介します。
制作環境
| OS | Windows 10 |
| 使用ツール(ドット絵制作) | EDGE |
| 使用ツール(ドット絵加工) | ImageMagick |
まず、EDGEというお絵かきソフトでキャラクターを一人一人描きます。
描き終わったら、ImageMagickという画像編集ソフトを使い、公開に適した形に整えます。
EDGE
ドット絵を描くのに便利なソフトです。
今回は、衣装と顔は全キャラで使いまわしました。
髪型と色(一部キャラは目と肌の色も)を変えることで、キャラクターの個性を表現しています。
1ドット変えるだけで、大きく印象が変わります。
そのため、試行錯誤して一番しっくりくる形を見つけます。
スクリーンショットです。
ImageMagick
画像の連結や拡大に便利なソフトです。
複数のドット絵をまとめて一枚の画像にすると、公開の時に取り扱いが楽になります。
小さいドット絵をそのままアップロードすると、ぼやけて拡大表示されてしまう場合があるので、
拡大してからアップロードしています。
今回ドット絵を加工する際に利用したコマンドを紹介します。
シェルあるいはコマンドプロンプトから利用できます。
縦に結合 (例は3つの画像を連結)
convert -append [入力ファイル1] [入力ファイル2] [入力ファイル3] [出力ファイル] convert -append uzuki.gif rin.gif mio.gif newGenerations_tate.gif
横に結合 (例は3つの画像を連結)
convert +append [入力ファイル1] [入力ファイル2] [入力ファイル3] [出力ファイル] convert +append uzuki.gif rin.gif mio.gif newGenerations_yoko.gif
ぼやけさせずに拡大する (例は2倍に拡大)
convert -filter box -resize [倍率]% [入力ファイル] [出力ファイル] convert -filter box -resize 200% newGenerations.gif newGenerations_zoom.gif
ImageMagick 7 以降ではconvertコマンドはmagickに名称変更されているので注意してください。
ImageMagick に関する技術的情報として、以下のサイトが参考になるかもしれません。
[Resolved] convert.exe missing from 7.0.1-Q16? - ImageMagick
終わりに
ImageMagickの利用はプログラマっぽい感じですが、慣れると怖くないです(エラーが出ると戸惑いますが…)。
イラスト制作方法は、人それぞれだと思いますが、何かの参考になれば幸いです。
皆さんも、ドット絵イラストレータを始めてはいかがでしょうか?
明日のKMCアドベントカレンダーは、KapTamBnS さんです。
