View

300x250

피그마에서 디자인을 하면서, 처음에는 이런 모양의 그래프를 그리고 싶었다.

Untitled.png

근데, 생각보다 이걸 만드는게 잘 안보이더라. line에서 곡선을 사용해서 만들려고 하니 뭔가 계속 울퉁불퉁한 원이 되어버리고, path를 사용해서 그리자니 더 이상하고. 흠…

뭔가 방법이 있을 것 같아서 찾아봤더니, 실제로 있더라! 아래같은 방법으로 진행하면 되는거였다. 나는 몰랐지.. 이리 쉬운건지 ㅋㅋㅋ 작년에도 똑같은 디자인을 했던 적이 있었는데, 한 번 찾아보고 할 걸 그랬다. 작년에는 path 가지고 울퉁불퉁하게 대충 원 따라 만들었던 것 같은데,,

  1. ellipse 원을 그려준다.

Untitled.png

  1. 오른쪽에 있는 arc를 당겨 원하는 각도를 만들어준다.

Untitled.png

  1. 가운데 ratio를 당겨서 원하는 폭을 만들어준다.

Untitled.png

  1. 각도를 원하는 방향으로 돌려준다. 단순히 각도로 돌리기 기능을 사용하는 것보다, 원 속성의 각도를 사용하면 네모 박스를 깨지 않고 도형을 돌릴 수 있다!

Untitled.png

열심히 공부했지만, 이렇게 생긴 그래프가 최종 디자인에서는 빠져버렸다… ㅎㅎ 그래도 곧 어딘가에 다시 쓸 수 있지 않을까 싶다.

320x100
Share Link
reply
반응형
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31