16pxアイコンを描いてみる　～8ドット2色を攻略する

オールド #MSX ゲームの鬼門というか、がっかりポイントはスプライト（主人公・敵キャラクタ）やアイテムグラフィックがまぁまぁにしょぼかったことで、実際問題、雑誌映えしなかったのは残念な思い出です。

いや、ゲームは”プレイ感”が一番大事なんですけどね。
とはいえ売上には映えも重要ですからね…

今回は、以前ドット絵講座的なチャレンジで描いていた有名ゲームの"アイテム"グラフィックの勝手リファインとして描いたもので、拡大図つきのものがあったのでまとめて掲載します。

拡大図は罫線付きで８ドット境界線がどこにあるかわかると思いますので、今でも新作を作ってる皆さんの参考になればいいなと思います。

ロマンシア（ドラゴンスレイヤーJr.）

以前、ザナドゥの記事のおまけで軽く触れた、ロマンシアの減色バージョンのとこでしれっと描いてるアイテム欄なんですけれど、実は登場する全アイテムを描き直してX/Twitterで発表していました。
このシリーズどう描いたかがわかりやすいので、１点１点バラして解説します。

関連記事

一応念のため、ロマンシア（ドラゴンスレイヤー Jr.）はシリーズ初のカラー作品です。MSX版も当然カラー画面で（そのせいで敵とかちょっと見づらいですけど）、他PCからの移植としてかなり再現度高い方です。
でもまぁ、アイテム欄がもうすこしアップグレードできそうなんですよね。

通常アイテム

いわゆるレッドポーション
上のスクリーンショットでは水色の瓶ですが、他機種では伝統のレッドポーションみたいな見た目でした。
ハイライト側に８ドット目一杯使うところと上下に連続せ性をもたせて外形（フラスコのガラス感）が不自然にならないようにしているところがポイント

元絵通り斜めにおいた構図で描いたら、白い"ページ部分"が描けないので、表紙の間から見える白い部分が横１ドットになるように回転しました。
MSX１で本型のアイテム描くならこの方法しかなさそう。
背表紙の一番上の接合部だけ、背景色をつかって２色化処しており、背表紙が途切れないようにしているのが工夫ポイント。

オーソドックスに左右の色分けなんですが、中央線付近で形状が不自然にならないようにドレープ（シワ）の影を描いて中央線をごまかしています。
中央でパックリ割れたアイコンにしないための工夫です。

鍵の持ち手部分を中央線を跨ぐように配置して、ハイライトが斜め方向に連続しているようにみせかけているのが工夫ポイント

割と単純な左右分割
巻物の紙面は幅いっぱい（２色目が使える条件）使ってグラデーションを表現してます。　影になる部分は、右側の巻物裏と同じ色になるようにしていますが、この色は中央の境界線をごまかす役割もあります。

基本的に縦に積層されたデザインなので、MSXとしては比較的得意な形状です。
あわせて、ホヤ部・持ち手部分を左右に配置する分割配置で、使える色数も増やしています。
ホヤの影部と持ち手の色合わせてごまかしているのは御愛嬌。

水晶球の底（ハイライトの逆側）にたまる光の部分に明色を刺すのが光り物のコツ（MSX だと難しい表現）。
布の台座があるとその"底"をある程度描かなくて済むのでYsとかザナドゥでもこのデザインですねｗ

オリジナルは左右対称の Y字型に描かれてますが、y（小文字）字型にして羽の裏側が見えるのは奥側だけという構図に。
これで奥側全体が暗い色に塗れるので立体感が出せます。

奥の羽（影色）とスティックの色が喧嘩するあたりは、ごまかしごまかし… 

鍵と同じで、柄/鍔 部分を３エリアまたがせて、刃と柄の色の分離をするのがポイント。
最終的に刃の根本をごまかす必要もありますが、だいたいこの配置で描けば鍔の形で結構なバリエーションが作れます。

鎖部分は点線を描いて、白とそれ以外の色２色で仕上げるとだいたい金属鎖っぽくなります。あんまり色使う必要ないんですけど、できる限り交互に白を挟んだほうがそれっぽいかな。

