Adobe XD에서 에셋을 가져오는 방법을 살펴봅니다.

필요 항목

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

학습한 내용: XD에서 다양한 유형의 에셋을 가져오는 방법

가져오기 방법

다양한 방법을 사용하여 여러 유형의 에셋(JPEG, PNG, SVG, GIF, TIFF, PSD, AI, Sketch 파일)을 XD로 가져올 수 있습니다. 에셋을 디자인에 붙여넣거나 가져오기 명령을 사용하여 가져오거나 폴더에서 XD 문서로 드래그하면 됩니다.

가져오는 에셋은 XD 문서에 임베드됩니다. Photoshop과 같은 프로그램에서 원본 이미지를 편집하더라도 XD 문서에서는 변경되지 않습니다. 또한 다른 파일 유형은 제외하고 JPEG 이미지를 가져오면 원본의 절반 크기로 배치됩니다.

가져오기 명령을 사용하여 에셋 가져오기

  • 파일 > 가져오기(macOS)를 선택하거나 왼쪽 상단에 있는 메뉴를 클릭하고 가져오기(Windows)를 선택합니다.

에셋 변형

  • 이미지를 선택하고 오른쪽에 있는 속성 관리자를 보면 변형 옵션이 있습니다. 종횡비 잠금 옵션을 설정하면 Shift 키를 누르지 않고도 비율을 유지하면서 이미지 크기를 조정할 수 있습니다.
  • 가져온 이미지의 모퉁이를 드래그하여 크기를 조정합니다.
  • 선택된 이미지의 모퉁이에서 모퉁이 위젯을 드래그하여 모든 모퉁이의 모퉁이 반경을 변경합니다.

팁: 각 모퉁이를 개별적으로 둥글게 만들려면 속성 관리자에서 각 모퉁이 옵션을 선택하고 각 모퉁이 값을 변경합니다.

SVG 그래픽 가져오기

SVG(Scalable Vector Graphics)는 어떠한 크기로도 잘 보이는 벡터 또는 그래픽 파일입니다. 붙여넣거나 가져오는 SVG 그래픽은 XD에서 편집 가능합니다.

  • SVG를 가져오려면 파일 > 가져오기(macOS)를 선택하거나 왼쪽 상단에 있는 메뉴를 클릭하고 가져오기(Windows)를 선택하거나 다른 앱에서 만든 SVG 콘텐츠를 붙여넣거나 데스크탑에 저장된 SVG 파일을 XD로 드래그합니다.
  • SVG 크기를 조정하려면 Shift 키를 누른 상태에서 모퉁이를 드래그합니다. 크기 조정이 완료되면 마우스를 놓은 다음 키를 놓습니다.
09/02/2020
이 페이지가 도움이 되었습니까?