欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

IOS开发技巧--如何使用lookup table为图片添加滤镜

程序员文章站 2022-05-16 10:21:28
ios开发技巧--如何使用lookup table为图片添加滤镜,在涉及到图片的应用中,基本上都会加入图片滤镜的相关功能。 ios自身也自带了功能强大的滤镜相关的api,具体希望了解的朋友可以查...

ios开发技巧--如何使用lookup table为图片添加滤镜,在涉及到图片的应用中,基本上都会加入图片滤镜的相关功能。

ios自身也自带了功能强大的滤镜相关的api,具体希望了解的朋友可以查询一下苹果的文档。

今天这里要介绍的是lookup table(颜色查找表),简而言之就是通过将每一个原始的颜色进行转换之后成为一个新的颜色。

打一个比方,比如原始颜色是红色(r:255,g:0,b:0),进行转换后变为绿色(r:0,g:255,b:0),以后所有是红色的地方都会被自动转换为绿色。

而颜色查找表就是将所有的颜色进行一次(矩阵)转换,而很多的滤镜功能就是提供了这么一个转换的矩阵,在原始色彩的基础上进行颜色的转换。

IOS开发技巧--如何使用lookup table为图片添加滤镜
original lookup table

然而ios自带的图像处理api中并没有提供颜色查找表相关的内容。即使如此,善解人意的gpuimage的大大们给我们提供了一个相关的接口,今天就来简单的介绍一下用法。


1 图片添加滤镜效果

 

资源:一张图片(随意),photoshop

a)在photoshop中载入原始图片

IOS开发技巧--如何使用lookup table为图片添加滤镜
原始示例图片

 

b)调整photoshop中的调整面板,对图像进行调整,并达到满意的效果。

IOS开发技巧--如何使用lookup table为图片添加滤镜
在该调整面板对图像进行调整

 

IOS开发技巧--如何使用lookup table为图片添加滤镜
调整后的图像

 

c)在达到满意的效果之后,对original lookup table(原始颜色查找表)进行一次相同的调整操作

IOS开发技巧--如何使用lookup table为图片添加滤镜
调整前

 

IOS开发技巧--如何使用lookup table为图片添加滤镜
调整后

 

d)将调整后得到的lookup table另存为newlookuptable.png

 

2 代码中引用lookup table

 

gpuimage是一个相当出名的第三方图像处理库,这里就不对这个库进行介绍了。

gpuimage中有一个专门针对lookup table进行处理的滤镜函数gpuimagelookupfilter,使用这个函数就可以直接对图片进行滤镜添加操作了。

 

//originalimg是你希望添加滤镜的原始图片

- (uiimage *)applyfilter:(uiimage *)originalimg {

uiimage *inputimage =originalimg;

uiimage *outputimage = nil;

gpuimagepicture *stillimagesource = [[gpuimagepicture alloc] initwithimage:inputimage];

//添加滤镜

gpuimagelookupfilter *lookupfilter = [[gpuimagelookupfilter alloc] init];

//导入之前保存的newlookuptable.png文件

gpuimagepicture *lookupimg = [[gpuimagepicturealloc] initwithimage:[uiimageimagenamed: @“newlookuptable.png”]];

[lookupimg addtarget:lookupfilterattexturelocation:1];

[stillimagesource addtarget:lookupfilterattexturelocation:0];

[lookupfilter usenextframeforimagecapture];

if([lookupimg processimagewithcompletionhandler:nil] && [stillimagesource processimagewithcompletionhandler:nil]) {

outputimage= [lookupfilterimagefromcurrentframebuffer];

}

return outputimage;

}

就这样滤镜就可以添加成功了,很简单把,哈哈。

对了哈,gpuimage这个库里面会有一张lookup table的图片的,在gpuimagelookupfilter相关的文件夹内,大家可以找一找。