一瓶蚂、 簡介:GPUImage是基于GPU實現(xiàn)圖像和視頻處理的iOS框架糖埋,最好用的濾鏡框架,沒有之一窃这。
二瞳别、 安裝
- 手動安裝
(1)下載: https://github.com/BradLarson/GPUImage
(2)在framework
目錄下打開GPUImage.xcodeproj
1
(3)在
Bulid Phases
中Headers
下的Private
的文件目錄拖動到Public
下:2
(4)運行工程,在
Product
文件夾下libGPUImage.a
showingfinder杭攻,打開該文件目錄:3
(5)把該目錄下的
libGpuImage.a
和 User
文件夾拖到我們創(chuàng)建的工程下面:4
(6)這樣就可以使用GPUImage
提示:建議還是使用pods安裝祟敛,因為我在使用手動安裝的項目時模擬器使用沒問題,但是真機測試時會報錯兆解,報錯圖片如下:
5
Link Bianry With
中是有這個靜態(tài)庫的,當然最后也沒解決现拒,最后還是通過pods導入的辣垒,例如pop框架最好還是用pods,免得自己設(shè)置麻煩印蔬。三勋桶、各種類的效果
- #import "GPUImageBrightnessFilter.h" //亮度
#import "GPUImageExposureFilter.h" //曝光
#import "GPUImageContrastFilter.h" //對比度
#import "GPUImageSaturationFilter.h" //飽和度
#import "GPUImageGammaFilter.h" //伽馬線
#import "GPUImageColorInvertFilter.h" //反色
#import "GPUImageSepiaFilter.h" //褐色(懷舊)
#import "GPUImageLevelsFilter.h" //色階
#import "GPUImageGrayscaleFilter.h" //灰度
#import "GPUImageHistogramFilter.h" //色彩直方圖,顯示在圖片上
#import "GPUImageHistogramGenerator.h" //色彩直方圖
#import "GPUImageRGBFilter.h" //RGB
#import "GPUImageToneCurveFilter.h" //色調(diào)曲線
#import "GPUImageMonochromeFilter.h" //單色
#import "GPUImageOpacityFilter.h" //不透明度
#import "GPUImageHighlightShadowFilter.h" //提亮陰影
#import "GPUImageFalseColorFilter.h" //色彩替換(替換亮部和暗部色彩)
#import "GPUImageHueFilter.h" //色度
#import "GPUImageChromaKeyFilter.h" //色度鍵
#import "GPUImageWhiteBalanceFilter.h" //白平橫
#import "GPUImageAverageColor.h" //像素平均色值
#import "GPUImageSolidColorGenerator.h" //純色
#import "GPUImageLuminosity.h" //亮度平均
#import "GPUImageAverageLuminanceThresholdFilter.h" //像素色值亮度平均侥猬,圖像黑白(有類似漫畫效果)
#import "GPUImageLookupFilter.h" //lookup 色彩調(diào)整
#import "GPUImageAmatorkaFilter.h" //Amatorka lookup
#import "GPUImageMissEtikateFilter.h" //MissEtikate lookup
#import "GPUImageSoftEleganceFilter.h" //SoftElegance lookup
#pragma mark - 圖像處理 Handle Image
#import "GPUImageCrosshairGenerator.h" //十字
#import "GPUImageLineGenerator.h" //線條
#import "GPUImageTransformFilter.h" //形狀變化
#import "GPUImageCropFilter.h" //剪裁
#import "GPUImageSharpenFilter.h" //銳化
#import "GPUImageUnsharpMaskFilter.h" //反遮罩銳化
#import "GPUImageFastBlurFilter.h" //模糊
#import "GPUImageGaussianBlurFilter.h" //高斯模糊
#import "GPUImageGaussianSelectiveBlurFilter.h" //高斯模糊例驹,選擇部分清晰
#import "GPUImageBoxBlurFilter.h" //盒狀模糊
#import "GPUImageTiltShiftFilter.h" //條紋模糊,中間清晰退唠,上下兩端模糊
#import "GPUImageMedianFilter.h" //中間值鹃锈,有種稍微模糊邊緣的效果
#import "GPUImageBilateralFilter.h" //雙邊模糊
#import "GPUImageErosionFilter.h" //侵蝕邊緣模糊,變黑白
#import "GPUImageRGBErosionFilter.h" //RGB侵蝕邊緣模糊瞧预,有色彩
#import "GPUImageDilationFilter.h" //擴展邊緣模糊倔叼,變黑白
#import "GPUImageRGBDilationFilter.h" //RGB擴展邊緣模糊醇份,有色彩
#import "GPUImageOpeningFilter.h" //黑白色調(diào)模糊
#import "GPUImageRGBOpeningFilter.h" //彩色模糊
#import "GPUImageClosingFilter.h" //黑白色調(diào)模糊,暗色會被提亮
#import "GPUImageRGBClosingFilter.h" //彩色模糊读串,暗色會被提亮
#import "GPUImageLanczosResamplingFilter.h" //Lanczos重取樣已旧,模糊效果
#import "GPUImageNonMaximumSuppressionFilter.h" //非最大抑制秸苗,只顯示亮度最高的像素,其他為黑
#import "GPUImageThresholdedNonMaximumSuppressionFilter.h" //與上相比运褪,像素丟失更多
#import "GPUImageSobelEdgeDetectionFilter.h" //Sobel邊緣檢測算法(白邊惊楼,黑內(nèi)容玖瘸,有點漫畫的反色效果)
#import "GPUImageCannyEdgeDetectionFilter.h" //Canny邊緣檢測算法(比上更強烈的黑白對比度)
#import "GPUImageThresholdEdgeDetectionFilter.h" //閾值邊緣檢測(效果與上差別不大)
#import "GPUImagePrewittEdgeDetectionFilter.h" //普瑞維特(Prewitt)邊緣檢測(效果與Sobel差不多,貌似更平滑)
#import "GPUImageXYDerivativeFilter.h" //XYDerivative邊緣檢測檀咙,畫面以藍色為主雅倒,綠色為邊緣,帶彩色
#import "GPUImageHarrisCornerDetectionFilter.h" //Harris角點檢測弧可,會有綠色小十字顯示在圖片角點處
#import "GPUImageNobleCornerDetectionFilter.h" //Noble角點檢測蔑匣,檢測點更多
#import "GPUImageShiTomasiFeatureDetectionFilter.h" //ShiTomasi角點檢測,與上差別不大
#import "GPUImageMotionDetector.h" //動作檢測
#import "GPUImageHoughTransformLineDetector.h" //線條檢測
#import "GPUImageParallelCoordinateLineTransformFilter.h" //平行線檢測
#import "GPUImageLocalBinaryPatternFilter.h" //圖像黑白化棕诵,并有大量噪點
#import "GPUImageLowPassFilter.h" //用于圖像加亮
#import "GPUImageHighPassFilter.h" //圖像低于某值時顯示為黑
#pragma mark - 視覺效果 Visual Effect
#import "GPUImageSketchFilter.h" //素描
#import "GPUImageThresholdSketchFilter.h" //閥值素描裁良,形成有噪點的素描
#import "GPUImageToonFilter.h" //卡通效果(黑色粗線描邊)
#import "GPUImageSmoothToonFilter.h" //相比上面的效果更細膩,上面是粗曠的畫風
#import "GPUImageKuwaharaFilter.h" //桑原(Kuwahara)濾波,水粉畫的模糊效果校套;處理時間比較長价脾,慎用
#import "GPUImageMosaicFilter.h" //黑白馬賽克
#import "GPUImagePixellateFilter.h" //像素化
#import "GPUImagePolarPixellateFilter.h" //同心圓像素化
#import "GPUImageCrosshatchFilter.h" //交叉線陰影,形成黑白網(wǎng)狀畫面
#import "GPUImageColorPackingFilter.h" //色彩丟失笛匙,模糊(類似監(jiān)控攝像效果)
#import "GPUImageVignetteFilter.h" //暈影侨把,形成黑色圓形邊緣,突出中間圖像的效果
#import "GPUImageSwirlFilter.h" //漩渦妹孙,中間形成卷曲的畫面
#import "GPUImageBulgeDistortionFilter.h" //凸起失真秋柄,魚眼效果
#import "GPUImagePinchDistortionFilter.h" //收縮失真,凹面鏡
#import "GPUImageStretchDistortionFilter.h" //伸展失真涕蜂,哈哈鏡
#import "GPUImageGlassSphereFilter.h" //水晶球效果
#import "GPUImageSphereRefractionFilter.h" //球形折射华匾,圖形倒立
#import "GPUImagePosterizeFilter.h" //色調(diào)分離,形成噪點效果
#import "GPUImageCGAColorspaceFilter.h" //CGA色彩濾鏡机隙,形成黑蜘拉、淺藍、紫色塊的畫面
#import "GPUImagePerlinNoiseFilter.h" //柏林噪點有鹿,花邊噪點
#import "GPUImage3x3ConvolutionFilter.h" //3x3卷積旭旭,高亮大色塊變黑,加亮邊緣葱跋、線條等
#import "GPUImageEmbossFilter.h" //浮雕效果持寄,帶有點3d的感覺
#import "GPUImagePolkaDotFilter.h" //像素圓點花樣
#import "GPUImageHalftoneFilter.h" //點染,圖像黑白化,由黑點構(gòu)成原圖的大致圖形 #pragma mark - 混合模式 Blend
#import "GPUImageMultiplyBlendFilter.h" //通常用于創(chuàng)建陰影和深度效果
#import "GPUImageNormalBlendFilter.h" //正常
#import "GPUImageAlphaBlendFilter.h" //透明混合,通常用于在背景上應用前景的透明度
#import "GPUImageDissolveBlendFilter.h" //溶解
#import "GPUImageOverlayBlendFilter.h" //疊加,通常用于創(chuàng)建陰影效果
#import "GPUImageDarkenBlendFilter.h" //加深混合,通常用于重疊類型
#import "GPUImageLightenBlendFilter.h" //減淡混合,通常用于重疊類型
#import "GPUImageSourceOverBlendFilter.h" //源混合
#import "GPUImageColorBurnBlendFilter.h" //色彩加深混合
#import "GPUImageColorDodgeBlendFilter.h" //色彩減淡混合
#import "GPUImageScreenBlendFilter.h" //屏幕包裹,通常用于創(chuàng)建亮點和鏡頭眩光
#import "GPUImageExclusionBlendFilter.h" //排除混合
#import "GPUImageDifferenceBlendFilter.h" //差異混合,通常用于創(chuàng)建更多變動的顏色
#import "GPUImageSubtractBlendFilter.h" //差值混合,通常用于創(chuàng)建兩個圖像之間的動畫變暗模糊效果
#import "GPUImageHardLightBlendFilter.h" //強光混合,通常用于創(chuàng)建陰影效果
#import "GPUImageSoftLightBlendFilter.h" //柔光混合
#import "GPUImageChromaKeyBlendFilter.h" //色度鍵混合
#import "GPUImageMaskFilter.h" //遮罩混合
#import "GPUImageHazeFilter.h" //朦朧加暗
#import "GPUImageLuminanceThresholdFilter.h" //亮度閾
#import "GPUImageAdaptiveThresholdFilter.h" //自適應閾值
#import "GPUImageAddBlendFilter.h" //通常用于創(chuàng)建兩個圖像之間的動畫變亮模糊效果
#import "GPUImageDivideBlendFilter.h" //通常用于創(chuàng)建兩個圖像之間的動畫變暗模糊效果
四娱俺、實戰(zhàn)
這個demo用到了三個框架稍味。TZImagePackerController
照片選擇、Masonry
約束荠卷、GPUImage
圖像處理
主要是選擇相冊中的圖片進行各種效果的濾鏡處理模庐,并且可以將圖片保存到相冊中。
相關(guān)代碼:
//效果
self.cellFilterFlags = @[@"GPUImageSketchFilter",/*素描 */
@"GPUImageCrosshatchFilter",/*交叉線陰影*/
@"GPUImageToonFilter",/*卡通效果*/
@"GPUImageGaussianBlurFilter",/*高斯模糊*/
@"GPUImageStretchDistortionFilter",/*伸展失真(哈哈鏡)*/
@"GPUImageGlassSphereFilter",/*水晶球效果*/
@"GPUImageHazeFilter",/*朦朧加暗*/
@"GPUImagePerlinNoiseFilter",/*噪點*/
@"GPUImageEmbossFilter",/*浮雕*/
@"GPUImageSphereRefractionFilter",/*球形折射,倒立*/
@"GPUImageSwirlFilter",/*漩渦油宜,中間形成卷曲的畫面*/
@"GPUImageEmbossFilter",/*浮雕效果掂碱,帶有點3d的感覺*/
@"GPUImageVignetteFilter",/*暈影*/
];
self.cellTitles = @[@"素描",@"交叉線陰影",@"卡通效果",@"高斯模糊",@"伸展失真",@"水晶球",@"朦朧",@"噪點",@"浮雕",@"球形折射",@"旋渦",@"3d浮雕",@"暈影"];
///根據(jù)給的濾鏡數(shù)組返回處理后的圖片
- (UIImage *)createWithFilterClassNameL:(NSString *)filterName inputImage:(UIImage *)inputImage{
//初始化圖片
self.startImage = [[GPUImagePicture alloc]initWithImage:inputImage];
//初始化濾鏡
if ([filterName isEqualToString:@"GPUImageSketchFilter"]) {
self.filter = [[GPUImageSketchFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageCrosshatchFilter"] ) {
self.filter = [[GPUImageCrosshatchFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageToonFilter"]) {
self.filter = [[GPUImageToonFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageGaussianBlurFilter"]) {
self.filter = [[GPUImageGaussianBlurFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageStretchDistortionFilter"]) {
self.filter = [[GPUImageStretchDistortionFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageGlassSphereFilter"]) {
self.filter = [[GPUImageGlassSphereFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageHazeFilter"]) {
self.filter = [[GPUImageHazeFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImagePerlinNoiseFilter"]) {
self.filter = [[GPUImagePerlinNoiseFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageEmbossFilter"]) {
self.filter = [[GPUImageEmbossFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageSphereRefractionFilter"]) {
self.filter = [[GPUImageSphereRefractionFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageSwirlFilter"]) {
self.filter = [[GPUImageSwirlFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageEmbossFilter"]) {
self.filter = [[GPUImageEmbossFilter alloc]init];
} else if ([filterName isEqualToString:@"GPUImageVignetteFilter"]) {
self.filter = [[GPUImageVignetteFilter alloc]init];
}
//向圖片添加濾鏡
[self.startImage addTarget:self.filter];
//開始處理圖片
[self.filter useNextFrameForImageCapture];
[self.startImage processImage];
//輸出處理后的圖片
self.outputImage = [self.filter imageFromCurrentFramebuffer];
return self.outputImage;
}
五怜姿、效果圖(動圖太大,傳不上)
6
六疼燥、demo
七沧卢、這個demo只是利用現(xiàn)有的濾鏡效果,并沒有對亮度、對比醉者、色彩之類的做一些細致的操作,而且滑動下面的效果預覽有時會有卡頓的現(xiàn)象,有了解的朋友請指正