iOS二十種超酷時尚藝術濾鏡彙總【附原始碼】

ForrestWoo發表於2016-01-13
iOS原始碼

　　本文總結了20種ios濾鏡都是基於GPUImage的，有3種濾鏡是GPUImage庫中包含的，還有17種是Instagram中的經典濾鏡，整合在一個專案中。使用GPUImage可以非常容易建立我們自己的濾鏡效果總會有你想要的效果吧。在文章下面附原始碼下載

　　相信你也在使用濾鏡吧，今天就讓你見識一下濾鏡實現其實也不是一件特別難的技術，下面附一些效果圖。由於幾種濾鏡最主要的實現是一段片段著色程式，所以會進行展示

 

Amaro濾鏡，透過FWAmaroFilter類來實現。它是Instagram應用中的經典濾鏡之一，適用於任何色調暗沉的照片

NSString *const kFWAmaroShaderString = SHADER_STRING
(
 precision lowp float;
 
 varying highp vec2 textureCoordinate;
 
 uniform sampler2D inputImageTexture;
 uniform sampler2D inputImageTexture2; //blowout;
 uniform sampler2D inputImageTexture3; //overlay;
 uniform sampler2D inputImageTexture4; //map
 
 void main()
 {
     
     vec4 texel = texture2D(inputImageTexture, textureCoordinate);
     vec3 bbTexel = texture2D(inputImageTexture2, textureCoordinate).rgb;
     
     texel.r = texture2D(inputImageTexture3, vec2(bbTexel.r, texel.r)).r;
     texel.g = texture2D(inputImageTexture3, vec2(bbTexel.g, texel.g)).g;
     texel.b = texture2D(inputImageTexture3, vec2(bbTexel.b, texel.b)).b;
     
     vec4 mapped;
     mapped.r = texture2D(inputImageTexture4, vec2(texel.r, .16666)).r;
     mapped.g = texture2D(inputImageTexture4, vec2(texel.g, .5)).g;
     mapped.b = texture2D(inputImageTexture4, vec2(texel.b, .83333)).b;
     mapped.a = 1.0;
     
     gl_FragColor = mapped;
 }
 );
amaro

效果圖

　　

SoftElegance濾鏡，透過GPUImageSoftEleganceFilter來實現。復古型濾鏡，感覺像舊上海灘~~~

　　

 

MissEtikate濾鏡

　　

Nashville濾鏡，Nashville是Instagram眾多濾鏡中最驚豔的一款，獨特的奶昔色調賦予照片童話般的唯美感覺。適用範圍：營造浪漫唯美的感覺。

 　　

 

LordKelvin濾鏡。

　　

 

Amatorka濾鏡

　　

 

Rise濾鏡，可以使人像皮膚得到很好的調整。

　　

 

Hudson濾鏡。

　　

 

XproII濾鏡

　　

 

1977濾鏡

　　

 

Valencia濾鏡

　　

 

Walden濾鏡

　　

 

 

Lomofi濾鏡

　　

 

Inkwell濾鏡

　　

 

Sierra濾鏡

　　

 

Earlybird濾鏡

　　

 

Sutro濾鏡

　　

 

Toaster濾鏡

　　

 

Brannan濾鏡

　　

 

Hefe濾鏡

　　

 

 實現【以FWNashvilleFilter為例】

　　建立濾鏡類，我將所有濾鏡類都繼承自GPUImageFilterGroup類，它允許我們所建立的類混合其他濾鏡。它其實是向FWFilter1類中新增需要的輸入紋理圖片。

@interface FWNashvilleFilter : GPUImageFilterGroup
{
    GPUImagePicture *imageSource ;
}

 

　

　　建立濾鏡效果，該類主要實現濾鏡的效果，包含一個片段著色程式。它是濾鏡效果的具體實現

@interface FWFilter1 : GPUImageTwoInputFilter

@end

 

　　

　　應用

+ (UIImage *)applyNashvilleFilter:(UIImage *)image
{
    FWNashvilleFilter *filter = [[FWNashvilleFilter alloc] init];
    [filter forceProcessingAtSize:image.size];
    GPUImagePicture *pic = [[GPUImagePicture alloc] initWithImage:image];
    [pic addTarget:filter];
    
    [pic processImage];
    [filter useNextFrameForImageCapture];
    return [filter imageFromCurrentFramebuffer];
}

 

 

下載專案

相關文章