본문 바로가기

기획/Adobe XD

[Adobe XD 기초] 제작한 파일 내보내기

XD 에서 제작한 파일은 기본적으로

 

Shift + Ctrl + E ( 선택한 아트보드 전체 내보내기 ) 

또는 Ctrl + E ( 선택한 아트보드 내보내기 )

또는 모든 아트보드 내보내기 (별도 선택) 

으로 오프라인 상에서 내보내기가 가능하며, 

 

내보내기의 방식은 

PNG, SVG, PDF, JPG 포맷과 

 

대상으로는 

디자인, 웹, iOS, Android

 

그리고 선택한 내보내기 방식 및 대상에 따라 디자인작업사양이 1배수 (1x) 부터 3배수, 

또는 ldpi부터 xxxhdpi 와 같이 내보내기가 가능합니다.

 

이렇게 쓰면 이해가 어렵지않을까.. 싶은데 창은 의외로 간단합니다.

위에서부터 선택하고 내려오면서 옵션의 변경상태를 보면 이해가 조금 더 쉬워요. 

이전에 포스팅한 UI KIT 중에서 아트보드 하나를 추출해보면서 살펴보도록 하죠. 

[Adobe XD] 기초. UI Kit 둘러보기

 

[Adobe XD] 기초. UI Kit 둘러보기

최근 일이 너무 많아서 업로드를 해야지.. 해놓고 업로드 할 거리들을 제목창에 정리만 하고 있었다. 우선 'Adobe XD 관련해서 어떤 주제로 어떻게 포스팅을 진행할까' 라는 고민을 하다가, 처음 사

jaehyunshin.tistory.com

이걸 하나하나 잘라서 다시 업로드는 해야겠어요. 너무 많아서, 찾아다니기 귀찮기도 한데, 한번에 다 열려면 컴퓨터 메모리가 왠만해서는 벅찰것 같아요.

 

우리는 이제 여기에서 Material Theme라는걸 png 형태로 추출할겁니다. 

(요새는 호환이 잘 맞아서 그런지 선택 하고, ctrl+c,v 하면 카카오톡에서도 나타나더라고요. 좋은 세상입니다.)

 

1. 내보내기 하고 싶은 아트보드 선택

 

아트보드가 아닌 각 요소를 선택해서 내보내실 수도 있어요. 이때엔 가급적 폴더를 지정해주시면 혼란이 덜옵니다!

( shift를 누르고 다른 아트보드 선택시 복수 아트보드 선택 가능해요) 

2. Ctrl + E 를 눌러 내보내기 창을 띄웁니다. 

3. 그리고 내보낼 포맷, 대상, 사양, 위치를 지정해준 다음에, 내보내기를 누르면

같은 이름의 파일이 있는 경우에는 대체할지 여부를 물어봐요. 

4. 추출 완료!

복사해서 붙여넣었을때와 다르게, 확장자명이랑, 이미지 형태가 다른걸 볼 수 있어요.

이렇게 내보내기한 파일들을 잘 정리해서 전달하면 됩니다. 

 

1. 내보내기할 대상(들) 선택

2. 내보내기

3. 사양, 포맷, 위치 선택

4. 내보내기 완료

 

쉽죠?

 

이미지 파일을 공유할 때 다른 방법들이 많기는 해도, 상대방이 보고 따라올 수 있어야 할 경우가 많고, 그런 경우에는 우리가 원하는 대로 파일을 전달 할 수가 없으니, 상대방이 선호하는 파일형식에 맞춰주는 방법도 이렇게 알아두면 좋습니다. 

 

수고하셨습니다.