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

How can I make a gradient around a circle?

Explorer ,
Mar 11, 2019 Mar 11, 2019

Copy link to clipboard

Copied

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?

Views

5.0K

Translate

Translate

Report

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.

Votes

Translate

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

That works also, Trevor.

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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