How to BLEND two images together as one, with blurry border between two separate images?

[Cherrymage]

UPDATE: Bad wording on last version

How to BLEND two images together as one, with smooth transparent transition between two separate images? Or one picture's "border area" overlapping with the other picture gradually turning transparent? Yep.

Yes, I looked through Google and YouTube for any easy tutorials, but all they do was just put two images side by side, WITHOUT blending and "smoothing" the image border as a blurry mix. All those online websites only let you ARRANGE them side-by-side and at most they only allow you to make space between the two images, but not mixing the border area of the two images!

I need to do this to polish and clean my MegaCraft thread. Nobody wants to see a huge wall of text with few to zero images. But horrible random images thrown all over the place with sharp borders will only annoy people even more. Please, I need help with this problem.

 

[Chaosy]

I got two ideas on how to do it.
Depends on how you mean really.

or

 

[Cherrymage]

I got two ideas on how to do it.

This one - the second one. But try making the blurry borders more "connective" to each other and blend well?

 

[Chaosy]

That depends on how different your images are really.
If they are semi similar, the blur will probably make it work decently well.
To make it look really good you will probably have to edit the image, which I am not good at. I merely know a few creative use of filters and tools.

I added a blood splatter image and made it transparent for the following effect:

Looks kinda cool for splitting an image.

 

[Cherrymage]

Hmm, that can work on some pictures.

They are semi similar, but one of them features two opposing armies facing and glaring at each other... never mind, let's wait for more replies then

 

[Dr Super Good]

Try a Pyramidal Seamless Spline? It is done by masking out and averaging the DOG pyramids of the images over some pixel distance at each level.

The results look good because high frequency information is averaged over a smaller pixel distance in the final image than the low frequency information. This provides continuity at all frequency levels.

Not sure what tools other than matlab, and similar programs, can allow one to do this.

 

[Cherrymage]

Pyramidal Seamless Spline

Thanks for replying. Gotta try this out. But I don't understand what you are trying to explain? If you are idle, try posting a screenshot will do?

 

[Dr Super Good]

But I don't understand what you are trying to explain?

I only have some rough lecture notes on the process. They do not go into much detail of how to perform a Pyramidal Seamless Spline on 2 images, only some rough pointers on the process.

If you are idle, try posting a screenshot will do?

A screenshot of what? The Pyramidal Seamless Spline is an image blending technique.

I think the process is done by first constructing DOG tress from the two images one wants to blend. Then construct a tree from the blend mask (I am guessing just a normal subsampled tree and not a DOG?) where white represents the one image and black the other. Then multiply the DOG tree of the one image by the mask tree. Repeat for the other image but with the inverse of the mask tree. Then add the two masked DOG trees together. Pixels at the seam of the mask are then averaged (not sure how). I have no idea how it would be applied to images with different base sizes.

DOG -> Difference of Gaussian, basically a band pass filter.

 

[Murlocologist]

How to BLEND two images together as one, with blurry border between two separate images? Or one picture's "border area" overlapping with the other picture gradually turning transparent? Yep.

Yes, I looked through Google and YouTube for any easy tutorials, but all they do was just put two images side by side, WITHOUT blending and "smoothing" the image border as a blurry mix. All those online websites only let you ARRANGE them side-by-side and at most they only allow you to make space between the two images, but not mixing the border area of the two images!

I need to do this to polish and clean my MegaCraft thread. Nobody wants to see a huge wall of text with few to zero images. But horrible random images thrown all over the place with sharp borders will only annoy people even more. Please, I need help with this problem.

Can you find an example image of what kind of merging effect you wanna get?

 

[Cherrymage]

Can you find an example image of what kind of merging effect you wanna get?

I know I've seen one or a few in the past, but I've lost the links and seems Google don't understand what was I asking for
Sorry if my explanation is too confusing-- AH, wait! I didn't meant to be blur, but only smooth transition with transparency at the image "border"!

 

[LordDz]

Is this the sort of effect you're looking for?

Two images blended together.
Blend Photos Like A Hollywood Movie Poster - Photoshop Tutorial

 

[Cherrymage]

Ah, yes! but not vertical, it's horizontal! Still, thanks a lot!