[Figma] 4강 다각형 도형툴과 선툴 - 오쌤의니가스터디

 

 

 

 

 

 

 

** 영상으로 보실 분은 아래 주소를 클릭해주세요.

https://www.youtube.com/watch?v=YM0XDC2Kdlc 

 

 

 

 

 

 

 

 

1. 다각형 도형으로 이스라엘 국기 만들기

1) 다각형 도형 만들기

복제할때는 [Alt/option]을 누르면서 드래그하세요.

- 다각형은 도형툴에서 삼각형 모양의 [polygon]을 선택하면 됩니다.

- [Design]패널의 각형 조절하는 곳에서 숫자를 변경하면 위의 영상처럼 각형이 변경됩니다.

- 다각형도 모서리 둥글기가 처리되니 위젯이나 디자인패널에서 변경하면 됩니다.

 

빨갛게 표시해놓은 곳에서 각형 숫자 작성하면 됩니다.

 

 

 

 

 

 

 

 

 

2) 별형 도형 만들기

복제할때는 [Alt/option]을 누르면서 드래그하세요.

- 별모양은 별 개수와 깊이 조절이 가능합니다. 

- 그리고 역시 모서리둥글기도 처리가 가능합니다.

 

1번 모서리둥글기, 2번 각 개수 설정,    3번 깊이 조절

 

 

 

 

 

 

3) 이스라엘 국기 만들기

a) Frame을 [300x200]으로 처리 후 배경색 흰색처리, 이름을 [4_Israel Flag]변경합니다.

 

 

b) 사각형을 [300x30]짜리 면색만 파란색으로 위아래로 처리합니다.

 

 

c) 삼각형의 크기는 적당하게 처리해서 면색없애고, 선색은 같은 파란색 7로 처리합니다.

 

 

 

d) [Ctrl/Command]+[D]로 복제하여 [180도] 회전처리합니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

728x90

반응형

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. 선을 통한 원버튼 그리기

1) 선 끝(cap) 처리

- 사각형(square) 혹은 원형(round)로 처리됩니다.

- 사각형의 모서리를 둥글게 하는 것은 위젯을 당기면 됩니다.

 

 

 

 

 

 

 

2) 화살표처리

- 선끝처리할때 모양을 선택하면 됩니다.

 

 

 

 

 

 

 

 

3) 점선그리기

- 점선은 선끝모양 그릴때의 [...]아이콘을 눌러서 처리합니다.

- [stroke style]에서 [solid]는 실선이고, [dash]는 점선입니다.

- [dash]는 선의 길이고, [gap]은 선과 선의 빈공간을 의미합니다.

선 상세 옵션 패널

 

 

 

 

 

 

 

4) 선을 이용한 원버튼 그리기

 

 

 

 

 

 

 

 

 

 

 

 

** 완성파일은 [피그마 커뮤니티]에서 찾아보세요.

1) 피그마 앱에서 커뮤니티를 누릅니다.

 

 

2) 검색창에 [ossam]이라고 검색합니다.

 

 

 

 

3) 도형툴완성을 더블클릭합니다.

 

 

4) [duplicate]버튼을 눌러 개인 작업창으로 복제해옵니다.

 

 

 

 

 

 

** 피그마웹에서 찾는 법

- [figma.com/@ossam]을 검색하면 찾을 수 있습니다.

검색이 잘되는 것을 확인할 수 있습니다.