图像遮罩后保持正确的色彩 [英] Keeping right tints after image masking
问题描述
我需要以编程方式使用从photoshop文件中的设计师那里获得的口罩填充不同颜色的图像:
http://image.openlan.ru/images/83339350420766181806.png
除了错过的细节外,我几乎完成了此操作:
UIImage * mask = [UIImage imageNamed:@ mask.png];
UIImage * image = [UIImage imageNamed:@ vehicle.png];
mask = [image maskImage:image withMask:mask];
image = [image ColoredImageWithColor:[UIColor blueColor]];
image = [image drawImage:mask inImage:image];
其中的方法实现:
-(UIImage *)maskImage:(UIImage *)带遮罩的图像:(UIImage *)maskImage
{
CGImageRef maskRef = maskImage.CGImage;
CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
CGImageGetHeight(maskRef),
CGImageGetBitsPerComponent(maskRef),
CGImageGetBitsPerPixel(maskRef),
CGImageGetBitsPerPixel(maskRef),
CGImageGetBitsPerPixel(maskRef), (maskRef),
CGImageGetDataProvider(maskRef),NULL,false);
CGImageRef masked = CGImageCreateWithMask([image CGImage],mask);
UIImage * im = [UIImage imageWithCGImage:masked];
CGImageRelease(已屏蔽);
CGImageRelease(maskRef);
CGImageRelease(mask);
return im;
}
-(UIImage *)coloredImageWithColor:(UIColor *)color
{
UIGraphicsBeginImageContext(self.size);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context,0,self.size.height);
CGContextScaleCTM(context,1.0,-1.0);
CGContextSetBlendMode(context,kCGBlendModeDarken);
CGRect rect =(CGRect){CGPointZero,self.size};
CGContextDrawImage(context,rect,self.CGImage);
CGContextClipToMask(context,rect,self.CGImage);
[颜色设置];
CGContextFillRect(context,rect);
UIImage * coloredImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
返回coloredImage;
}
-(UIImage *)drawImage:(UIImage *)fgImage inImage:(UIImage *)bgImage
{
UIGraphicsBeginImageContextWithOptions(bgImage.size,FALSE,0.0 );
[bgImage drawInRect:(CGRect){CGPointZero,bgImage.size}];
[fgImage drawInRect:(CGRect){CGPointZero,fgImage.size}];
UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
返回newImage;
}
我当前的结果是:
http://image.openlan.ru/images/34429534616655410787.png
我不认为如果使用渐变,我会看到正确的结果。我现在不喜欢的是在某些图像区域缺少色彩。我在这里做什么错了?
受此帖子我最终实现了任务。
这是原始图片:
然后我画了一个此图像的蒙版不填充特殊区域:
在绘制此方法的主要方法下面:
-(void)vehicleConfigure
{
NSString * vehicleName = @ sports.png;
UIImage * vehicleImage = [UIImage imageNamed:vehicleName];
vehicleName = [vehicleName stringByReplacingOccurrencesOfString:@。png withString:@-mask.png];
UIImage * mask = [UIImage imageNamed:vehicleName];
mask = [vehicleImage applyMask:mask];
vehicleImage = [vehicleImage ColoredImageWithColor:RGB(30,128,255)];
vehicleImage = [vehicleImage drawMask:mask];
m_vehicleImageView.contentMode = UIViewContentModeScaleAspectFit;
m_vehicleImageView.image = vehicleImage;
}
我在使用 UIImage $ c类别的地方$ c>和方法:
-(UIImage *)drawMask:(UIImage *)mask
{
UIGraphicsBeginImageContextWithOptions(self.size,FALSE,0.0);
[self drawInRect:(CGRect){CGPointZero,self.size}];
[mask drawInRect:(CGRect){CGPointZero,mask.size}];
UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
返回newImage;
}
-(UIImage *)applyMask:(UIImage *)maskImage
{
CGImageRef maskRef = maskImage.CGImage;
CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
CGImageGetHeight(maskRef),
CGImageGetBitsPerComponent(maskRef),
CGImageGetBitsPerPixel(maskRef),
CGImageGetBitsPerPixel(maskRef),
CGImageGetBitsPerPixel(maskRef), (maskRef),
CGImageGetDataProvider(maskRef),NULL,false);
CGImageRef masked = CGImageCreateWithMask([self CGImage],mask);
UIImage * im = [UIImage imageWithCGImage:masked
比例尺:[[UIScreen mainScreen]比例尺]
orientation:UIImageOrientationUp];
// CGImageRelease(masked);
// CGImageRelease(maskRef);
// CGImageRelease(mask);
return im;
}
-(UIImage *)coloredImageWithColor:(UIColor *)color
{
UIGraphicsBeginImageContext(self.size);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context,0,self.size.height);
CGContextScaleCTM(context,1.0,-1.0);
CGContextSetBlendMode(context,kCGBlendModeColorBurn);
CGRect rect =(CGRect){CGPointZero,self.size};
CGContextDrawImage(context,rect,self.CGImage);
CGContextClipToMask(context,rect,self.CGImage);
[颜色设置];
CGContextFillRect(context,rect);
UIImage * coloredImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return colouredImage;
}
结果如下:
I need to fill programmatically image with different colors with mask I got from our designer in photoshop file: http://image.openlan.ru/images/83339350420766181806.png
I almost finish this except of details I missed:
UIImage *mask = [UIImage imageNamed:@"mask.png"];
UIImage *image = [UIImage imageNamed:@"vehicle.png"];
mask = [image maskImage:image withMask:mask];
image = [image coloredImageWithColor:[UIColor blueColor]];
image = [image drawImage:mask inImage:image];
Where methods implementations:
- (UIImage *) maskImage:(UIImage *)image withMask:(UIImage *)maskImage
{
CGImageRef maskRef = maskImage.CGImage;
CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
CGImageGetHeight(maskRef),
CGImageGetBitsPerComponent(maskRef),
CGImageGetBitsPerPixel(maskRef),
CGImageGetBytesPerRow(maskRef),
CGImageGetDataProvider(maskRef), NULL, false);
CGImageRef masked = CGImageCreateWithMask([image CGImage], mask);
UIImage *im = [UIImage imageWithCGImage:masked];
CGImageRelease(masked);
CGImageRelease(maskRef);
CGImageRelease(mask);
return im;
}
- (UIImage *) coloredImageWithColor:(UIColor *)color
{
UIGraphicsBeginImageContext(self.size);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context, 0, self.size.height);
CGContextScaleCTM(context, 1.0, -1.0);
CGContextSetBlendMode(context, kCGBlendModeDarken);
CGRect rect = (CGRect){ CGPointZero, self.size };
CGContextDrawImage(context, rect, self.CGImage);
CGContextClipToMask(context, rect, self.CGImage);
[color set];
CGContextFillRect(context, rect);
UIImage *coloredImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return coloredImage;
}
- (UIImage *) drawImage:(UIImage *)fgImage inImage:(UIImage *)bgImage
{
UIGraphicsBeginImageContextWithOptions(bgImage.size, FALSE, 0.0);
[bgImage drawInRect:(CGRect){ CGPointZero, bgImage.size }];
[fgImage drawInRect:(CGRect){ CGPointZero, fgImage.size }];
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return newImage;
}
My current result is: http://image.openlan.ru/images/34429534616655410787.png
I don't think if I use gradient, I'll see right result. What I don't like now is lack of tints in some image areas. What am I doing wrong here?
Inspired by this post I implemented my task eventually.
It's an origin image:
Then I drew a mask for this image do not fill special areas:
Below main method drawing this:
- (void) vehicleConfigure
{
NSString *vehicleName = @"sports.png";
UIImage *vehicleImage = [UIImage imageNamed:vehicleName];
vehicleName = [vehicleName stringByReplacingOccurrencesOfString:@".png" withString:@"-mask.png"];
UIImage *mask = [UIImage imageNamed:vehicleName];
mask = [vehicleImage applyingMask:mask];
vehicleImage = [vehicleImage coloredImageWithColor:RGB(30, 128, 255)];
vehicleImage = [vehicleImage drawMask:mask];
m_vehicleImageView.contentMode = UIViewContentModeScaleAspectFit;
m_vehicleImageView.image = vehicleImage;
}
Where I use category of UIImage
with methods:
- (UIImage *) drawMask:(UIImage *)mask
{
UIGraphicsBeginImageContextWithOptions(self.size, FALSE, 0.0);
[self drawInRect:(CGRect){ CGPointZero, self.size }];
[mask drawInRect:(CGRect){ CGPointZero, mask.size }];
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return newImage;
}
- (UIImage *) applyingMask:(UIImage *)maskImage
{
CGImageRef maskRef = maskImage.CGImage;
CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
CGImageGetHeight(maskRef),
CGImageGetBitsPerComponent(maskRef),
CGImageGetBitsPerPixel(maskRef),
CGImageGetBytesPerRow(maskRef),
CGImageGetDataProvider(maskRef), NULL, false);
CGImageRef masked = CGImageCreateWithMask([self CGImage], mask);
UIImage *im = [UIImage imageWithCGImage:masked
scale:[[UIScreen mainScreen] scale]
orientation:UIImageOrientationUp];
// CGImageRelease(masked);
// CGImageRelease(maskRef);
// CGImageRelease(mask);
return im;
}
- (UIImage *) coloredImageWithColor:(UIColor *)color
{
UIGraphicsBeginImageContext(self.size);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context, 0, self.size.height);
CGContextScaleCTM(context, 1.0, -1.0);
CGContextSetBlendMode(context, kCGBlendModeColorBurn);
CGRect rect = (CGRect){ CGPointZero, self.size };
CGContextDrawImage(context, rect, self.CGImage);
CGContextClipToMask(context, rect, self.CGImage);
[color set];
CGContextFillRect(context, rect);
UIImage *coloredImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return coloredImage;
}
And result looks:
这篇关于图像遮罩后保持正确的色彩的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!