PSD形式ではマルチレイヤーによる複合イラストを扱うことができます。マルチレイヤーはPhotoshopのバージョン３より導入された機能で、１つのファイル内の画像が複数の層で構成されているものです。アニメーションのセル画を想像して頂ければ概念が理解できると思いますが、１つの透明のレイヤーに画像が置かれていて、各レイヤーの透明部分（背景）が透けて下のレイヤーの画像が見えるようになっています。これにより、複数の画像があたかも１つの画像のように見えるわけです。

COSMOLIGHTのイラスト集の歴史は長く、初期の頃はMacで描いてTIFF形式で収録する形をとっていました。それがVer.1です。現在のビットマップイラスト集-BはVer.3の改良版に当たり、Ver.2からデータ形式をPhotoshop（PSD）形式に変更しています。その結果、新たにPhotoshopのレイヤー機能を使い、１つのファイルに複数の画像を収めることができるようになりました。優れた機能なので、COSMOLIGHTでは積極的に利用しようとイラスト集を改良し、随時複合イラストを充実してきたわけです。マルチレイヤーを使えば、組み合わせを変えるだけでなく描き変えるのもより簡単になり、イラスト集を更に有効に活用できるようになりました。

それでは、マルチレイヤーによる複合イラストについて簡単に説明しましょう。マルチレイヤー機能は、おおまかに次のような形で採用しています。

１．複数の表情やポーズから選択

上図では、オリジナル（左上）に対して３つのレイヤー（右下）それぞれに違った表情やポーズが描かれています。イラストファイルを開くと、オリジナルが描かれている「背景」レイヤー以外は全て不可視となっているため、オリジナルだけが表示されています。そこで、「背景のみ」レイヤーを可視にしてこれを新しい背景とし、「レイヤー１～３」のいずれかのレイヤーを可視にして画像の統合を行えば、それが新しいオリジナル画となるわけです。レイヤーを複製保存して描き変えれば、いくらでも新しいバリエーションを増やすことができます。また、必要に応じて組み合わせを変更することができます。この例では、「レイヤー1と2」は表情を、「レイヤー3」ではポーズを描き変えています。Photoshopのレイヤーは透過度を自由に変更できるため、元絵を見ながら描き変えることもできます。

★ここがポイント！
オリジナルのイラストは、背景レイヤーという一番下のレイヤーに描かれています。初期のイラスト集（一般の市販イラスト集も含めて）は、このレイヤーのみが唯一のレイヤーでした。マルチレイヤーは、その上に複数の層が重なっていて、アニメーションのセル画を重ねたような構造になっています。また、重ね合わせやどれを表示するかは自由に選択できます。図では各レイヤーのイラストはピンクの背景となっていますが、説明上わかりやすくするために色付けしたもので、実際は透明でイラスト部分以外は透過します。

この特長を利用して、背景となる画像にイラストを重ね合わせることで、簡単に合成画像が得られます。イラスト集では「背景のみ」のレイヤーも用意されているので、そこに背景画像をコピー＆ペーストすれば良いのです。

上図ではオリジナル（左上）に対して３つのレイヤー（右下）それぞれに人物が分散して描かれています。つまり、それぞれの人物単独でも複数の組み合わせでも自由に選択できるわけです。
従来のイラスト集では各人物を取り出すためには複雑な手順が必要で、下側に重なった人物の場合は見えない部分を補って描かねばなりませんでした。これなら、１．の場合と同様に「背景のみ」と「レイヤー１～３」の組み合わせで画像を統合すれば、簡単に複数のバリエーションを利用することができます。この例でもレイヤー１～３の背景のピンクの色は実際には透明になっていて、３つを重ねれば左上のオリジナルが再現されます。

●応用（アニメーション化）
Webでの利用を考えた時、上記１．のタイプはアニメーションとしても活用できます。１．の例では「レイヤー１と２」では顔の表情が異なり、「レイヤー１（２）と３」はポーズが異なります。それぞれの画像を使ってGIFアニメーションファイルを作れば、下図のように動きのあるイラストができます。

表情を変えるのは簡単なので、ご自身で色々試してみると面白いと思います。イラスト集にもそのような例が多数収録されています。またポーズも少し変えるだけで様々な動きを表現でき、表情よりも更にダイナミックな動きが実現できます。GIFアニメーションはフリーウェア等を活用し、書籍等を参考にして作成して下さい。

---