マジック消しゴムで透明化した合成画像の作成

７月１８日のブログではPhotoshop Elements 2.0を使用して新規に作成した複数の透明のレイヤーに直接、絵や文字や線を書き込み、着色し、重ね合わせ、画像を作成する方法を説明しました。

今回は不透明のレイヤーを複数枚重ねた合成画像を作成する場合、それぞれのレイヤーの不要部分を［マジック消しゴム］で消して透明化し、下層の画像が見えるようにする方法について説明します。例題としてサッカー場でゴールのネット裏から試合を見学した場合、サッカーボールがまさにゴールに入る瞬間のイラストを３枚の部品イラストを合成して作成します。

【マジック消しゴムで透明化したレイヤーによる合成画像の作成】

（１）イラストの枠書きを作成
Ａ４の紙にペンで下記３枚のイラストを描きます。
１サッカー場のイラスト
２サッカー選手とボールがゴールに入る瞬間のイラスト
３サッカー場のゴールのネット裏から見たネットのイラスト

（２）原画の取り込み
３枚の原画を解像度３００dpi、白黒モードでスキャナーで読み取り、パソコンのPhotoshop Elementsに取り込みます。

（３）カラーモードに変換
それぞれ［メニューバー］ → ［モード］ → ［グレーモード］ → ［ＲＧＢモード］でカラーモードに変更します。

（４）レイヤー構造の表示
１番目の「サッカー場のイラスト」を表示させ、［メニューバー］の［レイヤー］をクリックすると［レイヤー］の［プルダウンメニュー］が表示され、読み込んだ原画は［背景」レイヤーと名前が付き表示されます。（他の２枚の画像も同様です。）

（５）レイヤー［背景］の複製し［背景］を削除
この「サッカー場のイラスト」のレイヤー［背景］をコピーし、［バック］と名付け複製します。そして、レイヤー［背景］を削除します。（他の２枚の画像はそのまま表示させておきます。）

（６）新規レイヤーを追加し、他の画像をコピー
「サッカー場のイラスト」に新規レイヤー２枚を追加し、２の「サッカー選手とゴール寸前のボールのイラスト」と３の「ゴールのネット」をコピーします。
この段階でゴールのネットが最上段（第１階層）、「サッカー選手とゴール寸前のボールのイラスト」が第２階層、「ゴールのネット」が第３階層となります。
３枚のレイヤー（階層）が重なったイラストができますが現段階ではそれぞれのイラストは不透明のため最上段（第１階層）のゴールのネットのイラスト見えますが、次の段（第２階層）以降のイラストは遮蔽されて見えません。

（７）３つのレイヤーの着色
１サッカー場のイラスト、２サッカー選手とボールがゴールに入る瞬間のイラスト、３サッカー場のゴールのネット裏から見たネットのイラストに色づけします。

（８）マジック消しゴムによる第１階層と第２階層の余白の透明化
第２階層のサッカー選手とボール以外の余白はツールボックスのマジック消しゴムで透明化します。最上段（第１階層）のネットのイラストはネットの網目の不透明をマジック消しゴムで消して透明化します。そうすることにより、最下段のサッカー場の上に第２階層のサッカー選手とボールが見え、さらにその上にネットが重ねあわされ、網目からそれらのイラストが見えてきます。

（９）文字ツールを使って題名などを入力します。

（１０）３つのレイヤーを持つ「サッカーのイラスト」はイラスト名を付け、保存形式「PSD形式」で保存します。

（１１）続いて別のイラスト名を付け、保存形式「JPEG形式」で保存します。用途に応じ、画像の大きさや解像度を変え加工して使用します。