[Android] 안드로이드 스튜디오 제플린 이미지 다운 방법

개요

• 재플린에서 아이콘과 이미지 다운받는 방법
• 다운받은 이미지를 안드로이드 스튜디오에서 사용하는 방법

---

방법

 

 

• 재플린에서 다운받고 싶은 아이콘을 클릭한다.
• 나는 뒤로가기 화살표를 다운받고 싶어서 해당 아이콘을 클릭했다.
• 아이콘을 클릭하면 오른쪽에 SVG라고 뜨면서 아이콘을 다운 받을 수 있는 창이 뜬다.
• 다운 받아준다.

 

• 만약 아이콘을 클릭했는데 아무것도 뜨지 않는다면 디자이너가 ‘내보내기’를 해주지 않아서 그런 것이다.
• 디자이너 분께 아이콘 ‘내보내기’ 요청을 해줘야 한다.
• 만약 어도비 XD를 사용한다면 아이콘을 클릭한 뒤 오른쪽 하단에 보면 '내보내기에 대한 표시'가 뜰 텐데 이걸 클릭한 뒤 다시 재플린에 이미지를 재업로드하면 된다.

 

 

• 안드로이드 스튜디오로 들어가서 res > drawable 폴더를 마우스 우클릭 한 다음
• New > Vector Asset 클릭

 

• Local file(SVG, PSD) 클릭
• Path 옆에 있는 폴더 아이콘을 클릭해 준다.

 

• 재플린에서 다운받았던 아이콘이 저장된 경로가 있을 것이다.
• 해당 경로로 들어가서 아이콘 파일을 클릭해 준다.
• 나는 Desktop > drawable 폴더 아래 arrow_left_2.svg란 이름으로 파일이 저장되어 있었다.
• 아이콘 파일을 클릭해 주고, 하단에 OK 를 클릭해 준다.

 

• 파일을 선택하면 위와같이 뜬다.
• Name 부분에서 아이콘의 이름을 작성해 준다.
  • 나는 arrow_left로 수정했다. 꼭 이름을 수정할 필요는 없다.
• 수정을 했다면 Next 버튼을 클릭해 준다.

 

 

 

• 마지막으로 Finish 버튼을 눌러주면 끝!

• drawable 폴더에 arrow_left.xml 파일이 잘 생긴 걸 확인할 수 있다.