Gemini80 Posted December 29, 2022 Share Posted December 29, 2022 Hi everyone! I searched for an *in Design tutorial but only found ones for Photo. I would like to blend two images in Design using the gradient tool like one does in Photo. Like many of you, I bounce between programs when working on something but for this particular project it would be so much easier to blend the photos in Design - that is, of course, if this is possible? Thanks for any tips or links! ps - you can see the starry sky in the top of the attached image - that is actually two images (one with its opacity adjusted) - ideally I would like a smoother transition between the images! Quote Link to comment Share on other sites More sharing options...
NotMyFault Posted December 29, 2022 Share Posted December 29, 2022 A simple way is to add a rectangular shape as vector mask to the upper image. It must be nested to masking position. set color to white (this is arbitrary), and use the transparency tool to set a nice transition. Another way is to use a mask, and use the fill tool, or paint with different gray colors. Gemini80 1 Quote Mac mini M1 A2348 LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 iPad Air Gen 5 (2022) A2589 Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps. Link to comment Share on other sites More sharing options...
Gemini80 Posted December 29, 2022 Author Share Posted December 29, 2022 Hi! Thanks so much for your help! Could you talk me through it? Quote Link to comment Share on other sites More sharing options...
NotMyFault Posted December 29, 2022 Share Posted December 29, 2022 Please find a video below, recorded on iPad. On Desktop, the steps are similar. I have a blue rectangle (background image) and red rectangle (foreground image) I add the rectangle in white as top layer move to masking position of foreground layer activate transparency tool set start and end node to taste You can see how both images are blended FullSizeRender.MOV Quote Mac mini M1 A2348 LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 iPad Air Gen 5 (2022) A2589 Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps. Link to comment Share on other sites More sharing options...
loukash Posted December 29, 2022 Share Posted December 29, 2022 7 hours ago, Gemini80 said: blend two images in Design using the gradient tool like one does in Photo. 4 hours ago, NotMyFault said: activate transparency tool Why not use the Transparency tool on the top layer directly? Quote MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2 Link to comment Share on other sites More sharing options...
loukash Posted December 29, 2022 Share Posted December 29, 2022 6 minutes ago, loukash said: Why not use the Transparency tool on the top layer directly? Like this: Gemini80 1 Quote MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2 Link to comment Share on other sites More sharing options...
Gemini80 Posted December 31, 2022 Author Share Posted December 31, 2022 I would love to! But my understanding is that the Transparancy tool only works on shapes!? How did you manage to do this with images!? I am confused 😅 Quote Link to comment Share on other sites More sharing options...
RM f/g Posted December 31, 2022 Share Posted December 31, 2022 The transparancy tool works on placed images as well. Just give it a try. Gemini80 1 Quote Macbook Pro mid 2015, 16 GB, double barrel: MacOS Mojave + Affinity 1 / MacOS Monterey + Affinity 2 Link to comment Share on other sites More sharing options...
loukash Posted December 31, 2022 Share Posted December 31, 2022 Those are placed/embedded images, not pixel layers. They behave like shapes. Being a vector attribute, the Transparency tool doesn't work on pixel layers, but it will work if you simply group a pixel layer with itself and apply the transparency gradient to the parent group container. Gemini80 and R C-R 2 Quote MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2 Link to comment Share on other sites More sharing options...
Gemini80 Posted December 31, 2022 Author Share Posted December 31, 2022 Wow - it really works super simple! Nice! Thanks for the help - much appreciated!! loukash 1 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.