Adobe XD에서 레이어 보기, 제작, 그룹화, 잠그기, 숨기기 및 이동하는 방법에 대해 학습합니다.

Adobe XD의 레이어는 사용자들에게 친숙하고 많이 사용되는 Adobe Illustrator 및 Adobe Photoshop의 레이어가 적용되는 동시에 UX 디자이너를 위해 새롭게 단장되었습니다. 현재 작업 중인 아트보드와 관련된 레이어만 강조 표시되므로 패널에서 잡다한 내용이 사라지고 깔끔한 상태를 유지하게 됩니다. 내 문서의 모든 아트보드를 볼 수 있으며 필요한 경우 레이어 패널에서 특정 아트보드를 즉시 이동하거나 확대/축소할 수 있습니다. 아트보드를 더블 클릭하면 해당 아트보드와 관련된 레이어만 표시됩니다. 레이어 순서 변경, 이름 변경, 표시/숨기기, 잠그기/잠금 해제 작업을 쉽고 빠르게 할 수 있습니다.

단축키 Command + Y(Mac) 또는 Ctrl + Y(Windows)를 사용하거나툴바에서  아이콘을클릭합니다.

레이어
“Tastebuds”로 명명된 아트보드의 레이어

레이어 패널에서 레이어 이름으로 검색하거나 텍스트, 모양 및 이미지 범주별로 레이어를 필터링할 수 있습니다. 검색 환경은 레이어 구조(예: 확장 그룹)를 배제하고 키워드가 포함된 관련 레이어 및 아트보드만 표시하도록 최적화되어 있습니다. 에셋 패널에서와 마찬가지로 간편한 액세스를 위해 최근 검색한 키워드가 필터 드롭다운 목록에 임시 저장됩니다.

검색 기능은 또한 자동 애니메이트를 통해 문맥에 맞는 레이어 이름 지정 관리 작업을 간소화합니다.

레이어 패널에서 검색
레이어 패널에서 검색
유형별 검색 필터링
유형별 검색 필터링

기본적으로 프로젝트의 각 오브젝트는 해당 레이어에 위치합니다. 예를 들어 사각형을 그리면 이 사각형에 대한 레이어가 새로 생성됩니다. 이어서 다른 사각형을 그리면 “사각형 2”라는 이름의 레이어가 별도로 생성됩니다. 

아트보드에서 오브젝트를 그룹화하면 레이어 패널에서 그룹화된 이 오브젝트에 해당하는 레이어도 그룹화됩니다. 부울 작업을 통해 오브젝트를 결합하면 오브젝트의 레이어는 해당 부울 작업의 이름을 갖는 단일 레이어로 대체됩니다.

레이어 패널을 통해 레이어 그룹화, 이름 변경, 복제, 내보내기 등 레이어를 관리할 수 있습니다.

  • 레이어를 그룹화하려면 여러 레이어를 선택하고 마우스 오른쪽 버튼을 클릭한 다음 컨텍스트 메뉴에서 [그룹]을 선택합니다.
  • 레이어의 이름을 변경하려면 해당 레이어의 이름을 더블 클릭하고 새 이름을 입력합니다. 다음 레이어 또는 아트보드 이름을 계속 편집하려면 Tab 키를 누릅니다.
  • 레이어를 복제하려면 레이어를 마우스 오른쪽 버튼으로 클릭하고 [복제]를 선택합니다.
  • 레이어를 숨기려면 해당 레이어 위로 마우스를 가져다 대고 를 클릭합니다. 레이어를 표시하려면 를 클릭합니다. 숨겨진 레이어는 아트보드에서 표시되지 않습니다.
  • 레이어를 잠그려면 해당 레이어 위로 마우스를 가져다 대고 를 클릭합니다. 레이어를 잠금 해제하려면 를 클릭합니다. 잠긴 레이어는 아트보드에서 수행하는 모든 편집 작업에서 제외됩니다.
  • 레이어를 내보내려면 레이어를 선택하고 마우스 오른쪽 버튼을 클릭한 다음 [내보내기]를 선택합니다. 표시되는 대화 상자에서 내보내기 옵션을 선택합니다. 
  • 레이어 또는 레이어 그룹을 사용하여 심볼을 제작하려면 레이어를 마우스 오른쪽 버튼으로 클릭하고 [심볼 제작]을 선택합니다. 자세한 내용은 심볼을 사용하여 작업을 참조하십시오.
  • 레이어를 삭제하려면 레이어를 마우스 오른쪽 버튼으로 클릭하고 [삭제]를 선택합니다.

참고:

레이어 패널을 사용하여 아트보드를 간편하게 관리할 수 있습니다. 예를 들어 레이어를 사용하여 작업할 때 Esc 키를 누르면 레이어 패널이 아트보드 보기로 전환됩니다. 레이어 패널에서 아트보드 이름을 마우스 오른쪽 버튼으로 클릭하고 아트보드를 복사, 붙여넣기, 복제, 이름 변경, 삭제 또는 내보내기를 할 수 있습니다.

아트보드에는 없고 페이스트보드에만 위치한 오브젝트는 레이어 패널의 “페이스트보드”에 그룹화됩니다.

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

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