재사용 및 사용자 정의 가능한 구성 요소로 디자인을 정확하게 제어할 수 있습니다.

필요 항목

이 샘플 파일에는 이 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 이미지가 포함되어 있습니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.

학습한 내용: 구성 요소를 만들어 다양한 아트보드에서 재사용 및 변경

구성 요소 만들기

  • 아트보드에서 모양과 텍스트 요소를 모두 포함하여 다양한 요소를 선택합니다. 이 첫 번째 인스턴스는 모든 복사본(인스턴스)에 영향을 주는 마스터 구성 요소가 되며, 나중에 마스터 구성 요소를 만들어 봅니다.
  • 선택된 항목을 마우스 오른쪽 버튼으로 클릭하고 구성 요소 만들기를 선택합니다.
  • 레이어 패널에서 구성 요소를 두 번 클릭하여 이름을 지정합니다.

여러 아트보드에 구성 요소 적용

  • 아트보드에서 구성 요소를 선택하고 편집 메뉴에서 복사를 선택합니다.
  • 다른 아트보드를 선택하고 편집 메뉴에서 붙여넣기를 선택합니다.
  • 이 단계를 반복하여 구성 요소의 여러 인스턴스를 원하는 아트보드에 추가합니다.

구성 요소 인스턴스에 이미지 및 텍스트 추가

  • 하드 드라이브에서 일련의 사진을 찾습니다.
  • 사진 중 하나를 XD 문서의 구성 요소 중 하나의 모양 오브젝트로 드래그하여 놓습니다.
  • 또 다른 사진을 구성 요소의 또 다른 인스턴스에 있는 모양 오브젝트로 드래그하여 놓습니다. 이 프로세스를 반복하여 구성 요소의 인스턴스를 원하는 만큼 자유롭게 변경합니다.
  • 구성 요소 인스턴스에서 텍스트 상자를 선택하고 다른 텍스트를 입력합니다.
  • 구성 요소의 또 다른 인스턴스에 있는 텍스트 상자를 선택하고 다른 텍스트를 입력합니다. 이 프로세스를 반복하여 구성 요소의 인스턴스를 원하는 만큼 자유롭게 변경합니다.
09/02/2020

Adobe Stock 컨트리뷰터: anatchant, The physicist, Sander Meertins

발표자: Chris Converse

이 페이지가 도움이 되었습니까?