[Adobe XD] 4강 사각형 도형만들기

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. 사각형만들기

★ 기본 사각형 만들기

 

- 홈화면에서 [사용자 정의 크기]로 [300x300]짜리 아트보드 생성

 

 

 

 

 

- [사각형툴]을 클릭 후 아트보드에 임의의 사이즈로 드래그

- [사각형툴]단축키 : [r]

 

 

 

 

 

- 옵션패널에서 채우기색상과 테두리 색상 변경, 테두리 굵기는 크기로 조정

 

 

 

 

 

 

★  정사각형 만들기

- [사각형툴]을 누르고 [shift] + 드래그를 하면 정사각형을 그릴 수 있다.

 

 

 

 

 

 

 

- 옵션패널의 [채우기]나 [테두리] 옆의 스포이드를 누르고 다른 오브젝트를 클릭하면 색상을 가져올 수 있다.

- 이때 [테두리] 크기는 못가져오므로 사용자가 수치를 입력

 

 

 

 

 

 

★  중심에서 사각형 그리기

  

- [사각형]툴을 누르고 오브젝트의 중심에서 [Alt] + 드래그하면 중심에서 도형을 그릴 수 있다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. 사각형으로 햄버거 버튼 만들기

 

- 홈화면에서 [사용자 정의 크기]로 [300x300]짜리 아트보드 생성

 

 

 

 

 

 

 

- [사각형]툴을 누르고 아트보드에 드래그 후, 옵션패널에서 가로를 [150]으로 세로를 [50]으로 설정

 

 

 

 

 

 

 

 

 

- 옵션패널의 상단 부분의 [가운데 정렬(가로)]버튼을 클릭하면 아트보드의 가로 가운데 처리

 

 

 

 

 

 

 

 

- 옵션패널에서 [테두리]는 체크해제, [채우기]는 검정색으로 변경

 

 

 

 

 

- [선택툴]을 클릭 후 사각형을 [Alt]+[드래그]하면 오브젝트가 복제

- 한번 더 복제시 기존 간격과 같아지면 위와 같은 그림처럼 보여줌

- [선택툴]단축키 : [v]

 

 

 

 

 

 

- 햄버거버튼을 전체적으로 아트보드의 세로 가운데 처리하기 위해 그룹 설정 후 세로 정렬버튼 클릭