iOS實(shí)時美顏濾鏡是怎樣煉成的

1. 背景

阿拉善盟網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)從2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

前段時間由于項(xiàng)目需求，做了一個基于GPUImage的實(shí)時美顏濾鏡。現(xiàn)在各種各樣的直播、視頻App層出不窮，美顏濾鏡的需求也越來越多。為了回饋開源，現(xiàn)在我把它放到了 GitHub上面，感興趣的朋友可以去下載。下面將主要介紹實(shí)現(xiàn)美顏濾鏡的原理和思路。

2. GPUImage

GPUImage 是一個開源的基于GPU的圖片或視頻的處理框架，其本身內(nèi)置了多達(dá)120多種常見的濾鏡效果。有了它，添加實(shí)時的濾鏡只需要簡單地添加幾行代碼。下面的例子是以攝像頭的數(shù)據(jù)為源，對其實(shí)時地進(jìn)行反色的操作(類似相片底片的效果)：

self.videoCamera = [[GPUImageVideoCamera alloc] initWithSessionPreset:AVCaptureSessionPreset640x480 cameraPosition:AVCaptureDevicePositionFront];

self.videoCamera.outputImageOrientation = UIInterfaceOrientationPortrait;

self.videoCamera.horizontallyMirrorFrontFacingCamera = YES;

GPUImageColorInvertFilter *invert = [[GPUImageColorInvertFilter alloc] init];

[self.videoCamera addTarget:invert];

self.filterView = [[GPUImageView alloc] initWithFrame:self.view.frame];

self.filterView.center = self.view.center;

[self.view addSubview:self.filterView];

[invert addTarget:self.filterView];

[self.videoCamera startCameraCapture];

其實(shí)美顏也是一樣，如果有這么一個美顏的濾鏡（姑且叫做GPUImageBeautifyFilter)，那么只需要把上面代碼中的GPUImageColorInvertFilter替換成GPUImageBeautifyFilter即可。我們只需要做一個GPUImageBeautifyFilter就能實(shí)現(xiàn)實(shí)時美顏了，問題來了，到底什么算是美顏呢？我的理解是，大家對于美顏比較常見的需求就是磨皮、美白。當(dāng)然提高飽和度、提亮之類的就根據(jù)需求而定。本文將著重介紹磨皮的實(shí)現(xiàn)（實(shí)際上GPUImageBeautifyFilter也實(shí)現(xiàn)了美白、提亮等效果）。

3. 磨皮

磨皮的本質(zhì)實(shí)際上是模糊。而在圖像處理領(lǐng)域，模糊就是將像素點(diǎn)的取值與周邊的像素點(diǎn)取值相關(guān)聯(lián)。而我們常見的高斯模糊 ，它的像素點(diǎn)取值則是由周邊像素點(diǎn)求加權(quán)平均所得，而權(quán)重系數(shù)則是像素間的距離的高斯函數(shù)，大致關(guān)系是距離越小、權(quán)重系數(shù)越大。下圖3.1是高斯模糊效果的示例:

iOS 實(shí)現(xiàn)app黑白模式

2020的是被疫情覆蓋的一年,在國內(nèi)疫情得到控制之后,全國在4.4日舉行了疫情哀悼紀(jì)念,而互聯(lián)網(wǎng)的產(chǎn)物在那天也做出了很多默契的配合,比如說很多網(wǎng)站暫停運(yùn)營一天,很多app網(wǎng)頁的UI變成了黑白模式,那天我刷了一整天的手機(jī)看到的畫面全是黑白的,第二天又調(diào)整為正常了.作為一個iOS開發(fā),我思考如何才能更好的達(dá)到這種黑白與彩色之前的切換,想了以下幾種思路:

通過查詢資料,未找到方式1相關(guān)的api,iOS設(shè)備自身有個功能叫 顏色反轉(zhuǎn) ,有興趣的可以去打開該功能看看,我在想這其實(shí)和實(shí)現(xiàn)黑白模式的原理是一樣的,但是蘋果未開放相關(guān)api

