HOME >> ゲーム発売日一覧 >> エルミナージュ3攻略 >> スタイルロード入門

スタイルロード入門

製品版情報

一部のPNG画像がゲームに読み込めない場合あり。
応急処置としては、半透明がなければ青背景を付けてBMPに。
ある場合は減色方法を変えるなどの対策が必要。

最終的な出力を行うソフトに依存する模様（例外あり？）。フリーソフトでは以下の通り。
GenSakWin → ○
JTrim → ○
pngquant → ×
GIMP → ×
途中何で作っても、最終的にGenSakWinに放り込んで256色以内で出力すればOK。
GenSakWinはpngファイルをうまく読み込めないので、
GIMPなどでpsdファイルにしておく必要あり。

有料ソフト
Photoshop → 減色されていれば○。ただ最終出力にわざわざ使う必要は・・・
Fireworks → 容量が小さいもののみ可（15KB前後以下）

Fireworksの例から考えると、相性の悪いソフトでも
低容量のフェイスロードや一部のスタイルロードは可能ということになる。
（大容量のものも16～32色まで落とせば容量が小さくなるので使えるが・・・）

当サイトの場合、顔アイコンや全身画像は容量が低いのでそのままだが、
上半身アップのものはGenSakWinを通してある。
また、GenSakWinを通すと一部のwebブラウザでは正しく表示されないが、
ゲームに影響はない。

キャラクターグラフィック作成前に

スタイルロードサイズ	272×272px
フェイスロードサイズ	48×48px
色数	256色
拡張子	.bmpか.png
透過（BMP形式）	青(RGB0,0,255)を透明に設定可能
透過（PNG形式）	PNGの透過準拠

以上がキャラクターグラフィックに使用する
スタイルロード（ステータス画面や戦闘時に使われる大型画像）と
フェイスロード（顔グラアイコン）の発売前に発表された仕様である。

オーガ

※サンプル

左がスタイルロード用画像
（PNG-8、272*272px）、
上がフェイスロード用顔グラアイコン
（PNG-8、48*48px）の原寸大画像。

前作のフェイスロードを使用した経験があるなら、BMPは前作と同じなので問題はない。
今作から入るプレイヤーでも、特段の事情がない限りBMPを使用する必要はない。
PNGの方が扱いが容易で素材も豊富と思われる。
なによりエルミoriginalからはPNGの半透明に対応している。
エルミ3がそのような仕様かは発売前の現在不明だが期待はできるだろう。

以下はエルミoriginalでの半透明仕様が判明する前に書いた文章。
BMPで作成する場合や、半透明未対応のエルミ2でのグラフィック作成時の参考用に。

BMPとPNGの違い

BMPには本来透明色がないため、このゲームでは原色の青、
RGBカラーの（0,0,255）に当たる色を透明に置き換えて処理している。
この設定はオプションでON/OFFできるので、
青なら無条件に透明になるというわけではない。

なのでBMPの場合、透過を使うなら左のような画像を作成する必要がある。
透明部分を青に、というのは境界線が直感的に分かりづらいし、
画像の中にたまたま原色の青があったらそこが欠けてしまうしであまりお勧めはできない。
手持ちのツールがPNGを出力できない、というのでもない限りPNGの方が簡単と思われる。

BPNG-24とPNG-8の違い

エルミ3からPNG使用可能と聞いて、とうとう半透明が使えるようになったか！
と一瞬考えたが、後日公式サイトを見ると256色までとあった。
PNGで256色というのは通常PNG-8のことなので、
当サイトのサンプル画像は（少なくとも発売までは）PNG-8で統一しておく※ことにする。
※originalから半透明可能になったので、アルファ付きPNG8に変更

前作は蓋を開けてみたら予想と全然違う仕様だったのであまり自信はない・・・。

下の画像は左がPNG-24、右はPNG-8（Photoshopで出力）の画像を拡大して
スクリーンショットを撮ったものである。

右のPNG-8は衣装の部分を見ると色数が少ないのがよく分かるが、
そこは大した問題ではない。
背景色（ここでは黒）との境界線、特に髪の毛などの細かい部分で
ピクセル（ドット）のジャギー（ぎざぎざ）が目立つのがよく分かると思う。
左のPNG-24は背景との境界に半透明の色を塗ることで
アンチエイリアスをかけているのである。

256色でも半透明が使えないわけではないが、
一般的なレタッチソフトのPNG-8は半透明不可。
Fireworksで作成するか、フリーのPNG減色ツールで元画像の色を減らすなど。

とにかく、画像を自作するにしても素材を切り抜いて使うにしても、
境界線を綺麗に見せるには結構なドット絵のセンスが求められる。
PNG-24（或いはアルファ付きPNG-8）が使えればその辺りの悩みとは無縁になるので、
256色制限を知ったときにはがっかりしたものである。
（実際にはエルミoriginalから対応していたので3も対応すると思われるが）

製品版の仕様によってはこの辺りの知識は無駄かもしれないが、
画像作成課程では知っておいて損はない。

エルミナージュ3攻略TOPに戻る
ゲーム・アニメ・コミック発売日一覧TOPに戻る