FMA Posted July 25, 2016 Share Posted July 25, 2016 I've read similar questions to this, but my question refers to blending side by side images together, and/or blending one or more images onto a background (not using blending modes). In other words, blending the edges with the other photo or background For instance in Photoshop, you use the gradient tool (black to transparent) to blend all edges of one photo that you have placed onto another photo to blend the edges seamlessly. I haven't found a good way to do this with Affinity Photo or Design. Any help would be appreciated. Tori and marcymurli 2 Quote Link to comment Share on other sites More sharing options...
Alfred Posted July 25, 2016 Share Posted July 25, 2016 Blending two side-by-side images is pretty straightforward: you just need to overlap the images, choose the Transparency Tool ('wine glass') and drag across from the top image to the bottom one, keeping the start and end transparency nodes within the overlap area. As for more complex scenarios, I'll leave those to someone who is more experienced with the Affinity suite. Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen) Link to comment Share on other sites More sharing options...
FMA Posted July 25, 2016 Author Share Posted July 25, 2016 Alfred, thank you! That answered blending two images. I appreciate your help! If anyone has an answer to the second part of my question: "blending one or more images onto a background (not using blending modes). In other words, blending the edges with the other photo or background. For instance in Photoshop, you use the gradient tool (black to transparent) to blend all edges of one photo that you have placed onto another photo to blend the edges seamlessly. " I would appreciate! Quote Link to comment Share on other sites More sharing options...
Alfred Posted July 26, 2016 Share Posted July 26, 2016 I thought I could achieve "blending one or more images onto a background" by applying a gradient transparency to fade out the left and right edges of the top image(s), rasterizing the result and then applying a second gradient transparency to fade out the top and bottom edges, but my second transparency didn't show up and I got a crash when I tried to undo it. Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen) Link to comment Share on other sites More sharing options...
anon1 Posted July 26, 2016 Share Posted July 26, 2016 you can also add 4 masks to each image and apply a gradient for each border to each mask gradients applied to photoshop just work differently in Affinity, they replace the whole mask rather than just adding to the mask Quote Link to comment Share on other sites More sharing options...
FMA Posted July 26, 2016 Author Share Posted July 26, 2016 you can also add 4 masks to each image and apply a gradient for each border to each mask gradients applied to photoshop just work differently in Affinity, they replace the whole mask rather than just adding to the mask Thank you, MBd! However, I have tried this, yet it doesn't give a "seamless" or "realistic" look. Perhaps it is the way in which I executed this task. I do understand the gradient in PS is different. The gradient used for blending images (black to transparent) works beautifully. I thought I could achieve "blending one or more images onto a background" by applying a gradient transparency to fade out the left and right edges of the top image(s), rasterizing the result and then applying a second gradient transparency to fade out the top and bottom edges, but my second transparency didn't show up and I got a crash when I tried to undo it. Alfred, I had a similar issue. AD froze and then crashed. Quote Link to comment Share on other sites More sharing options...
JimmyJack Posted July 26, 2016 Share Posted July 26, 2016 Maybe I'm missing the meat of the question.... In AP I stacked two masks. In AD you can do the exact same thing. Or......what I ended up doing...Transparency tool in one direction and a mask in the other. I'm sure I've missed something.....? Alfred 1 Quote Link to comment Share on other sites More sharing options...
anon1 Posted July 26, 2016 Share Posted July 26, 2016 Your version is more flexible and elegant but for a PS user it may be a bit more difficult to understand (although totally worth it). Quote Link to comment Share on other sites More sharing options...
Alfred Posted July 26, 2016 Share Posted July 26, 2016 Maybe I'm missing the meat of the question.... In AP I stacked two masks. Screen Shot 2016-07-26 at 1.15.35 PM.png Screen Shot 2016-07-26 at 1.18.49 PM.png In AD you can do the exact same thing. Or......what I ended up doing...Transparency tool in one direction and a mask in the other. Screen Shot 2016-07-26 at 1.28.20 PM.png I'm sure I've missed something.....? Thanks, JimmyJack. Masking works quite nicely for this in AD (although the wording 'Mask to Below' on the Layers panel's context menu initially had me a little confused about the required stacking order). Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen) Link to comment Share on other sites More sharing options...
JimmyJack Posted July 26, 2016 Share Posted July 26, 2016 Masking works quite nicely for this in AD (although the wording 'Mask to Below' on the Layers panel's context menu initially had me a little confused about the required stacking order). Cool. Yeah, "Mask to Below" is a little odd, but once ya do it a couple of times.... Here's another tip for the PS people (and non PS people too I guess). Whenever possible I much prefer (and recommend) using shapes with gradient opacity inputs as your masks. (instead of clicking Mask Layer) This way the gradient control handles are preserved and editable. Even in the mask position. With a pixel layer mask, once the gradient is done, it's baked in. If it's not right ya gotta start over. Quote Link to comment Share on other sites More sharing options...
marcymurli Posted December 20, 2017 Share Posted December 20, 2017 I'm having a similar problem. I have a smaller image I've added to a larger image. That smaller image is round and I want to get rid of its background colour and make it transparent (so you only see the bottom layer beneath the brown ball). Can someone help me please? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.