728x90
반응형
1. 모서리 둥근 사각형만들기
★ 사각형 안쪽 모서리 위젯당기기
- [홈]화면에서 사용자 정의 크기로 300x300짜리 아트보드 생성
- [사각형]툴 클릭 후 아트보드에 임의적으로 드래그 후 [150x50]사이즈로 변경
- 사각형 도형에 보이는 4개의 위젯중 한개를 안쪽으로 드래그
- 드래그 한만큼 모서리 처리
★ 옵션패널에서 모서리 둥글기를 한번에 수정
- 도형을 선택 후 옵션패널에서 모서리 둥글기를 수치로 지정
- 왼쪽 버튼을 클릭하면 4방면 모서리 모두 한번에 조정
★ 옵션패널에서 모서리 둥글기를 4방면 각각 지정
- 오른쪽쪽 버튼을 클릭하면 4방면 모서리 모두 한번에 조정
2. 모서리 둥근 사각형을 이용한 배터리 표시 제작
★ 완성이미지
★ 제작하기
- [홈]화면에서 사용자 정의 크기로 300x300짜리 아트보드 생성
- 옵션패널에서 아트보드의 [채우기]색상을 검정색으로 변경
- 아트보드에 사각형을 드래그 후 크기 수정 및 아트보드 가운데 정렬
- 가로: 200, 세로 100
- 모서리둥글기 : 15
- 채우기 : 체크해제
- 테두리 : 흰색, 10
- 사각형 도형 드래그
- 가로: 15, 세로 70
- 모서리둥글기 : 5
- 채우기 : 흰색
- 테두리 : 체크해제
- 선택툴로 선택 후 [Alt] + [드래그]로 복사하면서 간격 조절
728x90
반응형
'웹언어 > Adobe XD' 카테고리의 다른 글
| [Adobe XD] 7강 다각형 도형만들기 (0) | 2020.03.04 |
|---|---|
| [Adobe XD] 6강 원형 도형만들기 (0) | 2020.03.04 |
| [Adobe XD] 4강 사각형 도형만들기 (0) | 2020.03.04 |
| [AdobeXD] 3강 그리드 설정 (0) | 2020.03.04 |
| [AdobeXD] 2강 가이드 설정 (0) | 2020.03.04 |
