Illustrator 자산 내보내기를 사용하여 다양한 크기로 내보내기

예전에는 아이콘을 다양한 배율로 내보내는 것이 정말 골치 아픈 일이었고, 그 작업을 하려면 오후 내내 시간을 다 써버릴 정도였습니다. 물론 5개가 아니라 40개나 50개쯤 되는 더 많은 아이콘을 다룬다고 가정했을 때도 상당한 시간이 걸렸을 겁니다. 이 아이콘들은 제가 팟캐스트 미디어 컨트롤러(스트림 덱처럼 불빛이 많고 작업자가 다양한 음향 효과를 쉽게 누를 수 있는 아이콘이 있는 장치)를 위해 디자인한 아이콘 세트의 일부입니다. 이제 자산 내보내기를 사용하여 다양한 크기로 내보내기를 해보겠습니다.

 

자산 내보내기 패널은 필수 클래식 패널 레이아웃 하단에 있으며, 화살표가 튀어나온 작은 사각형처럼 생겼습니다. 클릭하면 패널이 바로 표시되며, 다양한 형식 요소를 위해 설정할 수 있습니다. 몇 가지를 다시 넣기 위해 잠시 해제하겠습니다.

패널에 보면 "아트워크를 패널로 드래그하여 여러 자산을 생성하고 각 그룹은 자산 옵션으로 추가됩니다. 아트워크를 드래그하거나 Alt 드래그하여 단일 자산을 생성하십시오."라고 되어 있습니다. 예를 들어, 여기 "핑"이라는 단어는 그룹이고 배경은 단일 경로입니다. 이렇게 드래그하면 배경과 "핑" 음향 효과 모두에 대한 자산이 생성됩니다.

 

이것을 실행 취소하고, 이번에는 Mac에서는 Option 키를 누른 채(Windows에서는 Alt 키) 드래그하여 "핑"이라고 부르겠습니다. "두프"는 이미 그룹으로 되어 있습니다. (혹시 궁금해하실까 봐 말씀드리자면, 먼지 쌓인 바닥에 무거운 것이 떨어지는 소리라고 합니다.) 그래서 "두프"라고 하겠습니다. 정말 그 소리 같습니다. 그리고 "하트비트"를 추가하여 "하트"라고 부르겠습니다. 그리고 이것은 "웃음" 소리라서 "웃음"이라고 하고, 마지막으로 "레코드 스크래치"라서 "스크래치"라고 하겠습니다.

 

이제 모든 아이콘이 준비되었으니, 다양한 배율과 파일 형식을 설정하여 내보내기할 수 있습니다. 1배, 2배, 3배 크기와 해상도 독립적인 SVG 복사본이 필요합니다. 배율을 추가하고 2배로 선택하면 접미사가 붙는 것을 볼 수 있습니다. 다시 배율을 추가하고 3배로 설정한 다음, 한 번 더 배율을 추가하여 SVG로 전환하면 해상도 독립적인 자산이므로 불필요한 배율 요소가 꺼집니다.

참고로, 모바일 기기용으로 내보내는 경우 iOS 사전 설정을 클릭하여 필요한 모든 것을 채울 수 있으며, Android도 마찬가지입니다. 설정을 수정해야 한다면 자산 내보내기에 많은 옵션이 있으니 여기서 찾아서 하시면 됩니다. 형식 설정은 여기에 있습니다.

먼저, Shift 키를 누른 채 내보내기할 모든 것을 선택하고 하단의 내보내기 버튼을 누르겠습니다. 바탕화면을 선택하겠습니다. 이제 Finder로 이동하면 모든 아이콘이 바탕화면에 빠르게 내보내기된 것을 볼 수 있습니다.

 

혹시 여러분의 경우 아이콘이 폴더에 있다면, 어떤 상황인지 설명해 드리겠습니다. Illustrator로 돌아가서 자산 내보내기 패널에서 내보내기 버튼 왼쪽에 있는 자산 내보내기 옵션을 클릭하면 하위 폴더 만들기 옵션이 있습니다. 이것을 선택하면 모든 것이 자체 배율로 개별 폴더에 들어갑니다. 만약 여러분의 경우 이 옵션이 체크되어 있다면 그래서 폴더가 생기는 것이니, 원하지 않으면 체크를 해제하거나 원하는 대로 설정하면 됩니다. 자, 이렇게 모든 아이콘이 다양한 크기로 빠르게 출력되었습니다.