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

Gradient Overlay with no color


Recommended Posts

I want to create a gradient overlay with a color in the middle and fading on both sides to no color so that what lies behind the overlay slowly appears on both sides of the middle color. I have not found an option in this overlay for no color. If I bring the opacity down on either side, either black or white appears covering up the picture behind the overlay. I understand that black and white are used to create the gradient and thus appear when I bring the opacity down. Is there any way to avoid this so that the middle color simply fade into the picture behind?

Link to comment
Share on other sites

Hi @Jim Monson,

You can also do this using the Gradient Overlay FX if that is what you are referencing, though you will have more flexibility with regards to the positioning of your gradient overlay using the method @David in Яuislip proposes above...

Affinity Designer 2.4.2 | Affinity Photo 2.4.2 | Affinity Publisher 2.4.2
Affinity Designer  Beta 2.5.0 (2415) | Affinity Photo Beta 2.5.0 (2415) | Affinity Publisher Beta 2.5.0 (2415)

Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.8
MacBook Pro 16GB, macOS Monterey 12.7.4, Magic Mouse

Link to comment
Share on other sites

10 hours ago, David in Яuislip said:

Uses a fill layer for the colour with a linear gradient for the fading

You can also use a regular Pixel layer for this, which has the (very minor) advantage of being easily adjustable non-destructively in size, position, skew, & rotation if you want to control how much of the underlying layers is affected by the fade.

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

Thanks to all. I have used gradients before ... but forgot this time and created a layer effect (fx)in which zero opacity on both ends reveals the underlying color. Using the color wheel opacity in fx appears to impact the entire rectangle and not each node of the fx. I easily achieved the fade with the gradient tool. Again many thanks.

Link to comment
Share on other sites

13 hours ago, R C-R said:

You can also use a regular Pixel layer for this,

Yes but a gradient on a pixel layer is destructive
A fill layer can be made resizeable by creating a marquee first so
<ctrl>A
Layer/New Fill layer
Create gradient
allows flexibility for editing further

FillGradient2.jpg

Microsoft Windows 11 Home, Intel i7-1360P 2.20 GHz, 32 GB RAM, 1TB SSD, Intel Iris Xe
Affinity Photo - 24/05/20, Affinity Publisher - 06/12/20, KTM Superduke - 27/09/10

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.