Jump to content
You must now use your email address to sign in [click for more info] ×

How to Blend Two Photos Together?


Recommended Posts

I recently migrated to Affinity from Photoshop and am still learning to translate some of my Photoshop work stream to Affinity. Most things I can Google, but it's hard to find a tutorial for blending two photos into something like the attached image. On Photoshop, I'd just create a layer mask on my selected layer before using its gradient tool to gradually fade one photo into the other. The gradient tool and layer masks on Affinity seem to work differently. Anyone know how to create a similar effect on Affinity?

NyLonKong_Skyline_-_Hong_Kong_and_NYC1.jpg

Link to comment
Share on other sites

Put one photo on top of the other in the Layers Panel. Attach a mask to the top layer. With the mask selected, add a White to Black gradient. (see below for results, as well as the Layers panel)

452206908_SkylineComposit.jpg.27ecae40886fb5c25d81cccd59cf4059.jpg

339858957_SkylineLayers.jpg.37b1b34e135ee34e9545a7cb0c0c53ab.jpg

Affinity Photo 2, Affinity Publisher 2, Affinity Designer 2 (latest retail versions) - desktop & iPad
Culling - FastRawViewer; Raw Developer - Capture One Pro; Asset Management - Photo Supreme
Mac Studio with M2 Max (2023}; 64 GB RAM; macOS 13 (Ventura); Mac Studio Display - iPad Air 4th Gen; iPadOS 17

Link to comment
Share on other sites

There's actually a more elegant solution, but one that is a bit convoluted. Once again, put your skyline photos one atop the other. Now, instead of creating a mask you'll draw a rectangle (use the Rectangle shape from the Tools panel) on top of the stack. Put a gradient into the middle of that rectangle, with a solid color (I used black) on both the top and bottom nodes. So far, you've got a gradient that goes from black to black, I know. But now, set the Opacity of the top node to 0%. So now you've got a gradient that is solid on the bottom and transparent on the top.

You'll take that rectangle and make it a Child Layer of the Top Skyline. You can drag the rectangle layer just beneath and to the right of the Top Skyline layer, until you see the horizontal blue line beneath the Top Skyline layer. Or, with the Rectangle at the top of the Layer stack, you can choose Move Inside from the Arrange menu.

Once the rectangle is a child of the Top Skyline, set its Blend Mode to Erase. Because it's a child of the Top Skyline, the blend mode will ONLY act on that layer. And the Erase will only erase the part of the Top Skyline layer that contains visible pixels (that is, the bottom portion of the Top Skyline layer).

The nice part about doing it this way is that the Gradient remains editable, and can be repositioned at will at any time.

1592610553_SkylineBlendwithEditableGradient.png.69856be178610be291cdcc9edcf414a7.png

Affinity Photo 2, Affinity Publisher 2, Affinity Designer 2 (latest retail versions) - desktop & iPad
Culling - FastRawViewer; Raw Developer - Capture One Pro; Asset Management - Photo Supreme
Mac Studio with M2 Max (2023}; 64 GB RAM; macOS 13 (Ventura); Mac Studio Display - iPad Air 4th Gen; iPadOS 17

Link to comment
Share on other sites

Thanks! That was really helpful. I tried the more elegant technique, but couldn't figure out how to turn the rectangle into a child layer. Was I supposed to use the rectangular marquee tool for that?

In any case, I used the first technique to create the photo below. I think it's workable, although there's a bit of an unrealistic blue tinge to the clouds in the middle right. This is a different kind of blend than the skylines I posted in the first photo, though, so I guess it's a bound to be a bit messier. It might actually be resolved if I figured out the rectangular tool in the second solution you posed, since that might leave the original layer unaffected and free to extract additional layers from to cover these blemishes. 

SF_Skyline_-_Twin_Peaks.jpg

Link to comment
Share on other sites

This is the "elegant" version. Watch...

Affinity Photo 2, Affinity Publisher 2, Affinity Designer 2 (latest retail versions) - desktop & iPad
Culling - FastRawViewer; Raw Developer - Capture One Pro; Asset Management - Photo Supreme
Mac Studio with M2 Max (2023}; 64 GB RAM; macOS 13 (Ventura); Mac Studio Display - iPad Air 4th Gen; iPadOS 17

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.