퀵가이더
퀵가이더
로그인
카테고리

피그마 기초강의 Rectangle 사각형 도구

도형 만들기 툴 바의 shape tools에서 'Rectangle'을 선택하거나 단축키 R을 눌러 사각형을 그릴 수 있습니다.

좋아요
1
학습횟수
103
1. 강의 소개

피그마 홈페이지에 접속하세요. 가이드를 따라한 후에 [다음]를 클릭하세요.


2. 새 디자인 파일 열기

화면 오른쪽 상단에 있는 [Design file]을 클릭하세요.


3. [학습목표]

사각형을 그리고, 다양하게 변형해봅시다. [다음]을 클릭하세요.


4. ① 사각형 그리기

① [Rectangle]을 클릭한 후 ② 캔버스에 마우스를 [클릭]하세요. 100*100 크기의 정사각형이 그려집니다.


5. [Shift]+사각형 그리기

① 사각형 단축키[R]을 클릭한 후 ② [Shift] 키를 누르면서 드래그하세요. 정비율의 사각형이 그려집니다.


6. [Alt]+드래그

① 사각형 단축키[R]을 클릭한 후 ② [Alt]키를 누르면서 드래그하세요. 도형의 가운데를 중심으로 사각형이 그려집니다.


7. [Alt]+[Shift]+드래그

① 사각형 단축키[R]을 클릭한 후 ② [Alt]+[Shift]를 누르면서 드래그하세요. 중심에서 정비율로 그려집니다. ③ 150⨯150사이즈의 사각형을 그리세요.


8. ② 회전하기

도형의 모서리 바깥쪽을 드래그하여 회전시키세요. 이때, [shift]키를 같이 누르면 15도 단위로 회전할 수 있습니다.


9. 회전 각도 변경

디자인 패널의 Rotation에 '0'을 입력하세요. 다시 원래의 모습으로 돌아갑니다. 이렇게 숫자를 직접 입력해서 각도를 변경할 수 있습니다.


10. ③ 코너 둥글기

도형 안쪽에서 [Radius조절점]을 드래그하여 코너의 둥글기를 변경하세요.


11. 디자인 패널에서 코너 둥글기

①[Independent corners] 아이콘 클릭 ②숫자를 입력하세요


12. 결과 보기

그려진 사각형의 형태를 확인하세요. 이렇게 디자인 패널에서 숫자를 직접 입력하면 코너마다 둥글기를 각각 다르게 그릴 수 있습니다.


13. Fill패널의 색상선택하기

원하는 색상을 선택하세요. 예) 46ACC2 를 직접 입력해도 됩니다.


14. 외곽선 그리기

Stroke패널의 [+]를 클릭하세요.


15. 외곽선 굵기 변경

'1'에 '5'를 입력하세요.


16. [마무리]

다양한 방법으로 사각형을 그려보았습니다. 다음 강의 [선 도구]를 배워봅시다. 수고하셨습니다!!


피그마 기초강의 Rectangle 사각형 도구

도형 만들기 툴 바의 shape tools에서 'Rectangle'을 선택하거나 단축키 R을 눌러 사각형을 그릴 수 있습니다.

슬라이드 보기 (총 16장)