[Adobe XD] 9강 선그리기, 테두리설정

 

 

 

 

 

 

 

 

 

 

1. 선의 옵션 설정하기

★ 선의 단면(caps) 설정하기

- [선툴]을 선택하여 선을 그리고 옵션패널의 단면 옵션을 변경하면 위처럼 표시 

 

 

 

 

 

 

 

 

 

 

★ 테두리의 모서리(corners) 설정하기

- [사각형]툴로 사각형을 그린 후 옵션 패널의 모서리 설정 변경

 

 

 

 

 

 

 

 

 

 

★ 테두리의 선정렬(align) 설정하기

- [사각형]을 똑같은 사이즈로 3개 그린 후 옵션패널에서 선정렬 옵션을 변경

- 패스선의 안쪽, 바깥쪽, 가운데로 처리되서 실제 사이즈가 다르게 보임

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. 점선그리기

★ 대시와 간격을 이용한 점선 그리기

- 대시와 간격을 동일하게 처리

 

 

 

 

 

- 대시와 간격을 다르게 처리

 

 

 

 

 

 

 

 

 

★ 단면까지 이용한 원형 점선 그리기

- 단면을 [원형단면]으로 바꾸면 원형 점선을 만들 수 있다.

 

 

 

 

- [대시]를 길게 하여 라운드형 점선처리

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. 도형과 점선을 이용한 가위선그리기

★ 완성이미지

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

★ 제작하기

- 아트보드 [300x300]사이즈로 새로 만들기

- 원형도형 선택 후 원형 그리기(20x20)

- 채우기: 체크해제, 테두리: 검정색, 크기: 3

 

 

 

 

 

 

- [다각형]툴 클릭 하 삼각형을 아트보드에 그린 후 선택툴로 더블클릭

- 점이 활성화 되면 3개의 점을 더블클릭하여 방향선 활성화

 

 

 

 

 

- [선택툴]로 삼각형을 조정 후 원형도형에 붙임

- 그룹([ctrl]+[g])으로 묶음

 

 

 

 

 

- 그룹으로 묶은 오브젝트를 복제([ctrl]+[d])

- 옵션패널에서 좌우 반전 처리

 

 

 

 

 

 

- 전체를 그룹([ctrl]+[g])으로 다시 묶음

- 옵션패널에서 아트보드의 가로 가운데에 맞추고, 90도 회전처리

 

 

 

 

 

 

- [선]툴을 누르고 아트보드 가운데에 가위까지 맞춰 그림

- 테두리: 검정, 크기: 3, 대시: 6, 간격: 6, 단면: 원형단명 클릭