ペンダントトップは8x8アイコンの手法
ティアドロップ型の宝石は割と難しいですが、水晶玉と同様、底の部分に明色（光の溜まり）が欲しいので斜め方向に傾けて"底"を作っています。

インジケーターアイコン

基本的に8x8アイコンなので、工夫できるところはほとんどないです。
剣（WP）の柄が黄色を刃に繋いでちょっとでも刃を長く見せようとするところなんかがちょっと涙ぐましい…

このゲームは HPとかMPがアイコン表示されていて、モリモリ減るのが目に見えてなかなか怖いんですよね。　前作ザナドゥは減ってるんだか増えてるんだかよくわからない桁で戦ってたのに…

ドラゴンスレイヤー IV (ドラスレファミリー / Legacy of the Wizerd) 

MSX１版は少しカラフルなんだけどMSX２（カラースプライトの都合ですべて赤白の固定パレットで描画）にすこし寄せてみたので全体に赤っぽい画面になりました。
マジックポーションだけ緑色なのはレッドポーション（実際はエリクサーですが）との差別化でパット見の区別しやすそうだなと。

インベントリー（装備画面）アイテム

宝石部と羽の色が被る部分は、羽（赤）→宝石（青）の中間に紫を配置して羽部の照り返し・影表現として馴染ませてみました。これを表現するために羽部を回転、羽の裏側（影部）の表現をキツめに変形しています。

MSXで正面向きの絵は影表現が難しいので、左右どちらかに傾けて、どちらか半分から影色として使うのが得策。
なるべく中央線から離れた場所にある場所（襟元とか奥の腰板）に影色を刺すことで奥行き感を強調しつつ真ん中からぱっくり割れた感を減らします。
同じラインで左右同じ色で繋いだ部分（鎧胸～胴部）と組み合わせることで、いかにも自由にドット打ってるように”みせかける”ことができます。

なお、ドット絵一般としても、多少傾けたほうが形が取りやすいので、よっぽど単純な形（↓のマトックみたいな）以外は多少斜めに向いた絵に書換えてみることをおすすめします。

鎧とは逆に。中央の境界を使って柄の部分を贅沢に色分けしました。
マトックの柄って中央で色分けができる恩恵が活かせる唯一のアイテムな気がします。

指の部分の影が平行線に近くなるように45°近く回転させています。
中央線の左右で、１行ずつ色がズレるように配置することで、中央で割れてる感を軽減しつつ、影の境界線が曲線状に続いているようにみせかけています。

基本的に剣と同じ配置ですね。

柄の部分の描き方は、8ドット2色で２ドット幅の棒を立体的に描く手法として常用しています。
中間色２ドット（これが棒部分のメインカラー）とハイライトの行を繰り返しますが、ハイライト行は１ドットにして欠けてる部分が影扱いになるように配置します。
螺旋状の質感にも見えるので、槍とか木製ロッドとかのアイテムに向いてると思います。

2足の靴。干色味変わるように調整してます。
ジャンプシューズはバネ部の影で水色使うのでやや青味（紫系へ）（踏殺の方は、少し緑入れてブラウン系へ）
このように、ほんのちょっと影色に青みを刺すだけでも雰囲気が変わるので、同系色のグラデーションにこだわりすぎずに、なにか色を刺してみるといいと思います。

余談
身近なところでシューズは”踏殺のインドラ”って呼ばれてました（元ネタアルゴスの戦士…）。
コスト０で必殺の武器として、攻略中はゴールド稼ぎのため大変お世話になりましたねー（タイムタックとかだとお金使わないので要らないんですけどね）

元デザインは"鍵"のはずなんですが、ちょっと鍵に見えない感じのロッド

大まかには鍵や剣と同様、本体を斜め方向に配置することで残りの左上、右下エリアが自由に使えるという構図。　紐部分と杖部分の色を分けることができるのですが、左下でクロスするところで少しごまかしで苦労しています。
紐がロッドを水平に横切るスタイルなら、もうちょっとハッキリ色分けできるんですが、柔らかさを出そうとして、曲線にしてるので強引に色をたくさん使ってごまかしています。

