しっぽを追いかけて

ぐるぐるしながら考えています

Unity と猫の話題が中心   掲載内容は個人の私見であり、所属組織の見解ではありません

Photoshop で2枚の画像の差分だけを抽出する

※ これは 2021/06/25 時点の Photoshop v.22.1.0 の情報です

最新版では動作が異なる可能性がありますのでご注意ください

Unity で脱出ゲーム用のレンダリング画像をキャプチャ保存することはできた

ただし、下記のような一部しか違いのない画像をまるまる利用してしまうと、容量がかさばってしまって無駄が多くなる

一部しか差分のない画像

このような場合に、Photoshop を利用して片方の画像は異なる部分だけを抽出してデータ量の圧縮をかけることで容量削減したい

まずは Photoshop で2枚の画像をそれぞれ別レイヤーに貼り付け

レイヤー分け

次に差分だけにする方の画像のレイヤー(B)を選び、レイヤーモードを「差の絶対値」にする

さらに「色調補正」のタブから「トーンカーブ」を選ぶ

色調補正

アートボードの状態が差分のないところが黒くなるように、トーンカーブのグラフを調整

トーンカーブ

調整が終わったらツールパネルの中の「自動選択ツール」を選択

自動選択ツール

黒い差分のないところをクリックして範囲選択

このままだと境界がギリギリで区切りが目立ってしまうおそれがあるので、「選択範囲」メニューから選択範囲を縮小する

選択範囲の縮小

だいたい 2 px 程度を縮小

2 px だけ選択範囲縮小

次に差分だけにする方の画像のレイヤー(B)を選び、Delete キーで選択範囲を削除

差分のないところを削除

最後にレイヤー(B)のレイヤーモードを「通常」に戻し、他のレイヤーのチェックをはずして非表示にしてみると・・・

差分以外が透明に

2枚の画像の差分だけが抽出され、同じところは透明のレイヤーになった

これで、透明の部分は重複しないのでデータ容量が削減できるというわけ