Core Image框架详细解析(十) —— 子类化CIFilter:自定义效果的配方 Subclassing CIFilter: Recipes for Custom Effects(二)

版本记录

版本号 时间
V1.0 2018.01.28

前言

Core Image是IOS5中新加入的一个框架,里面提供了强大高效的图像处理功能,用来对基于像素的图像进行操作与分析。还提供了很多强大的滤镜,可以实现你想要的效果,下面我们就一起解析一下这个框架。感兴趣的可以参考上面几篇。
1. Core Image框架详细解析(一) —— 基本概览
2. Core Image框架详细解析(二) —— Core Image滤波器参考
3. Core Image框架详细解析(三) —— 关于Core Image
4. Core Image框架详细解析(四) —— Processing Images处理图像(一)
5. Core Image框架详细解析(五) —— Processing Images处理图像(二)
6. Core Image框架详细解析(六) —— 图像中的面部识别Detecting Faces in an Image(一)
7. Core Image框架详细解析(七) —— 自动增强图像 Auto Enhancing Images
8. Core Image框架详细解析(八) —— 查询系统中的过滤器 Querying the System for Filters
9. Core Image框架详细解析(九) —— 子类化CIFilter:自定义效果的配方 Subclassing CIFilter: Recipes for Custom Effects(一)

Anonymous Faces Filter Recipe - 让面孔无法识别过滤Recipe

在图像中查找面部并对它们进行像素化,使其无法识别。

Figure 5-4 The Anonymous Faces filter processing chain

要创建一个匿名面孔过滤器:

  • 创建图像的像素化版本。
  • 使用在图像中检测到的脸部构建遮罩。
  • 使用蒙版将像素化图像与原始图像混合。

以下部分显示如何执行每个步骤。

1. Create a Pixellated version of the image - 创建图像的像素化版本

设置CIPixellate过滤器的输入参数如下:

  • inputImage设置为包含面部的图像。
  • inputScale设置为max(width, height)/60或其他看起来令人愉快的值,其中宽度和高度是指图像的宽度和高度。

2. Build a Mask From the Faces Detected in the Image - 从图像中检测到的脸部构建遮罩

使用CIDetector类来查找图像中的面部。 对于每一张脸:

// Listing 5-5  Building a mask for the faces detected in an image

CIDetector *detector = [CIDetector detectorOfType:CIDetectorTypeFace
                                          context:nil
                                          options:nil];
NSArray *faceArray = [detector featuresInImage:image options:nil];
 
// Create a green circle to cover the rects that are returned.
 
CIImage *maskImage = nil;
for (CIFeature *f in faceArray) {
    CGFloat centerX = f.bounds.origin.x + f.bounds.size.width / 2.0;
    CGFloat centerY = f.bounds.origin.y + f.bounds.size.height / 2.0;
    CGFloat radius = MIN(f.bounds.size.width, f.bounds.size.height) / 1.5);
    CIFilter *radialGradient = [CIFilter filterWithName:@"CIRadialGradient" withInputParameters:@{
        @"inputRadius0": @(radius),
        @"inputRadius1": @(radius + 1.0f),
        @"inputColor0": [CIColor colorWithRed:0.0 green:1.0 blue:0.0 alpha:1.0],
        @"inputColor1": [CIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.0],
        kCIInputCenterKey: [CIVector vectorWithX:centerX Y:centerY],
        }];
    CIImage *circleImage = [radialGradient valueForKey:kCIOutputImageKey];
    if (nil == maskImage)
        maskImage = circleImage;
    else
        maskImage = [[CIFilter filterWithName:@"CISourceOverCompositing" withInputParameters:@{
            kCIInputImageKey: circleImage,
            kCIInputBackgroundImageKey: maskImage,
        }] valueForKey:kCIOutputImageKey];
}

3. Blend the Pixellated Image, the Mask, and the Original Image - 混合像素化图像,蒙版和原始图像

CIBlendWithMask过滤器的输入参数设置为以下内容:

  • inputImage设置为图像的像素化版本。
  • inputBackgroundImage设置为原始图像。
  • inputMaskImage设置为合成的绿色圆圈。

Pixellate Transition Filter Recipe - Pixellate过渡过滤器Recipe

通过像素化每个图像从一个图像转换到另一个图像。

