PS圖層混合演算法之二(線性加深,線性減淡,變亮,變暗)
線性加深模式:
檢視每個通道的顏色資訊,通過降低“亮度”使底色的顏色變暗來反映繪圖色,和白色混合沒變化。
Linear Burn 線形加深
C=A+B-1
如果上下層的畫素值之和小於255,輸出結果將會是純黑色。如果將上層反相,結果將是純粹的數學減。
線性減淡模式:
檢視每個通道的顏色資訊,通過增加“亮度”使底色的顏色變亮來反映繪圖色,和黑色混合沒變化。
Linear Dodge 線性減淡
C=A+B
將上下層的色彩值相加。結果將更亮。
變亮模式:
檢視每個通道的顏色資訊,並按照畫素對比兩個顏色,那個更亮,便以這種顏色作為此畫素最終的顏色,也就是取兩個顏色中的亮色作為最終色。繪圖色中亮於底色的顏色被保留,暗於底色的顏色被替換。
Lighten 變亮
B<=A: C=A
B>A: C=B
該模式和前面的模式是相似,不同的是取色彩值較大的(也就是較亮的)作為輸出結果。
變暗模式:
用於查詢各顏色通道內的顏色資訊,並按照畫素對比底色和繪圖色,哪個更暗,便以這種顏色作為此影象最終的顏色,也就是取兩個顏色中的暗色作為最終色。亮於底色的顏色被替換,暗於底色的顏色保持不變。
B<=A: C=B
B>=A: C=A
該模式通過比較上下層畫素後取相對較暗的畫素作為輸出,注意,每個不同的顏色通道的畫素都是獨立的進行比較,色彩值相對較小的作為輸出結果,下層表示疊放次序位於下面的那個圖層,上層表示疊放次序位於上面的那個圖層。
圖 A:
圖 B
線性加深:
線性減淡:
變亮:
變暗
相關文章
- PS圖層混合演算法之一(不透明度,正片疊底,顏色加深,顏色減淡)演算法
- 【線性變換/矩陣及乘法】- 圖解線性代數 03矩陣圖解
- 妙用 CSS 動畫來實現顏色加深、減淡等混合操作CSS動畫
- SVG線性漸變程式碼SVG
- CSS 傾斜角度線性漸變CSS
- 圖形處理:給 Canvas 文字填充線性漸變Canvas
- [譯] JavaScript 線性代數:使用 ThreeJS 製作線性變換動畫JavaScriptJS動畫
- CSS3線性漸變和徑向漸變CSSS3
- OpenCV計算機視覺學習(3)——影像灰度線性變換與非線性變換(對數變換,伽馬變換)OpenCV計算機視覺
- SVG <linearGradient> 線性漸變SVG
- canvas線性漸變程式碼例項Canvas
- echart 設定 柱狀圖 漸變色 線性虛線 lab字串換行字串
- 機器學習入門:多變數線性迴歸機器學習變數
- 線性時不變系統的卷積卷積
- CSS3 傾斜角度線性漸變CSSS3
- html5中的canvas線性漸變HTMLCanvas
- svg給直線應用線性漸變失效解決方案SVG
- 【基底 / 線性組合 / 線性無關(相關)】- 圖解線性代數 02圖解
- 使用canvas來完成線性漸變和徑向漸變的功能Canvas
- 04 矩陣乘法與線性變換複合矩陣
- CSS linear-gradient() 線性漸變CSS
- 線性dp--最長上升子序列變形
- 【矩陣的乘積/複合變換】- 圖解線性代數 05矩陣圖解
- 線性結構-線性表
- 線性迴歸演算法演算法
- 線性查詢演算法演算法
- iOS兩種顏色的線性漸變 --DDGBannerScrollViewiOSView
- CSS3 linear-gradient() 線性漸變CSSS3
- 吳恩達機器學習系列1——單變數線性迴歸吳恩達機器學習變數
- canvas實現文字線性漸變效果程式碼例項Canvas
- css3線性漸變簡單程式碼例項CSSS3
- js計算線性漸變的中間顏色值JS
- Avalonia中的線性漸變畫刷LinearGradientBrush
- 全域性變數與區域性變數變數
- 區域性變數和全域性變數變數
- css3實現文字線性漸變,css3實現背景漸變CSSS3
- C語言區域性變數、全域性變數、靜態區域性變數、靜態全域性變數C語言變數
- 線性表演算法實現演算法