XD기능활용하기

1. 시작 : 새파일 - 아트보드 타입 선택

2. 주요 작업화명 : 

• 디자인
• 프로토타입
• 공유

아트보드 생성

• Ctrl + N : 아트보드 선택 
• 사이즈 선택 및 설정 안할 시 전체 페이지 영역
• Ctrl + D : 아트복드 복사 : 아트보드 제목 선택 후 Ctrl + D
• 제목 변경 : 더블 클릭 후 변경 가능

아트보드 삭제

• 제목 선택 후 Del키

아트보드 이동 및 화면 조절

• Ctrl + 0 100%보기
• Ctrl + + 또는 스크롤로 확대 축소
• 스페이스 누르고 이동하면 화면 이동

---

다양한 도형만들기

• shift +  드래그 : 정원 정사각형
• shift + Alt  중앙 기준점
• alt + shift  + 드래그 : 선택 오브젝트 복사
• 선택 후 alt : 마진 및 위치 확인 가능

• 변형 : 사이즈, 위치, 각도
• 수평, 수직 대칭
• 컬러 : 채우기 + 테두리 

 

모서리 점 드래그 : 라우드 사각형 

모양 : 설정 가능

 

 

 

 

 

 

 

---

도형그리기

• 사각형, 원형, 삼각형 또는 각도 설정으로 그리기 가능

---

선그리기

• 테두리 : 크기, 대시, 간격 설정
• 꼭지점 설정 

---

펜도구와 패스 기능

• 디자인 도구창 > 펜 선택 > 꼭지점 찍으면서 드래그, 마지막에 더블클릭 연결해야함.
• 패스 : 꼭지점 선택 하여 드래그 : 패스가 나타나고 드래그 하여 곡선을 그릴 수 있음.
• 패스 삭제 : 패스 선택 후 더블 클릭 > 삭제 됨. 또는 선택 후 Del 키
• 패스 선택 : 선택 툴로 더블클릭 하면 나타남

---

컬러 : 채우기 (면) + 테두리

• 단색
• 선형 그레디언트
• 방사형 그리디언트
• 각도 그레디언트 

색 선택 : 헥사코드와 스포이드 이용

• 밝기
• 컬러
• 투명도
• + 선택하여 색상바에 즐겨찾기 추가
• 즐겨찾기 색상 삭제 : 박스밖으로 드래그
• 체크 해제 : 채우기, 테두리 설정 해제

연결선 설정 : 연결선 설정 가능 : 모서리 둥글게, 안쪽으로, 각형으로...

그림자 

• 효과 옵션 > 내부 그림자와 그림자 이용
• X, y, 그림자 경계선의 흐림정도 (두께)
• 배경흐림효과 : 배경이 베치는 정도에 따라 불투명 효과 지정
• 오브젝트흐림효과 : 오브젝트 자체에 블러 처리

---

오브젝트 정렬

• 선택 : 전체 선택 드래그 또는 shift + 선택
• 옵션 창 상단  정렬 메뉴 
  • 수평정렬, 배분
  • 수직정렬, 배분

• Z 순위  : Ctrl + ] or [
• 맨앞으로 : Shift + Ctrl + ]
• 맨뒤로 : Shift + Ctrl + [

레이어보기 : ctrl + y 

• 레이어 z 값 순위 변경 가능
• 내보내기 : ctrl + E
• lock
• 감추기 기능

---

오브젝트 추가, 빼기, 교차, 오버랩 제외하기

이 기능을 이용하여 다양한 모양을 만들 수 있다. 

 

순서대로 

• 합치기
• 빼기
• 겹침
• 나머지

---

이미지 불러오고 편집하기

이미지 불러오기 or 가져오기
Ctrl + shift + I

• 탐색기에서 드래그 하면 가져와 진다.

• 도형안에 드래그 하면 자동으로 마스크가 적용 됨
• 변형 > 키 선택 > 같은 배율로 축 / 확대 됨.
• 세로/가로 뒤집기 
• 스크롤을 이용하여 크롭 할 수 있다.

투명도와 혼합모드

• 포토샵의 이미지 색상 모드의 기능이 있음.
• 두 이미지의 컬러값의 조합 가능
• 투명도 조절가능

---

텍스트 사용하기

도구 > T 텍스트 선택

텍스트 옵션

• 폰트
• 크기
• 굵기
• 자간
• 줄간격
• 단간격
• 정렬 : 수평정렬, 높이자동정렬
• 유형 : 대문자, 소문자, 대소문자, 위/아랫첨자, 아랫선, 중간선
• 컬러 : 채우기, 테두리
• 모양 적용 : 동일
• 크기조절 : 하단 포인트 드래그 하면 사이즈 조절 됨

---