Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Layers of circular arrow dial markers
#1
I have been using the ofnuts dialmarkers to generate square markers.
Is there any way i can generate a rotating arrow in multiple layers, maybe with similiar concept of the dialmarkers ?
Arrows as such:
https://i.imgur.com/a/4neC9zO

Only tutorial i found out there to create circular arrow is from inkscape: https://www.youtube.com/watch?v=yGFp4EoJi9g
Reply
#2
Create one circular arrow, and then, animate it with ofn-rotate-layers.
  • create circle path (or circle selection),
  • stroke it with paint brush using "Fade>Opacity dynamics" of adequate length
  • add arrow head (Lasso polygon selection, bucket fill).
  • ofn-rotate-layers to create the rotated copies
Base image:

   

Spinner (click for animation)


.webp   SpinningArrow.webp (Size: 276.04 KB / Downloads: 26)

Trick, the fade is from opaque to transparent (at least with the standard Fade Opacity dynamics), so it goes in the direction opposite to the spinner's rotation. So if you do a CW spinner, do a CCW path, or flip the image at some point.
Reply
#3
Going back to arrows such as: https://i.imgur.com/a/4neC9zO You can still get free vectors (although becoming increasing rare) do a search here https://freesvg.org

Apart from opening a SVG as an image, the component paths can be imported from right-click in the paths dock. It might be that one of the pre-made arrows work for you.

More probably you will need to make your own as Ofnuts indicated or just create a suitable icon. I would create a path for this, takes a little practice but you will get there.

Then it is just the same as your previous posts, various ways to make an animation.

https://i.imgur.com/bc0eFgm.mp4
Reply
#4
(01-01-2020, 09:22 AM)Ofnuts Wrote: Create one circular arrow, and then, animate it with ofn-rotate-layers.
  • create circle path (or circle selection),
  • stroke it with paint brush using "Fade>Opacity dynamics" of adequate length
  • add arrow head (Lasso polygon selection, bucket fill).
  • ofn-rotate-layers to create the rotated copies
Base image:



Spinner (click for animation)



Trick, the fade is from opaque to transparent (at least with the standard Fade Opacity dynamics), so it goes in the direction opposite to the spinner's rotation. So if you do a CW spinner, do a CCW path, or flip the image at some point.

Happy New Year everyone... What a decade...  Cool

Ofnuts, can you share the xcf file? At least I can see  what I should expect. Thanks.

(01-01-2020, 09:55 AM)rich2005 Wrote: Going back to arrows such as: https://i.imgur.com/a/4neC9zO  You can still get free vectors (although becoming increasing rare) do a search here https://freesvg.org

Apart from opening a SVG as an image, the component paths can be imported from right-click in the paths dock. It might be that one of the pre-made arrows work for you.

More probably you will need to make your own as Ofnuts indicated or just create a suitable icon. I would create a path for this, takes a little practice but you will get there.

Then it is just the same as your previous posts, various ways to make an animation.

https://i.imgur.com/bc0eFgm.mp4
Thanks for advice Richie. Yup, that's what it looking for, rotational arrows in your last gif but probably with slimmer arrows wings. I'll find one or try to draw it. Happy new year.
Reply
#5
There are Gimp users who use paths for design extensively, not me but I know the basics.

This is not a tutorial, again just some hints at getting started and setting up a canvas, which is half the battle. There will be other ways. Again longer than normal 5 1/2 minutes https://youtu.be/oAnbY4lduoI





Reply


Forum Jump: