Post Reply 

Radial Gradiant over a wide distance

Oct 1, 2013, 14:03
Post: #1
Radial Gradiant over a wide distance
I have a wide background image for the top of a site I am working on, which I am attaching. Basically, the original creator of the image faded the gradient from transparent to the background color of the site. The "shape" of the gradient is where I am having trouble. I tried even using the circle selection tool, then doing an inverted selection to force an oval shape, but that is not working great for me either. I am looking for any ideas that people can give me.

Thanks for any input!


Attached File(s) Thumbnail(s)
   
Find all posts by this user
Quote this message in a reply
Oct 1, 2013, 15:51
Post: #2
RE: Radial Gradiant over a wide distance
With a gradient you do not have to start and finish inside the canvas. Zoom out

Screenshots, a bit of a scroll to show the stages.
http://i.imgur.com/6CyOGnD.jpg

The salient points are:
Use a radial gradient.
If you need to, FG to transparent, but reversed with the little 2-way arrow in the dialog.
Play around with the start and end points and also the offset.

For something like your example, maybe ok to start with a grungy background but might be better to do the bumpmapping after.
On the other hand, all sorts of ways.

** https://www.gimp-forum.net/ now answering questions**
Find all posts by this user
Quote this message in a reply
Oct 1, 2013, 20:05 (This post was last modified: Oct 1, 2013 20:09 by YeeP.)
Post: #3
RE: Radial Gradiant over a wide distance
(Oct 1, 2013 15:51)rich2005 Wrote:  With a gradient you do not have to start and finish inside the canvas. Zoom out

Screenshots, a bit of a scroll to show the stages.
http://i.imgur.com/6CyOGnD.jpg

The salient points are:
Use a radial gradient.
If you need to, FG to transparent, but reversed with the little 2-way arrow in the dialog.
Play around with the start and end points and also the offset.

For something like your example, maybe ok to start with a grungy background but might be better to do the bumpmapping after.
On the other hand, all sorts of ways.
Thanks for the tips. How did you get the oval shape in your image versus a true circle like the radial gradient wants to do? I ended up selecting an oval shape in the image, then doing an invert selection. Then I placed the radial gradient somewhere in the middle of the selection where it could not be placed (because it was not selected). It comes out "ok", but not great. Your image looks really good.

EDIT: I just reviewed your screen shots a little closer. Going to try with the same setup. I need to look up what dithering is and the advantage to it.... Thank you.


(Oct 1, 2013 16:00)ofnuts Wrote:  There is no transparency gradient, this is a JPEG and there is no transparency in JPEG.

Not sure if its a gradient or a plain lighting effect (it could even come from the original image, which is a photo).

Otherwise enlarge the canvas and the layer, make a big selection using a path for instance, and use a shaped gradient, then crop to original size
I realize that, but I did not say I was modifying that image per say. I am creating a new one that is a PNG, so it will have transparency. In addition when using GIMP; I can add a layer, with a gradient, before I export it to a JPG.


At the end of the day, I do not need the image to have any transparent background. Just the radial gradient in a layer above the original image, which will blend to the website background color. Then the footer image will do the same, in reverse.

Thanks for the posts guys.
Find all posts by this user
Quote this message in a reply
Oct 1, 2013, 20:14
Post: #4
RE: Radial Gradiant over a wide distance
Quote:..How did you get the oval shape in your image versus a true circle...

It is just a straight forward radial gradient (it is circular), applied using the start and finish points as shown in the screen shots.

** https://www.gimp-forum.net/ now answering questions**
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Radial gradient selection... btraven 4 660 Jan 4, 2014 11:27
Last Post: btraven
  Dashed line fading into distance? Chris.Daley 6 1,226 Oct 19, 2013 09:41
Last Post: iForStyle007
  Draw a circle with 285 ticks and radial text along these ticks anni 1 631 Aug 30, 2012 11:01
Last Post: anni
  How to stretch 471 pixel wide logo to 2500 pixels wide JimTrail 1 1,605 May 4, 2011 22:09
Last Post: JimTrail
  Radial bending in Gimp! Gasman 1 2,379 Sep 16, 2010 18:15
Last Post: Gasman

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS