有時候，單獨對一張影象進行處理是很難或者根本達不到我們想要的效果的。一個好的濾鏡效果的誕生，往往要經過很多複雜步驟、細緻微調、圖片應用效果觀察以及很多圖層疊加。

我在JSWidget上發現了一些常用混合演算法，對應著一些常用混合模式，通過這些blend modes，我們可以指定兩張影象如何混合。

不過在此之前，我們需要純顏色影象和漸變影象來做輔助：

  1. + (UIImage *)imageWithColor:(UIColor *)color size:(CGSize)size
  2. {
  3. // http://stackoverflow.com/questions/1213790/how-to-get-a-color-image-in-iphone-sdk
  4. //Create a context of the appropriate size
  5. UIGraphicsBeginImageContext(size);
  6. CGContextRef currentContext = UIGraphicsGetCurrentContext();
  7. //Build a rect of appropriate size at origin 0,0
  8. CGRect fillRect = CGRectMake(0, 0, size.width, size.height);
  9. //Set the fill color
  10. CGContextSetFillColorWithColor(currentContext, color.CGColor);
  11. //Fill the color
  12. CGContextFillRect(currentContext, fillRect);
  13. //Snap the picture and close the context
  14. UIImage *colorImage = UIGraphicsGetImageFromCurrentImageContext();
  15. UIGraphicsEndImageContext();
  16. return colorImage;
  17. }
  1. + (UIImage *)imageWithGradient:(UIImage *)image startColor:(UIColor *)startColor endColor:(UIColor *)endColor
  2. {
  3. UIGraphicsBeginImageContextWithOptions(image.size, NO, image.scale);
  4. CGContextRef context = UIGraphicsGetCurrentContext();
  5. CGContextTranslateCTM(context, 0, image.size.height);
  6. CGContextScaleCTM(context, 1.0, -1.0);
  7. CGContextSetBlendMode(context, kCGBlendModeNormal);
  8. CGRect rect = CGRectMake(0, 0, image.size.width, image.size.height);
  9. CGContextDrawImage(context, rect, image.CGImage);
  10. // Create gradient
  11. NSArray *colors = [NSArray arrayWithObjects:(id)endColor.CGColor, (id)startColor.CGColor, nil];
  12. CGColorSpaceRef space = CGColorSpaceCreateDeviceRGB();
  13. CGGradientRef gradient = CGGradientCreateWithColors(space, (CFArrayRef)colors, NULL);
  14. // Apply gradient
  15. CGContextClipToMask(context, rect, image.CGImage);
  16. CGContextDrawLinearGradient(context, gradient, CGPointMake(0,0), CGPointMake(0, image.size.height), 0);
  17. UIImage *gradientImage = UIGraphicsGetImageFromCurrentImageContext();
  18. UIGraphicsEndImageContext();
  19. CGGradientRelease(gradient);
  20. CGColorSpaceRelease(space);
  21. return gradientImage;
  22. }

而且在第一篇文章中提到的透明度濾鏡（作用域畫素的alpha值上）是沒效果的，可以通過Quartz 2D來實現：

  1. - (UIImage *)setAlpha:(CGFloat)alpha
  2. {
  3. // http://stackoverflow.com/questions/5084845/how-to-set-the-opacity-alpha-of-a-uiimage
  4. UIGraphicsBeginImageContextWithOptions(self.size, NO, 0.0f);
  5. CGContextRef ctx = UIGraphicsGetCurrentContext();
  6. CGRect area = CGRectMake(0, 0, self.size.width, self.size.height);
  7. CGContextScaleCTM(ctx, 1, -1);
  8. CGContextTranslateCTM(ctx, 0, -area.size.height);
  9. CGContextSetBlendMode(ctx, kCGBlendModeMultiply);
  10. CGContextSetAlpha(ctx, alpha);
  11. CGContextDrawImage(ctx, area, self.CGImage);
  12. UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
  13. UIGraphicsEndImageContext();
  14. return newImage;
  15. }

在此基礎上，通過下面四行程式碼，可以分別得到四種不同效果：

  1. return [[UIImage imageWithColor:[UIColor purpleColor] size:originImage.size] changeOpacityByFactor:0.5];;
  1. return [UIImage imageWithGradient:originImage startColor:[UIColor whiteColor] endColor:[UIColor yellowColor]];
  1. return [[originImage tintWithMaxRGBA:(RGBA){190, 190, 230} minRGBA:(RGBA){50, 35, 10}] overlayWithImage:[[UIImage imageWithColor:[UIColor purpleColor] size:originImage.size] changeOpacityByFactor:0.3]];
  1. return [originImage softlightWithImage:[[UIImage imageWithColor:[UIColor yellowColor] size:originImage.size] changeOpacityByFactor:0.8]];

 

 

其中，overlay演算法如下：

  1. double calcOverlay(float b, float t)
  2. {
  3. return (b > 128.0f) ? 255.0f - 2.0f * (255.0f - t) * (255.0f - b) / 255.0f: (b * t * 2.0f) / 255.0f;
  4. }
  5. void filterOverlay(UInt8 *pixelBuf, UInt8 *pixedBlendBuf, UInt32 offset, void *context)
  6. {
  7. int r = offset;
  8. int g = offset+1;
  9. int b = offset+2;
  10. int red = pixelBuf[r];
  11. int green = pixelBuf[g];
  12. int blue = pixelBuf[b];
  13. int blendRed = pixedBlendBuf[r];
  14. int blendGreen = pixedBlendBuf[g];
  15. int blendBlue = pixedBlendBuf[b];
  16. pixelBuf[r] = SAFECOLOR(calcOverlay(red, blendRed));
  17. pixelBuf[g] = SAFECOLOR(calcOverlay(green, blendGreen));
  18. pixelBuf[b] = SAFECOLOR(calcOverlay(blue, blendBlue));
  19. }

版權宣告：本文為博主原創文章，未經博主允許不得轉載。