RSS/Atom feed Twitter
Site is read-only, email is disabled

Q: How to apply transparent gradient to image?

This discussion is connected to the gimp-user-list.gnome.org mailing list which is provided by the GIMP developers and not related to gimpusers.com.

This is a read-only list on gimpusers.com so this discussion thread is read-only, too.

4 of 4 messages available
Toggle history

Please log in to manage your subscriptions.

Q: How to apply transparent gradient to image? D. R. Evans 24 Mar 22:33
  Q: How to apply transparent gradient to image? Akkana Peck 24 Mar 22:54
   Q: How to apply transparent gradient to image? D. R. Evans 26 Mar 23:12
  Q: How to apply transparent gradient to image? Rolf Steinort 24 Mar 22:57
D. R. Evans
2008-03-24 22:33:33 UTC (almost 17 years ago)

Q: How to apply transparent gradient to image?

I have a simple PNG image, and I'd like to change the top half so that at the very top the image is completely transparent, with the opacity increasing linearly so that halfway down the image (and all the way to the bottom) the image has 100% opacity.

I've messed with layers and gradients until I want to scream -- I can't find the trick that allows me to do this. (It seems like it should be dead easy.)

Could someone please point me toward something that describes how to do this?

Akkana Peck
2008-03-24 22:54:57 UTC (almost 17 years ago)

Q: How to apply transparent gradient to image?

D. R. Evans writes:

I have a simple PNG image, and I'd like to change the top half so that at the very top the image is completely transparent, with the opacity increasing linearly so that halfway down the image (and all the way to the bottom) the image has 100% opacity.

I've messed with layers and gradients until I want to scream -- I can't find the trick that allows me to do this. (It seems like it should be dead easy.)

Could someone please point me toward something that describes how to do this?

- Make a layer mask (Layer->Mask->Add Layer Mask..., or you can use the context menu in the Layers dialog). Let it default to White (full opacity).

- Click on the gradient (blend) tool in the Toolbox. Make sure your fg/bg colors are Black and White (the defaults) and that the gradient is FG to BG (the default).

- In the image window, hold the Ctrl key down, then mouse down anywhere along the very top of the image, and drag straight down (the Ctrl key will make it easy to stay exactly vertical) to the middle of the image, then release the mouse button.

You're basically done (it should be transparent just as you described), but you'll probably want one more step:

- In the Layers dialog, click on the tiny preview that shows your image, to make sure that it and not the layer mask next to it is active. You want the image preview to be outlined in white, and the mask preview to be outlined in black, not vice versa. (This saves you from getting "You are about to save a layer mask" errors when you save.)

If you save it as anything but .xcf, you'll probably get warnings about how layer masks aren't preserved, but don't worry about those. If you don't want to see them you can Flatten before you save.

...Akkana

Rolf Steinort
2008-03-24 22:57:52 UTC (almost 17 years ago)

Q: How to apply transparent gradient to image?

On Mon, 2008-03-24 at 15:33 -0600, D. R. Evans wrote:

I have a simple PNG image, and I'd like to change the top half so that at the very top the image is completely transparent, with the opacity increasing linearly so that halfway down the image (and all the way to the bottom) the image has 100% opacity.

I've messed with layers and gradients until I want to scream -- I can't find the trick that allows me to do this. (It seems like it should be dead easy.)

Could someone please point me toward something that describes how to do this?

- If your base layer name is printed in BOLD in the layer dialogue, right click on it and "add an alpha channel".

- again right click on the layer and add an layer mask, filled with white.

- take the gradient tool with a gradient from black to white.

- apply the gradient to the layer mask (just paint into the image if the frame around the layer mask is white) Start where you want to have 100% opacity and end where you want 0%.

Rolf

http://meetthegimp.org - weekly video podcast about GIMP and photography

D. R. Evans
2008-03-26 23:12:31 UTC (almost 17 years ago)

Q: How to apply transparent gradient to image?

Akkana Peck said the following at 03/24/2008 03:54 PM :

D. R. Evans writes:

I have a simple PNG image, and I'd like to change the top half so that at the very top the image is completely transparent, with the opacity increasing linearly so that halfway down the image (and all the way to the bottom) the image has 100% opacity.

Could someone please point me toward something that describes how to do this?

Thank you so much for the helpful replies.