Adobe XD에서 오브젝트를 이동, 정렬, 배치 및 배열하는 방법에 대해 학습합니다.

오브젝트 이동

다음과 같은 방법으로 오브젝트를 옮길 수 있습니다.

  • 마우스로 오브젝트 드래그 
  • 키보드의 화살표 키 사용
  • 속성 관리자에서 정확한 수학 연산 값(+, -./, *) 입력

Shift 키를 사용하여 하나 이상의 오브젝트가 x축 및 y축의 현재 방향을 기준으로 정확하게 수평 또는 수직 방향으로 이동하도록 오브젝트의 움직임을 제한할 수 있습니다. 

정렬 패널을 사용하여 오브젝트를 상대적 위치로, 즉 다른 오브젝트의 위치를 기준으로 배치할 수도 있습니다.

드래그로 오브젝트 이동

하나 이상의 오브젝트를 선택하고 새 위치로 드래그합니다.

화살표 키를 사용하여 오브젝트 이동

  1. 하나 이상의 오브젝트를 선택합니다.

  2. 오브젝트를 이동할 방향에 해당하는 화살표 키를 누릅니다. 

X 및 Y 좌표를 사용하여 오브젝트 이동

하나 이상의 오브젝트를 선택합니다. 속성 관리자에서 X 및 Y 좌표에 대한 값을 입력합니다. X 및 Y 값을 클릭하고 화살표 키를 사용하여 해당 값을 올리거나 내릴 수도 있습니다.

수학 연산을 사용하여 오브젝트 이동

하나 이상의 오브젝트를 선택합니다. 속성 관리자에서 숫자 값을 허용하는 모든 상자에서 간단한 수학 연산을 수행할 수 있습니다. 예를 들어 선택한 오브젝트를 현재 측정 단위를 사용하여 오른쪽으로 3 단위 옮기고자 한다면 현재 값 다음에 +3을 입력하면 됩니다.

변경 내용을 계산하기 위해 지원되는 수학 연산에는 +, -./, *가 있습니다.


숫자 값을 허용하는 텍스트 상자에서 다음 중 하나를 수행합니다.

  •   현재 값 전체를 수학식으로 바꾸려면 현재 값 전체를 선택합니다.
  •   현재 값을 수학식의 일부로 사용하려면 현재 값의 앞이나 뒤를 클릭합니다.

 

참고:

화살표 키를 사용하는 동안 Shift 키를 누르고 있으면 값이 10px 단위로 바뀝니다.

오브젝트 정렬 및 배치

정렬 패널을 사용하여 선택한 오브젝트를 선택 요소나 아트보드에 대해 가로 또는 세로로 정렬하거나 배치할 수 있습니다.

다른 오브젝트를 기준으로 오브젝트 정렬 또는 배치

정렬할 오브젝트를 선택하고 속성 관리자에서 다음 중 하나의 옵션을 클릭합니다. 

  • 상단 정렬
  • 중간 정렬
  • 하단 정렬
  • 왼쪽 정렬
  • 가운데 정렬
  • 오른쪽 정렬
  • 가로 또는 세로로 오브젝트 배치
가로로 오브젝트 정렬
오브젝트 정렬 (가로)
세로로 오브젝트 정렬
세로로 오브젝트 정렬

아트보드를 기준으로 오브젝트 또는 그룹 정렬

정렬할 오브젝트 또는 그룹을 선택하고 속성 관리자에서 다음 중 하나의 옵션을 클릭합니다. 

  • 상단 정렬
  • 중간 정렬
  • 하단 정렬
  • 왼쪽 정렬
  • 가운데 정렬
  • 오른쪽 정렬

오브젝트를 픽셀 격자에 정렬

오브젝트의 가장자리를 픽셀 격자에 정렬할 수 있습니다. 이를 위해 XD는 요소의 X,Y,W,H 속성에 대한 정수 값을 반올림하여 보다 선명하고 명확한 결과를 보여 줍니다.

오브젝트를 픽셀 격자에 정렬하려면 해당 오브젝트를 마우스 오른쪽 버튼으로 클릭하고 픽셀 격자에 정렬을 선택합니다.

픽셀 격자에 정렬
픽셀 격자에 정렬

픽셀 격자에 정렬한다고 해서 X/Y/W/H 속성이 항상 소수가 되지 않는다는 의미는 아닙니다. 선 및 패스(가운데 선 모양)의 경우 선이 픽셀 상에 명확하게 정렬되도록 하기 위해 X/Y 값이 가끔 0.5 단위로 끝나야 할 때도 있습니다.

XD는 픽셀 미리보기와는 다른 아트보드 그리드를 지원합니다. XD는 픽셀 미리보기를 지원하지 않습니다. XD의 기본 아트보드 그리드는 8픽셀 그리드입니다. 그리드 설정을 변경하여 1픽셀 그리드를 만들 수 있습니다. 자세한 내용은 그리드를 사용하여 아트보드에 요소 배치를 참조하십시오.

오브젝트 배열

Adobe XD에서는 처음에 그려진 오브젝트부터 시작하여 그려진 오브젝트가 연속적으로 누적됩니다.

레이어 패널을 사용하여 다른 레이어의 오브젝트를 선택, 배열 및 이동할 수도 있습니다. 자세한 내용은 레이어를 사용하여 작업을 참조하십시오.

Mac:

오브젝트를 그룹에서 상단이나 하단 위치로 옮기려면 이동하고자 하는 오브젝트를 선택하고 다음 중 적절한 옵션을 선택합니다.

  • 오브젝트 > 배열 > 맨 앞으로 가져오기 - 오브젝트를 모든 오브젝트의 상단으로 이동
  • 오브젝트 > 배열 > 앞으로 가져오기 - 오브젝트를 바로 위에 있는 오브젝트의 위로 이동
  • 오브젝트 > 배열 > 뒤로 보내기 - 오브젝트를 바로 아래에 있는 오브젝트의 아래로 이동
  • 오브젝트 > 배열 > 맨 뒤로 보내기 - 오브젝트를 모든 오브젝트의 하단으로 이동

오브젝트를 Ctrl 키를 누른 상태로 클릭하고 컨텍스트 메뉴에 표시되는 배열 옵션 중 하나를 선택할 수도 있습니다.

Windows:

오브젝트를 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에 표시되는 배열 옵션 중 하나를 선택합니다.

선택한 이미지를 스택의 맨 위로 가져오기
선택한 이미지를 스택의 맨 위로 가져오기
선택한 이미지를 앞으로 가져오기
선택한 이미지를 앞으로 가져오기
선택한 이미지를 뒤로 보내기
선택한 이미지를 뒤로 보내기
선택한 이미지를 스택의 맨 밑으로 보내기
선택한 이미지를 스택의 맨 밑으로 보내기

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책