It is currently Sun Jul 21, 2024 4:15 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 14 posts ] 
Author Message
 Post subject: blending circled line
PostPosted: Fri Jan 09, 2015 12:18 am  (#1) 
Offline
GimpChat Member
User avatar

Joined: Dec 09, 2014
Posts: 105
Location: Cologne, Germany
GIMP Version: 2.8.14
Operating System: Windows
GIMP Experience: Basic Level



Hi,

I am just making the tutorial of a speed gauge
http://gimpchat.com/viewtopic.php?f=23&t=4660

It was quite tricky for me since the author didn't mention some steps which are then hard to realize for a beginner, but I finally succeeded (with some deductions, though).

Now I am trying to enhance my picture the way that I want to create a circle which blends from green to yellow to red (similar to the ring in http://cdn-6.freeclipartnow.com/d/42886 ... ometer.jpg)

I tried to create a rectangle, blend it and then use Filter -> Distort -> Curve Bend, but that is way to hard to align correctly.

Any ideas how this can be done?

Sincerely,
Dietmar


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 1:03 am  (#2) 
Offline
GimpChat Member
User avatar

Joined: Sep 22, 2012
Posts: 2089
Location: US
As an alternative, you can create a path and stroke it with gradient.

1. You might need to create a smooth gradient with more than 1 segment*.
2. Use gimp native stroke-path dialog [harder] or Rob's script [easier]


* with just one segment (2-color, yellow to red gradient) the "speed" of color transition might be somewhat different
from the image in provided link.


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 1:51 am  (#3) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13080
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
Do you mean something like this?
Image

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 2:26 am  (#4) 
Offline
Script Coder
User avatar

Joined: Apr 23, 2010
Posts: 1553
Location: not from Guildford after all
dietmar wrote:
I tried to create a rectangle, blend it and then use Filter -> Distort -> Curve Bend, but that is way to hard to align correctly.

Any ideas how this can be done?

Instead of using Curve Bend, try using Polar Coordinates to bend your rectangle. Note how the rectangle is located on its layer.

Attachment:
gradient.png
gradient.png [ 7.89 KiB | Viewed 3084 times ]


Attachment:
SSpolar.png
SSpolar.png [ 7.51 KiB | Viewed 3084 times ]

_________________
Any sufficiently primitive technology is indistinguishable from a rock.


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 2:36 am  (#5) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13080
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
saulgoode wrote:
dietmar wrote:
I tried to create a rectangle, blend it and then use Filter -> Distort -> Curve Bend, but that is way to hard to align correctly.

Any ideas how this can be done?

Instead of using Curve Bend, try using Polar Coordinates to bend your rectangle. Note how the rectangle is located on its layer.

Attachment:
gradient.png


Attachment:
SSpolar.png

I think that this is the quickest way to do this, but it looks very jagged along the edge. Much more so than the one I made without using Polar Coordinates.
Is this what's being asked for anyway?

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 5:59 am  (#6) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4757
dietmar wrote:
GIMP Version: 2.8.14
Operating System: Windows
GIMP Experience: Basic Level



Hi,

I am just making the tutorial of a speed gauge
http://gimpchat.com/viewtopic.php?f=23&t=4660

It was quite tricky for me since the author didn't mention some steps which are then hard to realize for a beginner, but I finally succeeded (with some deductions, though).

Now I am trying to enhance my picture the way that I want to create a circle which blends from green to yellow to red (similar to the ring in http://cdn-6.freeclipartnow.com/d/42886 ... ometer.jpg)

I tried to create a rectangle, blend it and then use Filter -> Distort -> Curve Bend, but that is way to hard to align correctly.

Any ideas how this can be done?

Sincerely,
Dietmar




- Circle selection (use guides to mark the center), and border the selection (better results: to concentric circle paths, as used below)
- Conical-Asymetric gradient, with same center as the circle
- Remove the bits you don't want (triangle selection, with one summit on the circle center).

And then it just becomes a matter of pre-defining the gradient. If you want to cover a 270° angle make a gradient with three segments, first segment from 0 to .125 (colors indifferent), last segment from .875 to 1.00 (colors indifferent) and your gradient on the middle segment(s) (only one used below):

Attachment:
CircleGradient.png
CircleGradient.png [ 28.95 KiB | Viewed 3046 times ]


Better version with a 4-segments gradient, XCF and gradient attached:

Attachment:
CircleGradient2.png
CircleGradient2.png [ 31.77 KiB | Viewed 3041 times ]


Attachments:
CircleGradient.xcf [64.1 KiB]
Downloaded 119 times

_________________
Image
Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 7:13 am  (#7) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4757
The gradient:
Attachment:
RedZone.zip [318 Bytes]
Downloaded 136 times

_________________
Image


Last edited by ofnuts on Fri Jan 09, 2015 9:19 am, edited 1 time in total.

Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 7:24 am  (#8) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4757
Another way to handle the selection for an even better result:

- Create a circle path
- Cut off the part of the circle you don't want (add two points on same horizontal, and remove the bottom anchor and the two segments
- On a transparent layer, stroke the segment in line mode (any color will do), with the line width you want, and with the round end caps.
- Get a selection using alpha to selection on that layer, and then discard the layer
- Use that selection on the conical gradient as above

Attachment:
CircleGradient3.png
CircleGradient3.png [ 37.27 KiB | Viewed 3040 times ]

_________________
Image


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 8:50 am  (#9) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
I downloaded the RedZone gradient and I get this message when refreshing. "corrupt segments - do not span the range 0.1

_________________
Image


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 9:20 am  (#10) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4757
molly wrote:
I downloaded the RedZone gradient and I get this message when refreshing. "corrupt segments - do not span the range 0.1

Thanks for reporting. That will teach me to do them by hand :) Fixed, please try again.

_________________
Image


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 9:37 am  (#11) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
thanks ofnuts

_________________
Image


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 4:32 pm  (#12) 
Offline
GimpChat Member
User avatar

Joined: Dec 09, 2014
Posts: 105
Location: Cologne, Germany
Wallace wrote:
I think that this is the quickest way to do this, but it looks very jagged along the edge. Much more so than the one I made without using Polar Coordinates.
Is this what's being asked for anyway?


Yes, exactly.

Thank you all!
Dietmar


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 7:43 pm  (#13) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14715
Location: USA
There is also the pan to bow script available here.
http://registry.gimp.org/node/20869

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: blending circled line
PostPosted: Fri Jan 09, 2015 10:37 pm  (#14) 
Offline
GimpChat Member
User avatar

Joined: Dec 09, 2014
Posts: 105
Location: Cologne, Germany
Hi,

all worked, thank you!

Perhaps for some of you it might be interesting:

Online Gradient Generators:
http://patorjk.com/gradient-image-generator/
http://angrytools.com/gradient/

Image2Gradient Converter:
http://registry.gimp.org/node/25571

Worked marvellous for me!

Dietmar

_________________
Graphics: GIMP 2.8.14 on Win7 64Bit
Screenshots: GreenShot
Color Picker: PicPick
Palette Helper: paletton.com


Top
Post new topic Reply to topic  [ 14 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Dodge blending mode but with gradient fade?

12

No new posts Attachment(s) How does it works on Layer Blending Mode "Add" with Alpha Channel?

4

No new posts What is this line?

3

No new posts Line Art Detection

0

No new posts Attachment(s) Gradient from line

3



* Login  



Powered by phpBB3 © phpBB Group