方式2看起來可行,我覺得一些app等在那天就是采用了這樣的方式來實(shí)現(xiàn)的黑白化,因?yàn)閍pp里的內(nèi)容不是說有的都改成了黑白,只有部分圖片或者頁面改成了黑白模式,但是工作量有點(diǎn)太大了,而且不夠靈活

方式3我認(rèn)為是比較可靠可行的,于是我按照方式3的思路實(shí)現(xiàn)了UIColor及圖片的黑白化

首先貼上一張沒有開啟黑白化的page原圖,可以看到圖片,color都是正常的

UIColor方法捕捉

我們注意以下這3處的顏色變化

在該方法中我們可以捕獲到系統(tǒng)預(yù)設(shè)的systemColor,如果想知道到底有哪些systemColor,可以通過 [UIColor systemBlueColor]; 點(diǎn)擊前往分類 @interface UIColor (UIColorSystemColors) 中,這里系統(tǒng)提供了許多預(yù)設(shè)的systemColor,這些方法與 initWithName:colorsByThemeKey: 中的name一致,所以我們攔截了所有的systemBlueColor方法,直接采用BlueColor返回,而BlueColor我們在前面也做過了攔截處理,這樣就達(dá)到了統(tǒng)一處理,如果還有其他name類型的systemColor,可以采取同樣的處理方式,或者我們可以將需要捕獲的systemColor的name通過服務(wù)端下發(fā),同時下發(fā)對應(yīng)的r、g、b、a值,然后調(diào)用 [UIColor colorWithRed:r green:g blue:b alpha:a] 這樣更加靈活

通常情況下,我們的app里的圖片控件都會采用UIImageView,這里我只是正對 UIImageView 進(jìn)行了 setImage 的hook,如果有其他情況,需要自己處理,掌握了此 黑白化 的技巧,其他的處理方式也差不多

圖片的黑白化,我采用的是 CIFilter 濾鏡實(shí)現(xiàn),我們看下 黑白 和 單色 兩種濾鏡

效果差不多,但是在圖片色彩豐富的圖片上,個人認(rèn)為Mono會比Noir效果好看點(diǎn)

至此,我們可以通過服務(wù)器來靈活配置關(guān)鍵參數(shù) monochromatic ,開啟或者關(guān)閉 黑白化 功能,實(shí)現(xiàn)app基本全面黑白化

demo參考

gpuimage怎么給攝像頭實(shí)時加濾鏡ios開發(fā)

全能特效攝像機(jī) 妙思攝影機(jī) Musemage 看看有多實(shí)時： 實(shí)時漫畫濾鏡實(shí)現(xiàn)三次元到二次元降維打擊 Musemage 妙思攝影機(jī) 視頻實(shí)時濾鏡，鏡頭 藝術(shù)效果 顏色濾鏡 藍(lán)幕 HDR 防抖 實(shí)時濾鏡最強(qiáng)者

蘋果11怎么調(diào)出自帶的濾鏡

蘋果手機(jī)的相機(jī)雖然沒有美顏功能，但是原相機(jī)支持濾鏡功能，也可以拍出很有意境的照片，那么蘋果11怎么調(diào)出自帶的濾鏡?下面一起來看看吧~

蘋果11怎么調(diào)出自帶的濾鏡?

1、打開桌面上的相機(jī)圖標(biāo)，進(jìn)入拍照界面。

2、點(diǎn)擊屏幕頂部中心的上拉三角圖標(biāo)。

3、點(diǎn)擊三個圓形狀的濾鏡圖標(biāo)，選擇自己想要的濾鏡即可。

注：本文適用于iPhone 11手機(jī)ios13系統(tǒng)。

本文以iphone11為例適用于ios13系統(tǒng)

本文題目：ios開發(fā)濾鏡,ios油畫濾鏡
分享網(wǎng)址：http://chinadenli.net/article40/dseipho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、用戶體驗(yàn)、微信公眾號、定制開發(fā)、關(guān)鍵詞優(yōu)化、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)