如下圖,我們要做的就是上面半透明的一層(大且複雜的乙個水印)去掉,還原底圖的原貌。(注:下面圖層的運算實際上是rgb值的運算)
這好比我們從乙個地方走到另外乙個地方,需要返回,最安全可靠的方法就是沿原路走回去。先看看我們是怎麼走過來的!不透明度混合原理:覆蓋圖層以x%的不透明度和底圖混合,得到的混合圖等於覆蓋圖層乘以x%再加上底圖乘以(1-x%)。
如何走回去就不言自明:底圖等於混合圖減去覆蓋層乘x%之後再除以(1-x%),但是我們只能找到覆蓋層的原圖,並且不知道它是以多大的不透明度混合的怎麼辦?不要緊,我們後面會把不透明度找出來。
把覆蓋層的原圖拖過來(圖層1),和圖上的水印完全對齊,放到下面去,把上面圖層(圖層0)的混合模式設為差值。
好恐怖,少點什麼吧!對了,不透明度的影響還沒加上去,還得把圖層1乘以個x%。至少有兩種方法可以做到,色階的輸出色階或者色相飽和度裡面的明度(如果你熟悉顏色理論和這兩個調整工具的話,應該知道為什麼),把輸出色階右邊的滑塊慢慢向左移動,水印在慢慢變淡,直到消失,停!就是這裡166,這下知道了,原來不透明度x%就是166/255即65%!
現在好辦了!只要把水印部分除以(1-65%)就可以恢復原貌,最上面再加乙個色階調整圖層,不過換成輸入色階了,既然我們知道不透明度,右邊數值就可以直接輸入255*(1-65%)=89。
大功告成,剩下一點印子就是圖章的事了。
總結一下,我們在這個過程中得到了什麼:
⒈逆向思維,與我調軍色的帖子一樣,但是這個更準確!
⒉不透明度的混合原理,這個好象很少人提及。
⒊圖層混合模式的靈活運用。
⒋色階的深度認識(如果你用心思考了的話)
opacity 不透明度
opacity 不透明度 初始值 1 不透明 繼承性 是 css3提出opacity屬性 div目前較老的firefox版本,我們需要使用 moz 字首,而對於舊的safari chrome版本,我們需要使用 webkit 字首。而對於更老的還在使用khtml核心而不是webkit核心的safari...
不透明度和DHTML
理查德 拉特 richard rutter 的 不帶flash漸隱 的onload影象漸隱演示了一種使用css不透明度屬性的動態更改為 建立 淡入 效果的方法。不透明度不是css 2.1規範的一部分 儘管css 3涵蓋了它 因此不同的瀏覽器具有不同的控制方式。richard的setopacity 函...
不透明度opacity高階
習慣上說 透明度 其實應該叫 不透明度 opacity 意思 不透明,而背景色的預設值 transparent意思才是 透明的 所以opacity用來設定不透明度,取值從 0.0 1.0 代表從完全透明到完全不透明,0.0就和transparent一樣了,看不到但是實實在在存在。預設值 1,完全不透...