Mobile app version of vmapp.org
Login or Join
Bryan765

: How to create a donut shaded with a gradient We need to create a donut (=a torus) with a gradient along its length Basically we want to take this rectangle and wrap it around and make

@Bryan765

Posted in: #Color #Gradient

We need to create a donut (=a torus) with a gradient along its length Basically we want to take this rectangle



and wrap it around and make it a tube, then connect it end to end to create this torus (but with the black color in the center of the surface, not on the inside as in this picture)



Actually we do not need a 3D torus, only a circular ring shaded like a torus. I would appreciate any suggestions on how to create such a graphic.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Bryan765

3 Comments

Sorted by latest first Latest Oldest Best

 

@Samaraweera207

Have you perhaps thought about trying Inkscape(dot)org - like GIMP it's also free and Open Source.

Draw a circle, set a wide stroke size, no fill, colour the stroke blue.

Copy it, and Paste in Place, then colour the stroke black, reduce the width of the stroke, and apply some blur.

10% popularity Vote Up Vote Down


 

@Turnbaugh909

You can apply a radial gradient to the stroke of a vector layer in Photoshop.



Or a reflected gradient as a layer style stroke using the Shape Burst option:



. . . the Layer style is a bit easier to apply and edit if necessary.

10% popularity Vote Up Vote Down


 

@Becky351

Make a three stop radial gradient and fill your ring with it. (I'll add soon images)

ADDENDUM That was actually not a good idea, because the same method is meanwhile appeared in another answers. Here's something else:


Have a square image with a white layer. Let the image have pixel dimensions 200% of the wanted ring diameter. Draw a horizontal rectangular selection just at the middle of the image and fill it with black





Let the selection stay, make a gaussian blur, so heavy that the black just lightens a little in the middle, too. The blur is now a gradient.





Let the selection stay. Take the curves tool and adjust the steepness of the gradient to resemble a straight tube:





Remove the selection Goto Filter > Distort > Polar coordinates > Rectangular to Polar





Take the magic wand. Select the white and press DEL. Be sure you have the tolerance = 0 or 1 and antialiasing =ON. Before deleting you can goto selection menu and contract the selection if you want to save more white. Otherwise the pure white is removed.




ADD2: I just read you are programmers. Then you should have no problems to implement the following radial brightness:



Bx = Brightness (0...255) at the edge

Bm = Brightness at the middle of the ring

R1 = internal radius

W = radial width of the ring

h = roundness exponent, positive, start with h=1

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme