Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How can I make a gradient around a circle?

Explorer ,
Mar 11, 2019 Mar 11, 2019

Hi folks!

I have a dumb question -- how can I make a gradient around the circumference of a circular shaped object?

Here's an example -- I want to make a gradient that is black and white and goes linearly around the inside of this shape:

wheel.PNG

Is there a way to make this happen?

6.7K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 11, 2019 Mar 11, 2019

Make a gradient left to right:

Use polar coordinates to bend the gradient:

If you used a Smart Object, rasterize it and rotate the gradient 180, then add a layer mask to confine the gradient to your shape.

Translate
Adobe
Community Expert ,
Mar 11, 2019 Mar 11, 2019

If you could post example to ensure what you exactly want to achieve. Perhaps Stroke inside can do the job? You can add multiple strokes by the way. Bottom stroke should be thicker.

Here is example of red and white strokes inside applied for the effect against black background.

doubled stroke around shape.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 11, 2019 Mar 11, 2019

Make a gradient left to right:

Use polar coordinates to bend the gradient:

If you used a Smart Object, rasterize it and rotate the gradient 180, then add a layer mask to confine the gradient to your shape.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 11, 2019 Mar 11, 2019

Chuck, just thinking that there is an Angle Gradient option in the Gradient options.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 11, 2019 Mar 11, 2019

That works also, Trevor.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 11, 2019 Mar 11, 2019
LATEST

I did this a little differently. 

First I selected the area and filled it with black using the Paint Bucket tool.

I duplicated the layer with Ctrl / Cmd + J.

Then I double-clicked  the topmost layer to open the Styles Panel and added a Gradient Overlay.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines