Richard S. Posted April 29, 2020 Share Posted April 29, 2020 Hi, My brain seems to be blank today, and I'm struggling with the following concept: I want to create a donut shaped loading bar, with a gradient. I need the 12 o clock position to be green, then as it progresses towards the 3 o clock position, it graduates into yellow, then into orange at the 6 o clock position, then into red at the 12 o clock position again. I simply cannot workout how to get the gradient to bend into a circular shape???? Any help appreciated. Thanks in advance. Quote High-End Photographic Prints Link to comment Share on other sites More sharing options...
GarryP Posted April 29, 2020 Share Posted April 29, 2020 (edited) Try using a Conical Radial Gradient Fill in a Donut shape. Edited April 30, 2020 by GarryP Changed Radial to Conical. Richard S. 1 Quote Link to comment Share on other sites More sharing options...
Richard S. Posted April 29, 2020 Author Share Posted April 29, 2020 Yes, that's exactly what I need. Do you have the affinity file you could post - I am seriously struggling on how to do stuff in Affinity Photo, as I have been using photoshop for 25 years I have my green to red gradient created, but cannot work out how to get the gradient's nodes to bend in a circle??? Your example seems to spiral inwards, whereas mine stays in a straight line? Quote High-End Photographic Prints Link to comment Share on other sites More sharing options...
Old Bruce Posted April 29, 2020 Share Posted April 29, 2020 14 minutes ago, Richard S. said: I have my green to red gradient created, but cannot work out how to get the gradient's nodes to bend in a circle??? Your example seems to spiral inwards, whereas mine stays in a straight line? Do as GarryP said and use the Radial Gradient Fill and make the gradient centred on the donut. Quote Mac Pro (Late 2013) Mac OS 12.7.4 Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear. I have never mastered color management, period, so I cannot help with that. Link to comment Share on other sites More sharing options...
lepr Posted April 29, 2020 Share Posted April 29, 2020 21 minutes ago, Richard S. said: Yes, that's exactly what I need. Do you have the affinity file you could post - I am seriously struggling on how to do stuff in Affinity Photo, as I have been using photoshop for 25 years I have my green to red gradient created, but cannot work out how to get the gradient's nodes to bend in a circle??? Your example seems to spiral inwards, whereas mine stays in a straight line? The gradient type in GarryP's image is Conical, not Radial. Richard S. and Seneca 2 Quote Link to comment Share on other sites More sharing options...
Richard S. Posted April 29, 2020 Author Share Posted April 29, 2020 Bruce, as I just said - I have already done that. I created a donut, then changed the fill to radial. Set my 3 colours, but the gradient doesnt look as expected - the gradient is in a straight line. Quote High-End Photographic Prints Link to comment Share on other sites More sharing options...
Richard S. Posted April 29, 2020 Author Share Posted April 29, 2020 Thanks anon - I thought I was going mad for a moment Quote High-End Photographic Prints Link to comment Share on other sites More sharing options...
GarryP Posted April 30, 2020 Share Posted April 30, 2020 Oops. Thanks anon2. Previous post has been edited. Quote Link to comment Share on other sites More sharing options...
firstdefence Posted April 30, 2020 Share Posted April 30, 2020 I think the issue is the sequence you are using. See video below for the issue, this might even be a bug? Not a bug just a realignment problem. conical gradient on doughnut.mp4 Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
Move Along People Posted April 30, 2020 Share Posted April 30, 2020 - firstdefence 1 Quote Move Along people,nothing to see here Link to comment Share on other sites More sharing options...
firstdefence Posted April 30, 2020 Share Posted April 30, 2020 30 minutes ago, haakoo said: @firstdefence If you go to fill/gradienttool and select the conical gradient in your first example can you see the gradient handles being off center? On windows it also would not set from center first but the centerhandle of the conicalgradient is on the edge of the donut and I can drag it to the center of the donut. I see it now, I would have thought it would have positioned it to the centre of the donut but it obviously doesn’t, at least it’s not a bug. Move Along People 1 Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.