Soft Light

大まかに四種類ある？

$ {\displaystyle f_{\mathrm {photoshop} }(a,b)={\begin{cases}2ab+a^{2}(1-2b),&{\text{if }}b<0.5\\2a(1-b)+{\sqrt {a}}(2b-1),&{\text{otherwise}}\end{cases}}}

Pegtop-Delphi

$ {\displaystyle f_{pegtop}(a,b)=(1-2b)a^{2}+2ba}.

IFS Illusions

$ {\displaystyle f_{illusions.hu}(a,b)=a^{(2^{2(0.5-b)})}}

$ {\displaystyle f_{\mathrm {w3c} }(a,b)={\begin{cases}a-(1-2b)\cdot a\cdot (1-a)&{\text{if }}b\leq 0.5\\a+(2b-1)\cdot (g_{w3c}(a)-a)&{\text{otherwise}}\end{cases}}}

where:

$ {\displaystyle g_{\mathrm {w3c} }(a)={\begin{cases}((16a-12)\cdot a+4)\cdot a&{\text{if }}a\leq 0.25\\{\sqrt {a}}&{\text{otherwise}}\end{cases}}}

https://gyazo.com/62ce971c1e50b36b3882e643730dc51f

調べるなら｛ソフト名｝blend mode（またはsoft light）Equation (またはFormula)で多分出てくる

For each of RGB:

If Blend > 0.5:

Dodge: Result = 1 – (1 – Base) * (1 – (Blend – 0.5))

Else (Blend <= 0.5):

Burn: Result = Base * (Blend + 0.5)

Note: There are several different algorithms used to create soft light.

こいつWikipediaに書いてあるどれとも違いませんか？

https://www.youtube.com/watch?v=NGCJqLxwQ5c

え？同じDave StrakerがやってるチャンネルではW3C（SVGのもの）と一緒っつってるんだけど

2020年の動画だから仕様が変わったのか？

AffinityのChange LogのForumでSoft Lightって検索してみたけどそれらしいものはヒットしない

偉すぎ

普通すべてのソフトウェアはそうすべきだと思うんですが

Kritaにリンクを貼ってるのだけど、どれを採用してるんですか？

code:glsl

color node_mix_soft(float t, color col1, color col2)

{

float tm = 1.0 - t;

color one = color(1.0);

color scr = one - (one - col2) * (one - col1);

return tm * col1 + t * ((one - col1) * col2 * col1 + col1 * scr);

}

え？

どれ？

ChatGPT.icon

結論：

この node_mix_soft は Blender独自のSoft Light実装（PhotoshopやSVGではない）

終わった

結論まとめ：

Pegtop-Delphi 版 → 違う（条件分岐型）

illusions.hu 版 → ほぼ同じ（直接の元ネタ）

Blender の実装（このコード） → illusions.hu Soft Light の改良版（参考元）

補足：

illusions.hu の Soft Light は Photoshop の視覚的トーンに近づけるための「滑らかで条件分岐のない近似式」

Blender はこれを採用して「GPU向けにも安定して動作する」ようにした形

んー

Pegtop-Delphi 版 → 違う（条件分岐型）

これバリバリの嘘じゃね？

https://gyazo.com/eeca11f4cedd169a6673a183d0f7be8a

見た目的にはillusions.huよりもpegtopに近くないっすか？

Davinci Resolve

書いてない

---

比較してみる

合成素材

左Aで右がB

Aが下のレイヤーでBが上のレイヤー

手順

上の8bpc画像を画像エディターで読み込み

Soft Lightで合成

基本的に以下のような設定で書き出し

https://gyazo.com/c0cd2687bc97d39b5a5bcab021c244ee

sRGBに矯正変換は外す

BlenderのCompositorで画像読み込み

Color SpaceはsRGB

Floored Moduloで0.1にしてから10を乗算

結果

Krita(Photoshop)

Krita(Pegtop-Delphi)

バンディングは良いとしてなんでこんなに滑らかな曲線じゃないの？

Krita(ISF Illusions)

なお2025.11.06現在では、言語環境を日本語にしていると、Fog Lighten (ISF Illusions)がソフトライト (ISF Illusions)として表示されているので混同しないように

https://gyazo.com/db8f64f6f4a241988ab1cbf2a58f26bf

https://gyazo.com/80d9760b9c85202457fff55253e0be96

このように全然違うものが出力されます

Krita(SVG)

Krita(Photoshop)とほぼ同じ

Krita(SVG)とKrita(Photoshop)の2つをDifferenceで合成すると一応僅かに値の違いはあるが…

https://gyazo.com/887945178ef90987ba232fa366e51215

Photoshop

Krita(Phtoshop)とは少しだけ違う

Affinity

Krita(Photoshop)と全く同じだった

CLIP STUDIO PAINT

Krita(Photoshop)と僅かに違う…

Photoshopほどは違わない

DaVinci Resolve

今までのどれとも異なります

Krita(Photoshop)やPhotoshopの下の方の値を持ち上げているように見えます

Blender

Blenderも独自です

Pegtop-Delphiっぽい

他メモ

試しにスクリーン合成でPhotoshopとAffinityから出力してみた

完全に一致しました

完全に同じだからBlenderから書き出した等値線の方は同じgyazoのid割り振られた

じゃあ書き出し設定の問題じゃないですね

出力するときにsRGBの補正がかかるせいでバンディングがものすごいことになっている

これ版で

https://gyazo.com/041b3493a35adf0dc3d8fdb4fc7a7f1f

んーまあ、どちらにしろっすね

https://gyazo.com/906b1cf1175585bfae45bede00746331

Pegtop Delphiはこちらでやったほうがキレイめ

それでも曲線がきれいではないのは何なんだ

ていうかこの画像と全然等値線の形が違うのはなんなんですか

https://gyazo.com/62ce971c1e50b36b3882e643730dc51f

pegtopはほぼそのままだが、ISF IllusionsとPhotoshopはかなり形が違う

おそらくこの人？で信頼したいところではあるが…

出し方が違うともあんまり思えん…

もはや新種のソフトライトを見つけるのが楽しいフェーズに入ってきたかもしれんな

AE

Illustrator

Photopea

Processing

p5js

GIMP

Houdini

Aseprite

PixelComposer

Natron

Unity

Unreal Engine

Godot Engine