摘要:胖五,原文鏈接正片疊底,在中是一種混合模式,簡單的說就是可以讓個(gè)圖層的內(nèi)容融合起來。是指的圖層和圖層再解釋一下就是圖層中的紅色通道和圖層中的紅色通道所對應(yīng)的每一個(gè)像素的灰階值相乘,再被除。得到一個(gè)新的紅色通道。圖片基本處理更高級的方法
胖五,原文鏈接
正片疊底,在Photoshop中是一種混合模式,簡單的說就是可以讓2個(gè)圖層的內(nèi)容融合起來。
融合的計(jì)算公式其實(shí)非常簡單,就是 A*B/255。(A、B是指的圖層A和圖層B)
再解釋一下就是:
A圖層中的紅色通道和B圖層中的紅色通道所對應(yīng)的每一個(gè)像素的灰階值相乘,再被255除。得到一個(gè)新的紅色通道。 藍(lán)色與綠色通道的操作也是一樣的。
某個(gè)通道的像素灰階值其實(shí)就可以直接用其對應(yīng)RGB值來代替,下面用代碼來解釋下這個(gè)過程。
先封裝一個(gè)根據(jù)像素獲取對應(yīng)RGB數(shù)組的方法 后面會用到
public static int[] getRGB(int pixel) { int r = (pixel >> 16) & 0xff; int g = (pixel >> 8) & 0xff; int b = pixel & 0xff; return new int[]{r, g, b}; }
然后遍歷圖像像素,遍歷過程點(diǎn)省略了,直接進(jìn)入處理階段
// 先獲取兩個(gè)圖層同一位置的像素值 int pixelA = imgA.getRGB(x, y); int pixelB = imgB.getRGB(x, y); // 獲取兩組RGB數(shù)組 int[] rgb1 = getRGB(pixelA); int[] rgb2 = getRGB(pixelB); // 根據(jù)公式分別計(jì)算新的RGB值 int r = rgb1[0] * rgb2[0] / 255; int g = rgb1[1] * rgb2[1] / 255; int b = rgb1[2] * rgb2[2] / 255; // 獲得正片疊底后的像素值 int pixelNew = new Color(r, g, b).getRGB();
拿到新像素后直接設(shè)置到新的圖片中即可了。
這個(gè)方法已經(jīng)被me封裝好了,放到了Nutz的工具欄Images中,可以直接拿來調(diào)用,下面給出個(gè)Nutz的調(diào)用例子,可以拿來修改下直接用。
比如我們給金將軍加個(gè)太陽:
// 先獲取兩張圖片 BufferedImage imgA = Images.read(new File("金將軍.jpg")); BufferedImage imgB = Images.read(new File("大太陽.jpg")); // 正片疊底 BufferedImage imgMultiply = Images.multiply(imgA, imgB, 0, 0); // 輸出到文件 Images.write(imgMultiply, new File("大太陽金將軍.jpg"));
輸出結(jié)果圖:
當(dāng)然了,這段代碼其實(shí)也可以寫成一行
Images.write(Images.multiply(Images.read(new File("金將軍.jpg")), Images.read(new File("大太陽.jpg")), 0, 0), new File("大太陽金將軍.jpg"));
是不是非常簡單^_^
更多關(guān)于圖像處理接口可以看Nutz的文檔, 或許對你會有幫助。
圖片基本處理
更高級的方法
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/70611.html
摘要:在網(wǎng)上看到了有如相機(jī)功能的實(shí)現(xiàn)比較好看的圖片樣式,自己也想弄下,在這里記錄下效果圖相關(guān)屬性正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強(qiáng)光柔光差值排除色相飽和度顏色 在網(wǎng)上看到了有如相機(jī)功能的mix-blend-mode實(shí)現(xiàn)比較好看的圖片樣式,自己也想弄下,在這里記錄下 1.效果圖 showImg(https://segmentfault.com/img/bVblsM0?w=726&...
摘要:在網(wǎng)上看到了有如相機(jī)功能的實(shí)現(xiàn)比較好看的圖片樣式,自己也想弄下,在這里記錄下效果圖相關(guān)屬性正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強(qiáng)光柔光差值排除色相飽和度顏色 在網(wǎng)上看到了有如相機(jī)功能的mix-blend-mode實(shí)現(xiàn)比較好看的圖片樣式,自己也想弄下,在這里記錄下 1.效果圖 showImg(https://segmentfault.com/img/bVblsM0?w=726&...
摘要:與繪制順序密切相關(guān)的概念是層疊上下文。把正常也算上的話,現(xiàn)在網(wǎng)頁里可用的混合模式一共種。因此,正片疊底是一個(gè)變暗的混合模式。需要注意的是,其中這個(gè)位于最下層的背景該元素?zé)o背景色,它的混合模式其實(shí)是沒有作用的,可以認(rèn)為就是默認(rèn)值。 圖層 在Photoshop等圖像編輯軟件里,圖層是最基礎(chǔ)的概念之一。我們平時(shí)看一張照片,就可能想到遠(yuǎn)處的背景、近處的人物這樣的描述,這其實(shí)就是在劃分圖層。多個(gè)...
摘要:屬性描述了元素的內(nèi)容應(yīng)該與元素的直系父元素的內(nèi)容和元素的背景如何混合。正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強(qiáng)光柔光差值排除色相飽和度顏色亮度初始繼承復(fù)原 屬性描述了元素的內(nèi)容應(yīng)該與元素的直系父元素的內(nèi)容和元素的背景如何混合。 mix-blend-mode: normal; /...
摘要:在線編輯屬性描述了元素的內(nèi)容應(yīng)該與元素的直系父元素的內(nèi)容和元素的背景如何混合。正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強(qiáng)光柔光差值排除色相飽和度顏色亮度初始繼承復(fù)原在線編輯參考資料原文地址 showImg(https://segmentfault.com/img/remote/1460000014766135); 在線編輯demo 屬性描述了元素的內(nèi)容應(yīng)該與元素的直系父元素的內(nèi)容...
閱讀 881·2021-11-24 10:44
閱讀 2828·2021-11-11 16:54
閱讀 3277·2021-10-08 10:21
閱讀 2167·2021-08-25 09:39
閱讀 2942·2019-08-30 15:56
閱讀 3493·2019-08-30 13:46
閱讀 3522·2019-08-23 18:09
閱讀 2129·2019-08-23 17:05