Gimp-Forum.net

Full Version: Radial transparency fade
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I would like to create a layer from the below image that goes from full opacity in the centre of the clock to transparent at a certain radius. I guess this is a sort of "radial transparency fade selection". So I would like a circular image which is 100% opaque in the centre, and completely transparent around the cirumference.

How would I go about doing this in GIMP? I've tried using the Gradient tool on a white transparency mask, a FG to Transparent gradient but I am getting absolutely nowhere.

Can somebody please help me or point me to a good tutorial that does this?

[Image: pxvHvtH.png]
(07-17-2020, 05:30 AM)SparkyNZ Wrote: [ -> ]I would like to create a layer from the below image that goes from full opacity in the centre of the clock to transparent at a certain radius. I guess this is a sort of "radial transparency fade selection". So I would like a circular image which is 100% opaque in the centre, and completely transparent around the cirumference.

How would I go about doing this in GIMP? I've tried using the Gradient tool on a white transparency mask, a FG to Transparent gradient but I am getting absolutely nowhere.

Can somebody please help me or point me to a good tutorial that does this?

[Image: pxvHvtH.png]

Use a layer mask:
  • Layer>Mask>Add layer mask, initialize to white. From that point on you are editing the mask
  • Draw a white(center)-to-black radial gradient
Note that the darkness of the gradient is really a measure of how far you are from the center. Using Curves/Levels on that gradient on the mask you can alter the gradient and define the radius-opacity relationship:

[attachment=4658]

In the screenshot above (red layer added as a background), the vertical line at x=177 is obtained by clicking on the rim of the clock. Anything to its right is the clock, and anything to its left is outside the clock (the further to the left, the farther from the clock). With  Curves, it is easy to change the gradient to hold the opacity while being in the clock dial  and fall off more quickly outside the dial.
@SparkyNZ

Quote:...Can somebody please help me or point me to a good tutorial that does this?..

I don't know about good but here is my demo on the subject.

https://youtu.be/RpAZFtWt_dY   No video epics here. 1 minute 30 seconds.



Another possibility for at least a similar effect, with far fewer subtleties, is the GEGL Focus Blur tool.


[attachment=4659]
(07-17-2020, 06:34 AM)Ofnuts Wrote: [ -> ]Use a layer mask:
  • Layer>Mask>Add layer mask, initialize to white. From that point on you are editing the mask
  • Draw a white(center)-to-black radial gradient
Note that the darkness of the gradient is realy a measure of how far you are from the center. Using Curves/Levels on that gradient on the mask you can alter the gradient and define radius-opacity relationship:

Thanks for the reply. You manage to do exactly what I want to.. but I must be missing a step somewhere. In Layers, I have the white layer mask selected, and I've added a red background layer like you did. Gradient Mode is set to Normal, and I'm using FG to Transparent as the Gradient type.
[Image: AEQf1QF.jpg]

I can't seem to get it working like you did. Here's an example of what I see with Mode set to "Difference". "Normal" doesn't seem to have any effect at all. My Opacity is set to 50%

[Image: OLjf1pY.png]

Update: I think I found where I went wrong - Just changed the Gradient to "FG to BG" and it seems to be working better:

[Image: ff8awVF.png]

Not perfect but I think I'll get there with a bit more experimentation! Thanks heaps!