Post Reply 

Apply a gradient to an image?

Dec 3, 2011, 16:04
Post: #1
Apply a gradient to an image?
Hi,

Brand new to Gimp... about 2 hours total. Smile

I have an image I am trying to create that I want to fade from right to left. In other words, I want the right side of the image to be full clarity, color, etc., and have it generally fade to almost gone by the time it gets to the left edge. Think of it as a gradient for an image.

Any way to do that with Gimp?

I found a blur tool. If I cannot do this with some kind of gradient tool, is there a "fade" tool?

I am a real noobie... if there is a tutorial on this topic, I cannot find it.

Thanks in advance,

Logger
Find all posts by this user
Quote this message in a reply
Dec 3, 2011, 19:28
Post: #2
RE: Apply a gradient to an image?
I am taking one picture i want to do that picture fade from left to right. We can create image with full clarity in any side.

picture framing
Find all posts by this user
Quote this message in a reply
Dec 3, 2011, 21:01 (This post was last modified: Dec 3, 2011 21:03 by ofnuts.)
Post: #3
RE: Apply a gradient to an image?
If "fade to almost gone" means becomes transparent it's done using a layer mask, whihc is how one edits the transparency of a layer:
  • Load image
  • Start the "Layers" list because we are going to work a lot on it: Ctrl-L
  • In the Layers list your image appears as a layer likely called "background"
  • Right-click that layer: select "Add alpha channel" (if it is grayed, the channel is already there, so this can be skipped). This allows the layer to have some transparency
  • Right click again, and "Add layer mask", and initialize to white (full opacity). In the Layers list, there is now a white square next to the thumbnail of your image; this is the thumbnail of the layer mask. From now on all "paint" operations will apply to the mask
  • Start the Blend tool (Blend), and select the "Black to White" gradient
  • Draw the gradient across the image (at that point, it is useful to have trained yourself a bit on gradient drawing on some "scratch" image because you won't see directly what you do). You can keep the "control" key pressed to force the gradient to be draw exactly horizontal.
  • If you didn't make any mistakes:
    • In the Layers list, the Mask thumbnail shows a black to white gradient
    • Your image has become transparent on the left: you see the canvas checkerboard pattern
    • If the gradient is across the whole image, the right part of the image will be slightly transparent, you may drag the gradient from the left edge to about half the image if you want a larger opaque part on the right.
      (see image below: partial gradient on top, full gradient at bottom)
  • If happy with the result, right click again on layer, and "Apply layer mask". The mask thumbnail disappears and your layer remains partially transparent
[attachment=764]


If you want to display this image over some background (Web page), save it in a format that supports partial transparency (PNG). Also always save as XCF to keep as much editable content as possible to allow further editing if needed.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Dec 4, 2011, 15:05
Post: #4
RE: Apply a gradient to an image?
Like this?

[Image: gradientships.png]

(First time I linked an image in a gimp forum... hope it works).

ofnuts, this was exactly the help I needed. Thanks! I did several iterations of this and learned a lot. I got it to work with the whited out area being transparent... I changed the deflections, gradient types, etc. You turned it into a very meaningful tutorial! I really appreciate the help. I hope I can help others out some time!





(Dec 3, 2011 21:01)ofnuts Wrote:  If "fade to almost gone" means becomes transparent it's done using a layer mask, whihc is how one edits the transparency of a layer:

...
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Image centering for printing okfhp 1 16 Yesterday 17:51
Last Post: ofnuts
  "Open Image" change default folder and thumbnail view? Dave001 1 65 Aug 15, 2017 19:56
Last Post: ofnuts
  How to wrap paragraph text in an image arun67 0 52 Aug 12, 2017 12:46
Last Post: arun67
  Combining gif image to static image help? littlegreendog 1 81 Jul 26, 2017 12:27
Last Post: ythgilb
  Image color vs color picker YalithKBK 1 121 Jul 7, 2017 11:45
Last Post: ythgilb

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS