Jump to content
rtloon

How to center a radial fill in a circle?

Recommended Posts

I am trying to create a radial fill that is centered in a circle.

 

When I create a circle, give it a fill, and change the fill from linear to radial, the center of the fill is vertically centered, but horizontally it is at the left edge of the circle. I have tried to adjust the variables in the gradient fill dropdown dialog box, but can't find a way to change the horizontal center point of the radial fill to the circle center point. 

 

Anyone figured this out? It is the default position on most apps that support radial fills, so I figure there's a way.
Or does it need to go on the request list?

Share this post


Link to post
Share on other sites

If you use the gradient tool you can move one of the points (physically) and center it with snapping activated.

 

EDIT: I find that it starts in the center if I check radial before I use it.


- Affinity Photo 1.6.7

- Affinity Designer 1.6.1

 

MacBook Pro 8 GB
High Sierra 10.13.6

Share this post


Link to post
Share on other sites

I'm not sure if I am comprehending you issue correctly. But, if I make a circle, change the fill mode to gradient, then radial fill. Then select the Fill Tool, there is a small button on the top that rotates the gradient. Is that what you were asking for? I was using Designer, I didn't check to see if the command was the same in Photo.

Share this post


Link to post
Share on other sites

crabtree: Rotation wasn't the issue, the position of the center of the radial gradient was the issue.

 

I found that Madame's second suggestion worked. Alternately, creating a circle with a normal fill then clicking on the radial fill option in the swatches palette gives one a centered radial gradient.

 

What doesn't work is starting with a normal fill, choosing "gradient" in the drop down fill menu from the band at the top of the page, which gives you a linear gradient, then switching it to radial, which centers the radial gradient vertically but puts it at the left edge of the circle horizontally.

 

When I enabled snapping I couldn't find a way to drag the center of the radial gradient from the edge to the center of the circle. 

Share this post


Link to post
Share on other sites

Hi rtloon,

 

I believe your issue depends on the snapping settings. Once you select “Snap to Object Bounding Box” as well as “Include Bounding Box Midpoints” you can snap your gradient handles to the center of your circle (i.e. to the center of the bounding box of the circle that is coincident with the center of the circle).

 

Hope that helps …  :)

Alex

Share this post


Link to post
Share on other sites

Alex:
My issue was even more basic. I hadn't discovered the fill tool in the toolbar: having only been aware of a less complete set of tools in the fill dropdown menu. Thanks to your mentioning of "gradient handles" I discovered it.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×