デザインの方を少しいじり、親指にあたる光を強調してボクシンググローブっぽい形状が目立つように。
親指部分のハイライトを中央線にからめるところが最大のキモ。
ホントは円～楕円状になるハイライト部も、このサイズだと2x2ドットの■で表現できちゃうことを絡めてそれっぽくまとめました。

基本は剣や鍵と同じ配置です。

宝石部分もなんだか定番の描き方になっちゃってますが、光り物のコツはハイライト（白）を目立つところに打つことと、その近くに黒を配して、コントラストを上げること。

宝石の"色"を表す部分にグラデーションをかけてますが、場合によってはグラデーション入れないほうが宝石らしくなることもあるので、何パターンか試してみるといいと思います。
（本当は、透明度とか内部の模様とかで表現変わるんですけど、そもそも16ドットでは描きわけできないので割り切りが必要だったりします）

上下方向にグラデーション入れることで派手に見せかけてますけど、MSX的伝統の左右ぱっくり割れる色使いです。

白を入れることで金属っぽい質感に近づけてます。
この絵では黄色で本体の赤へつなぎのグラデーション入れてますが、このへん「宝石」とか「金属」を表現するとき、中間色を入れすぎると色がぼやけてしまうことが多いので、中間色を入れるのと入れないのと２パターンぐらい試すといいと思います。

中央寄せで書いてるシリーズなので、先のロマンシアの"霊薬"と、違って薬液部分はガラス（白枠線）部がありません。ある意味、伝統的なMSX的作画です。

MSX2版ではこれもレッドポーションだったりしますが、MSX1版だと緑色の壺っぽいので、薬液部を緑にしました。（青と赤のカラーバリエーションは下段に）

レッドポーションのバリエーションなので、口の飾り以外はMPポーションの絵とだいたい同じです。

余談
HP０で発動するフルポーション。
装備してないと発動しないのが使い勝手わるすぎるよね…。

ロマンシアの水晶玉とほとんど同じなんだけど、宝石部分を赤に塗りたい都合で苦労しています。
宝石部がデカいので描き込めてますが、右上ハイライトなので、左下に反射光が溜まりますよ（宝石内部を通過して直交する底面に反射する）という、お手本のような構図です。

わりと金色の王冠が多いいイメージですが、珍しく白（銀かな？）
ファミコン版もこれに準拠だったので、こちらの色に。
カラーバリエーションで同じデザインで金色にもしてみました。
全体的にごまかしのかたまりで赤のラインがそれっぽく見えるように描くのに何度もトライしてます。

ロマンシアには無かったけど、初代・ザナドゥとシリーズ通じてゲーム"ドラゴンスレイヤー"のキーアイテムなので、割と何度も描いてるけど、なかなか「これ」というものが描けないでいます。

剣としては（自分のなかで）標準的な配置で、柄部分のデザイン違いです。
超重要クエストアイテムなのに、語ることがない…

（おまけ）単色化アイテム

このゲームは、ゲーム上で宝箱やショップでアイテムを取得するときスプライト（単色）で表示されるので、単色表示バージョンも必要です。

基本的にはそのまま色を抜いた絵なのですが、パワーナックルの親指のところのように色差で表現できてた場所が絵としてくっついてしまわないように少しいじってあります。

スプライト化の必要もありましたので、DS4のシリーズのアイテムはロマンシアのシリーズと違い、背景色を利用した２色目を使わずに描きました。
あと、ゲーム中に右上のEQUIP表示(スプライトで装備中の枠を表示)するので、一回り小さめに描いてます。
基本 14x14px でドラスレなどの尖った部分がはみ出す感じで

今回はドラゴンスレイヤーシリーズから２作品でした。
ドラスレばっかり描いてるわけでもないし、ファルコムさんの作品が不満というわけでもないんですけどね。
ここまで描けてるなら、もうちょっとだけアップグレードしたい欲みたいなもの？

他にもオリジナルで描いたアイテムもたくさんあるので、そういったアイテムも順次公開しようと思います。

なお、そういったオリジナルで描いていたものの中から、ザナドゥのアイテムに見立ててチョイスしたものがこちら。（ああ、これもドラスレだ…）

よかったら、Xのほうもフォローお願いします。

#ドラゴンスレイヤー
#ザナドゥ
#ロマンシア
#ドラスレファミリー
#レトロゲーム