본문 바로가기

Codinator/Tutorial

코디네이터 기능 파헤치기 4 : 이미지 내보내기 기능 (Export)

 

 

안녕하세요. 위트스튜디오 코디네이터 팀입니다.

곧 CBT 1차가 마무리되고, 약 일주일의 준비기간 후 2차 CBT가 시작될 예정입니다.

일정이 확정되면 다시 한번 공지를 해 드릴 예정이니 많은 관심 부탁 드립니다. :)

 

오늘 소개해 드릴 기능은 '이미지 자동 내보내기' 입니다.(Export)

앱 디자인 작업이 완료된 후에는 이미지를 잘라내어야 하는 무시무시한 작업이 기다리고 있습니다!

각 레이어의 정확한 크기를 눈으로 가늠하고 판단하여 일일이 수작업으로 잘라 내어야 하는데 여간 까다로운 작업이 아닙니다.

더군다나 이미지를 잘라낸 후에도 잘려진 각 이미지의 크기 및 좌표를 확인하여 표기하는 것도 굉장한 번거로운 작업중 하나이구요.

 

이런 류의 번거롭고 노가다성 짙은 작업을 탈피하도록 돕기 위해 탄생된 툴이 바로 코디네이터인데 당연히 도움을 드려야 마땅하겠죠!

그럼 그림과 함께 이미지 내보내기 기능을 자세히 설명해 드리겠습니다.

 

 

 

1. 설리님이 웃고 있는 모바일 앱 디자인이 하나 완성되었습니다. 이제 각 레이어를 이미지로 잘라내어야 합니다.

 

 

 

 

2. 방법은 굉장히 간단합니다. 내보내고자 하는 레이어를 선택하고 'Export' 를 클릭하기만 하면 그만입니다. 

 

 

 

 

3. 이렇게 레이어가 이미지로 변경되어 저장됩니다. 그리고 스타일에 사용된 그림자 등의 효과도 자동으로 영역이 계산되어 크기에 맞게 잘 빠져나옵니다.

 

 

 

 

 

 

 

4. 당연히 모든 레이어를 한꺼번에 내보낼 수도 있습니다. 내보내고자 하는 레이어를 선택하고 'Export'를 클릭하면 폴더선택 창이 나타나며, 폴더를 생성하고 내보내면 그만입니다.

 

 

 

5. 모든 레이어가 이미지로 내보내기 된 모습입니다. 이미지의 이름은 레이어 이름을 그대로 따라가며, 하나의 이미지로 내보내고 싶은 레이어는 '그룹핑' 하여 내보내기를 하면 됩니다.

 

 

 

6. 그리고 내보내진 이미지의 이름과 좌표, 크기 등의 기본 정보는 모두 문서화 되어 함께 내보낼 수도 있습니다.

 

 

 

 

 

이미지 내보내기는 보통 굉장히 번거롭고 반복적인 작업입니다. 이 기능을 더욱 스마트하고 강력하게 발전시켜 오직 창의적인 디자인 작업과 완성도에 집중할 수 있는 시간을 벌 수 있도록 도와드리겠습니다. :)