Radial Ui Selection Arrow

Help and Feedback Art Design Support
#1

I have a radial ui (doesnt look TOO radial but it is) that looks like this. It looks a little empty right now, so i want to add an arrow in the center that points to the selected slots, I can code this without issues, but I have no idea how I would make the arrow.

image
image817×662 45.3 KB

This is the concet I have nicely crafted:

image
image775×594 27.6 KB

I need the imge of the arrow to take up that whole inner grey cirlce, but only the black part will be visible. this is so i can rotate the immage and the arrow will move on the outside. see how its like curved frtom the inside like the grey circle, and it points outwards ncie and smooth. i have no idea how to make it and I apprecieate any help!

#2

step 1: enter into drawing sofware of choice

step 2: draw circle in the middle of the canvas

step 3: make new layer

step 4: make arrow on new layer

step 5: remove circle

Now you have your image… all you need to do is import it into studio and make sure the origin(?) of the image is in the middle so that when you rotate it around it moves the way you want it to.

#3

yes i figured i could do that, but i dont want to freehand the image, i want it perfect. are there any tools you know of that i can use?

#4

oh! yeah sure. https://www.photopea.com/

use the ellipse tool and hold down shift to make a perfect circle
image

then you can use the move tool
image
to move the circle to the middle if its not already. the circle should snap to the middle once you get close enough.

Screenshot 2024-11-23 132400
Screenshot 2024-11-23 132400740×665 29 KB

the new layer tool is at the bottom right
image
then from here you could either play with the symmetry tool or the vector tool. (I kinda ran outta time writing this so sorry for lack of more instructions)