画像の乗算、スクリーン、オーバーレイ

SSを撮ったときに、なんか暗いなあと思うと画像をコピーしてスクリーン処理をする、ということがよくあります。ですが、スクリーンとかオーバーレイって何をする処理だっけ？とたまになるので、そのあたりの覚え書きです。

乗算

かけ算です。ただし、画像ファイルのデータの255を1.0とみなします。1.0より小さい値同士のかけ算なので、必ず元の値以下になります。

上の画像の値を、下の画像の値を、結果の画像の値をとすると、

となります。

もし、つまり自分自身に乗算処理をした場合、グラフは以下のようになります。青の実線がオレンジの破線（）より下にあり、暗くなることがわかります。

スクリーン

乗算とは逆の処理です。

この処理は、2つの画像を反転して乗算処理をして、その結果をさらに反転する、という処理と等価になります。乗算とは逆に必ず元の値以上になります。

もし、つまり自分自身にスクリーン処理をした場合、グラフは以下のようになります。青の実線がオレンジの破線より上にあり、明るくなることがわかります。

オーバーレイ

乗算とスクリーンを合体させた処理です。下の画像が暗いと乗算、明るいとスクリーンになります。

もし、つまり自分自身にオーバーレイ処理をした場合、グラフは以下のようになります。暗いところはより暗く、明るいところはより明るくなります。

FF14のSSで試してみる

元の画像。

自身に乗算処理。

自身にスクリーン処理。

自身にオーバーレイ処理。