KidBrine

Conical Rainbow Gradient?

Recommended Posts

In paint.net a conical gradient transitions between the Primary and Secondary colors. It looks a bit like this....

 

gradientconical.png (Primary: black, Secondary:white. Repeat Reflected)

 

Where do you want the third color?

 

Share this post


Link to post
Share on other sites

I'm essentially trying to get something like that but instead of having two colors (white at let's say 0 degrees and black at 180 degrees), I want three colors, Red at 0 degrees, Green at 120 degrees, and Blue at 240 Degrees.

Share this post


Link to post
Share on other sites

I figured out something close after a sudden realization, will post steps later today.
still looking for perfect answer though 😕

 

Edited by KidBrine

Share this post


Link to post
Share on other sites

Hi @KidBrine :)

 

You could do 3 different layers and work out the degrees:

 

Diamond-gradients.png

 

P.S. I'm using an old version of paint.net as I've lost my new one for the moment 😫

Share this post


Link to post
Share on other sites

You could use Spoked Wheel to work out the angles quickly.  Render the wheel to your settings, Slightly modify with 3 central lines on a new layer ... delete the central axle > merge the lines to the circle > fill each section with your desired colour.  Draw your gradient on a new layer.  Play with Blend Modes

 

spoked-wheel.png

... and take more care than me when centering the conical gradient

Edited by welshblue

Share this post


Link to post
Share on other sites
22 hours ago, KidBrine said:

The problem I'm having is that I need to know how to make a stupidly high resolution conical gradient with the colors #FF0000 # 00FF00 #0000FF

 

EXAMPLE.png

 

This was done using pyrochild's Gradient Mapping Plugin.  If you want, I can post you a video on how to acheive it.  Quite easy.

Share this post


Link to post
Share on other sites
3 hours ago, Pixey said:

Hi @KidBrine :)

 

You could do 3 different layers and work out the degrees:

 

Diamond-gradients.png

 

P.S. I'm using an old version of paint.net as I've lost my new one for the moment 😫

That looks far from the ideal solution...

2 hours ago, welshblue said:

You could use Spoked Wheel to work out the angles quickly.  Render the wheel to your settings, Slightly modify with 3 central lines on a new layer ... delete the central axle > merge the lines to the circle > fill each section with your desired colour.  Draw your gradient on a new layer.  Play with Blend Modes

 

spoked-wheel.png

... and take more care than me when centering the conical gradient

I can't understand your directions, and the image provided has no gradient between colors

19 minutes ago, TrevorOutlaw said:

 

EXAMPLE.png

 

This was done using pyrochild's Gradient Mapping Plugin.  If you want, I can post you a video on how to acheive it.  Quite easy.

This is a great solution here!
It took a while to figure out the plugin (7 minutes) but after that it made perfect sense!

Share this post


Link to post
Share on other sites
25 minutes ago, KidBrine said:

Results using pyrochild's Gradient Mapping Plugin
ij7U1KE.png

Your result looks like what you would get if you used the Effect>Render>Color Wheel on a square canvas and zoomed in with Layers>Rotate / zoom until the edge of the color wheel met the corner of the canvas space. Anyway I now understand what you where trying to achieve.

Share this post


Link to post
Share on other sites
55 minutes ago, HyReZ said:

Your result looks like what you would get if you used the Effect>Render>Color Wheel on a square canvas and zoomed in with Layers>Rotate / zoom until the edge of the color wheel met the corner of the canvas space. Anyway I now understand what you where trying to achieve.

The render option "color wheel" doesn't seem to be built into paint.net

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.