[제플린]zeplin -각각의 이미지 포토샵에서 제플린으로 내보내는 방법

 

 

 

포토샵에서 제플린을 내보내기 위해서는

작업 전 새로만들기 문서에서 "아트보드"를 체크 후 새 문서를 만들어야한다.

 

 

만약 그림속 페이스북 버튼을 내보내고 싶다면..

페이스북 버튼 레이어를 클릭한다.

 

- 레이어명이 곧 이미지명이 되기 때문에 잘 정리해 놓아야 한다.

내보내고 싶은 이미지를 클릭 후 제플린 창에서  mark as asset 버튼을 누른다.

mark as asset 버튼 누른 이미지는 파일명 앞에 -e-가 붙는다.

Export selected artboard to Zeplin을 클릭하면 제플린 상에 이미지가 생성된다.

 

내보낸 관련 이미지를 제플린 화면상에서 클릭하면 우측 상단 Assets란에서 이미지를 확인 할 수 있다.

모바일 이미지는 png를 다운받아서 사용하면 된다. ( 각 hdpi/mdpi/xhdpi/xxhdpi/xxxhdpi)를 다운 받을 수 있다.

 

포토샵 작업시 제플린상에서 이미지를 다운 받을 수 있게 하고 싶다면 이 기능을 사용하면 되지만,

스케치와 같이 이미지 추출이 쉬운 프로그램을 사용한다면 직접 스케치로 추출해서 개발자에게 보내주는 것이 편리한 부분도 있다.

 

 

https://20aileen.tistory.com/41

[제플린]zeplin - 디자인 모바일, 웹 가이드 프로그램 사용방법