Figure 5-5 The Pixellate Transition filter processing chain

要创建一个像素转换滤镜:

  • 使用CIDissolveTransition在源图像和目标图像之间切换。
  • Pixellate转换过滤器的结果。

以下部分显示如何执行每个步骤。

1. Create a Dissolve Transition - 创建一个Dissolve转换

设置CIDissolveTransition过滤器的输入参数如下:

  • inputImage设置为要转换的图像。
  • inputTagetImage设置为要转换的图像。
  • inputTime设置为类似于min(max(2 *(time-0.25),0),1)的值,这是一个斜率函数,它夹在两个值之间。

2. Pixellate the Result of the Transition - 过渡的结果像素化

设置CIPixellate过滤器,通过将其输入参数设置如下,达到随着时间的推移改变像素的比例的效果。

  • inputImage设置为CIDissolveTransition过滤器的输出图像。
  • 设置inputScale通过提供三角函数的值随时间变化:90 *(1-2 * abs(时间-0.5))
  • 使用inputCenter的默认值。

Old Film Filter Recipe - 怀旧过滤Recipe

降低视频图像的质量,使其看起来像一个旧的,磨损的模拟电影。

Figure 5-6 The Old Film filter processing chain

要创建一个怀旧效果old-film的过滤器:

  • CISepiaTone过滤器应用于原始视频图像。
  • 创建随机变化的白色斑点。
  • 创建随机变化的黑暗划痕。
  • 将斑点和划痕复合到棕褐色调的图像上。

以下部分显示如何执行每个步骤。

1. Apply Sepia to the Video Image - 将棕褐色应用于视频图像

设置CISepiaTone的输入参数如下:

  • inputImage设置为效果要应用的视频图像。
  • inputIntensity设置为1.0。

2. Create Randomly Varying White Specks - 创造随机变化的白色斑点

使用产生彩色噪音的CIRandomGenerator过滤器。 它没有任何输入参数。

要处理噪点,以便只得到白色斑点,请使用CIColorMatrix滤镜,输入参数设置如下:

  • inputImage设置为由随机生成器生成的输出。
  • inputRVector,inputGVectorinputBVector设置为(0,1,0,0)
  • inputBiasVector设置为(0,0,0,0)

通过如下设置的过滤器的输入参数,使用CISourceOverCompositing过滤器将斑点与视频图像混合:

  • inputImage设置为由CIColorMatrix过滤器生成的白色斑点图像。
  • inputBackgroundImage设置为由CISepiaTone过滤器生成的图像。

3. Create Randomly Varying Dark Scratches - 创造随机变黑暗的划痕

再次使用CIRandomGenerator过滤器生成彩色噪音。 然后使用带有这些输入参数的CIAffineTransform过滤器处理其输出:

  • inputImage设置为由CIRandomGenerator过滤器生成的噪声。
  • inputTransform设置为scale将x缩放1.5,将y缩放25,这会使像素变粗而长,但它们仍将被着色。

使用CIAffineTransform的替代方法是使用imageByApplyingTransform:方法来转换噪声。

要使像素变暗,请按如下所示设置CIColorMatrix滤镜的输入参数:

  • inputImage设置为转换的视频图像。
  • inputRVector设置为(4,0,0,0)
  • inputGVector,inputBVector和inputAVector设置为(0,0,0,0)
  • inputBiasVector设置为(0,1,1,1)

这导致青色的划痕。

要使划痕变暗,请将CIMinimumComponent过滤器应用于青色划痕。 此滤镜使用r,g,b值的最小值生成灰度图像。

4. Composite the Specks and Scratches to the Sepia Video Image - 将斑点和划痕复合到棕褐色视频图像

设置CIMultiplyCompositing过滤器的输入参数如下:

  • 设置inputBackgroundImage为处理的视频图像(棕褐色调,白色斑点)。
  • 设置inputImage为黑色划痕,即来自CIMinimumComponent过滤器的输出

后记

本篇已结束,后面更精彩~~~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,117评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,963评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 107,897评论 0 240
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,805评论 0 203
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,208评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,535评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,797评论 2 311
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,493评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,215评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,477评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,988评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,325评论 2 252
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,971评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,807评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,544评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,455评论 2 266

推荐阅读更多精彩内容