星空网 > 软件开发 > 操作系统

美图秀秀滤镜之亮度调整

  图像的亮度, 指的是图像像素的强度, 黑色为最暗, 白色为最亮, 在ios中黑色用0来表示, 白色用1来表示.一个像素, 基本上是用RGB三个颜色分量来表示的. R(0-1), G(0-1),B(0-1).

  亮度调整有多种计算方法,效果并不完全相同,在颜色的表示方法中, HSL(L)表示法就是:色相(hue)、饱和度(saturation)、亮度(lightness),改变其中的L值就可以调整图象的亮度,但效果显得比较生硬。

PhotoShop和GPUImage中采用的就是另外一种方法就是把图象每个点颜色的RGB分量分别加上亮度调整值,这种效果相对比较柔和。下面是顶点着色器和片段着色器代码(这些代码运行于GPU中)。

  顶点着色

 attribute vec4 position; //输入顶点位置属性 attribute vec4 inputTextureCoordinate;//输入纹理位置属性 varying vec2 textureCoordinate;//输出给片段着色器的纹理位置 void main() {   gl_Position = position;//输出给片段着色器的顶点位置   textureCoordinate = inputTextureCoordinate.xy;//告诉片段着色器,顶点着色器正在处理的像素点。 }

  

  片段着色

 varying highp vec2 textureCoordinate; uniform sampler2D inputImageTexture;//输入的纹理图片。也就是我们要处理的图片 uniform lowp float brightness;//亮度值,我们在程序中可以调整的。 void main() {   lowp vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);//输入图片的纹理颜色     gl_FragColor = vec4((textureColor.rgb + vec3(brightness)), textureColor.w);//像素着色颜色。将每个像素的RGB分量与亮度值相加,得到心的像素颜色。即算法实现 }

 

在我的美图秀秀中,使用的是上述算法,而官方版不是

使用GPUImage的GPUImageBrightnessFilter来实现图像的亮度调整。

 

  具体应用

1.在GPUImageBrightnessFilter中首先初始化该滤镜

GPUImageBrightnessFilter *filter = [[GPUImageBrightnessFilter alloc] init];

 

 

2.设置亮度值。该亮度值通过滑动UISlider来改变

filter.brightness = value;

 

 

3.设置亮度调整范围为整张图像

[filter forceProcessingAtSize:image.size];

 

 

4.设置输入图像纹理

GPUImagePicture *pic = [[GPUImagePicture alloc] initWithImage:image];[pic addTarget:filter];

 

 

5.处理图像

[pic processImage];  [filter useNextFrameForImageCapture];

 

 

6.获取处理后的图像

return [filter imageFromCurrentFramebuffer];

 

+ (UIImage *)changeValueForBrightnessFilter:(float)value image:(UIImage *)image;{  GPUImageBrightnessFilter *filter = [[GPUImageBrightnessFilter alloc] init];  filter.brightness = value;  [filter forceProcessingAtSize:image.size];  GPUImagePicture *pic = [[GPUImagePicture alloc] initWithImage:image];  [pic addTarget:filter];  [pic processImage];  [filter useNextFrameForImageCapture];  return [filter imageFromCurrentFramebuffer];}

 

 

附录

在GPUImageBrightnessFilter的init方法中,设置了默认的亮度为0

- (id)init;{  if (!(self = [super initWithFragmentShaderFromString:kGPUImageBrightnessFragmentShaderString]))  {    return nil;  }    brightnessUniform = [filterProgram uniformIndex:@"brightness"];  self.brightness = 0.0;    return self;}

 

setBrightness方法调整图像的亮度值,_brightness为输入的亮度值,在顶点着色器中uniform float brightness与brightnessUniform = [filterProgram uniformIndex:@"brightness"]对应,必须名字相同

- (void)setBrightness:(CGFloat)newValue;{  _brightness = newValue;    [self setFloat:_brightness forUniform:brightnessUniform program:filterProgram];}

 

下面我们预览一下效果

美图秀秀滤镜之亮度调整  美图秀秀滤镜之亮度调整  美图秀秀滤镜之亮度调整

 




原标题:美图秀秀滤镜之亮度调整

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

美方声明:https://www.goluckyvip.com/tag/13546.html
中方回应:https://www.goluckyvip.com/tag/13547.html
中方白皮书:https://www.goluckyvip.com/tag/13548.html
贸易出口前景:https://www.goluckyvip.com/tag/13549.html
何去何从:https://www.goluckyvip.com/tag/1355.html
关店如何解封:https://www.goluckyvip.com/tag/13550.html
​TikTok发生了什么?美区增长首次停滞,准入管理力度加大:https://www.kjdsnews.com/a/1836407.html
2024年如何找到在TikTok上发帖的最佳时间:https://www.kjdsnews.com/a/1836408.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流