디자인 뽀개기

레이어별로 투명 PNG 저장하는 방법 (포토샵, 일러스트레이터)

Designer Hoya 2024. 7. 27. 19:18

레이어 PNG 저장 / 투명 PNG 만들기 / PNG 개별 저장 / 오브젝트 PNG 저장 / PNG 일괄저장 / 포토샵 PNG / 일러스트레이터 PNG / Save as PNG / Save Layers / Save Object / PNG in Photoshop / PNG in Illustration / Save all layers as PNG at once

 

 

안녕하세요! 그래픽 디자이너 윤호야입니다 :)

 

오늘은 포토샵과 일러스트레이터 상에서

레이어별, 그룹별로 각각 PNG 저장을 쉽고 빠르게 하는 방법을 알려드리고 합니다.

 

아이콘이나 스티커 등 작업을 하시는 분들이라면

한 대지에 여러 그래픽을 작업하실텐데요,

 

하나씩 저장하려면 아주 진이 쭉쭉 빠지겠죠..^_ㅠ

 

오늘 방법은 정말 쉽고 빠르게 한번에 PNG로

테두리까지 딱 맞춰진 투명 배경으로 한번에 슉~ 여러개를 저장할 수 있는 방법입니다!

 

그럼 포스팅 시작하겠습니다 :)

 

 

1. 포토샵에서 레이어별로 PNG 내보내기

포토샵에서 각 레이어별로 아이콘 그래픽 작업을 했다고 가정해보겠습니다.

자, 9개의 레이어가 있는데요. (배경 레이어 제외하고)

한번에 9개의 PNG로 보내버립시다!

 

다른 설정 필요없이 바로

Flie - Export - Layers to Files 를 눌러주세요.

 

저장 될 폴더 선택해주시구요.

 

File Name Prefix 에는 '파일명_숫자_레이어이름.png'로 저장 될 때 '파일명'을 설정해주는 겁니다.

설정 굳이 안하셔도 됩니다.

 

File Type에 'PNG-24' 선택해주시고,

Transparency와 Trim Layers에 체크해주셔야 투명배경에 레이어 크기에 딱 맞춰진 여백으로 저장됩니다.

 

상단의 사진과 같은 세팅으로 맞춰주세요.

 

그러고 'Run' 눌러주시면 됩니다.

 

이렇게 각 레이어가 투명 PNG로 저장이 완료되었음을 확인할 수 있습니다.

모든 레이어를 내보내는 것이다보니 배경 레이어도 별개의 파일로 저장이 되었긴 한데 삭제해주시면 됩니다.

 

 

2. 일러스트레이터에서 그룹별로 PNG 내보내기

자, 이젠 일러스트에서 그룹별로 PNG를 저장해보겠습니다.

 

 

Windows - Asset Export 눌러주세요.

그럼 오른쪽 사진처럼 Asset Export 라는 패널이 만들어지게 됩니다.

 

물론 64개의 그룹을 다 한번에 내보내셔도 됩니다만, 

저는 그냥 설명을 위해서 5번째 줄의 8개 그룹만 PNG 저장해줄게요.

 

원하는 그래픽들을 V키로 다중선택해주시고,

바로 Asset Export 패널의 창에다가 끌어다 떨궈주시면 됩니다.

설정은 해상도만 만져주시면 됩니다.

실제 사이즈대로 작업을 해주셨어도, 혹시나 실물 인쇄를 위해선 해상도를 높여주는 것이 좋습니다.

 

Scale에 있는 서랍을 열어주시면

Resolution (해상도) 를 확인하실 수 있습니다.

 

눌러서 300 ppi (혹은 dpi) 로 설정해주시면 웬만해선 깨지진 않습니다!

 

그 후에, 목록에 있는 Asset들을 클릭하여서 전체 선택해주시면

테두리에 파란색 선이 표시가 되고

그와 함께 Export 버튼이 활성화 됩니다.

 

Export 버튼 눌러주세요.

 

폴더 선택이 혹시 필요하면 폴더선택을 해주시면 됩니다.

 

 

저장이 끝나면 이렇게 저장이 완료되었다고 팝업이 몇초간 열립니다.

 

 

완료되었다니 한번 확인해 볼까요?

폴더로 들어가보시면 이렇게 그룹별로 PNG가 저장된 것을 확인할 수 있습니다.

 

 

자, 오늘은 포토샵과 일러스트 상에서

레이어별로, 그룹별로 PNG 저장하는 방법에 대해 알아보았는데요,

 

크게 어려운 점도 없고, 한번 익히시면 계속 사용할 수 있는 방법인지라

익혀두시기를 추천드립니다!

 

그럼 다음에도 더 유용한 디자인 팁으로 찾아뵙겠습니다.

 

포스팅 읽어주셔서 감사합니다 :)