How to merge two image from edges to look like a single image in iOS? - ios7

Question

I have two imageview. How can i merge this image so it will look like a single image. I tried a lot like creating blur and gradient at the end of first image and at the start of second image even though not getting desired result like below image.
This is normal image.
and this after merging.
How to achieve this result? Please help me.
Thanks in advance.

Answer 1

I got an answer. Use below code and add gradient mask to both images at border. You can shift some pixel of second image view frame upper to first image, so the first image view border and second image view border will merge completely.
-(void)addGradientTo:(UIImageView*)imageView {
CAGradientLayer *gradient = [CAGradientLayer layer];
gradient.frame = imageView.bounds;
gradient.colors = [NSArray arrayWithObjects:
(id)[[UIColor colorWithWhite:0 alpha:0.2] CGColor],
(id)[[UIColor colorWithWhite:0 alpha:1] CGColor],
(id)[[UIColor colorWithWhite:0 alpha:1] CGColor],
(id)[[UIColor colorWithWhite:0 alpha:0.2] CGColor], nil];
gradient.locations = [NSArray arrayWithObjects:
[NSNumber numberWithFloat:0],
[NSNumber numberWithFloat:.1],
[NSNumber numberWithFloat:.9],
[NSNumber numberWithFloat:1], nil];
gradient.startPoint = CGPointMake(0,0.3);
gradient.endPoint=CGPointMake(1,0.3);
[imageView.layer setMask:gradient];
}