PSD 레이어를 투명 PNG로 내보내는 방법

평면 이미지 한 장으로는 부족할 때가 있습니다. 개발자는 로고, 제품, 제목을 각각 별도 이미지로 받아야 합니다. 모션 디자이너는 포스터의 모든 요소를 따로 움직이게 하고 싶어 합니다. 게임 아티스트에게는 스프라이트 시트를 이루는 조각들이 필요합니다. 어느 경우든 할 일은 같습니다. 조각들이 맞물리는 방식을 깨뜨리지 않으면서, PSD의 모든 레이어를 배경이 투명한 개별 PNG로 만드는 것입니다.

디자인 전체를 이미지 한 장으로만 받으면 된다면 PSD to PNG 변환 도구로 한 번에 끝납니다. 이 글은 모든 레이어를 깔끔하게 꺼내는 방법, 그리고 그 PNG를 나중에 제대로 쓸 수 있을지를 좌우하는 설정을 다룹니다.

빠른 답변

• Photoshop에서 모든 레이어: 파일 → 내보내기 → 레이어를 파일로(File → Export → Layers to Files)를 선택하고 PNG-24를 고른 뒤 투명도를 켜 두세요. 딱 맞게 잘라낸 파일이 필요할 때만 레이어 자르기를 체크하세요.
• Photoshop에서 일부 레이어: 레이어를 선택하고 오른쪽 클릭한 뒤 PNG로 빠른 내보내기를 선택하세요. 각 레이어가 레이어 이름을 딴, 여백을 잘라낸 PNG로 저장됩니다.
• Photoshop이 없다면: 무료 PSD to PNG 변환 도구를 열고 모든 레이어를 선택해 ZIP 하나로 내려받으세요. 브라우저에서 실행되고, PSD·PSB 파일을 한 번에 최대 50개까지 처리하며, 로그인이 필요 없습니다.
• Photopea나 GIMP: 레이어를 하나씩 내보낼 수 있습니다. 레이어가 몇 개라면 괜찮지만, 50개라면 오래 걸립니다.

내보내기 전에 정할 네 가지

1. 캔버스 크기인가요, 여백 자르기인가요?

이 선택에 따라 PNG를 어떻게 재사용할 수 있는지가 정해지므로, 가장 먼저 정하세요.

• 캔버스 크기: 모든 PNG가 문서와 같은 크기이며, 레이어는 원래 위치에 있고 나머지는 모두 투명합니다. 어떤 편집기, 영상 도구, 슬라이드에 겹쳐 놓아도 정확히 맞물립니다.
• 여백 자르기(트림): 각 PNG를 레이어의 보이는 픽셀에 맞춰 잘라냅니다. 파일이 작고 웹페이지나 앱에 바로 넣기 쉽지만, 위치 정보가 사라지므로 레이아웃을 다시 맞추려면 좌표가 필요합니다.

캔버스 크기: 1200 × 900px, 제품이 디자인 속 원래 위치에 그대로 있습니다.

여백 자르기: 722 × 429px, 레이어 자체의 픽셀에 맞춰 잘라냈습니다.

여백 자르기는 완전히 투명하지 않은 모든 픽셀을 기준으로 잘라냅니다. 은은한 그림자나 희미한 광선도 포함되므로, 여백을 잘라낸 PNG가 눈에 보이는 오브젝트보다 클 수 있습니다.

2. 어떤 레이어를 내보낼까요?

• 보이는 레이어와 숨긴 레이어: 숨긴 레이어는 예전 버전이나 대안인 경우가 많습니다. 쓸모없는 파일로 폴더를 채우기 전에 숨긴 레이어도 내보낼지 정하세요.
• 개별 레이어와 그룹 전체: 도형, 아이콘, 라벨로 이루어진 버튼은 파일 세 개보다 병합된 이미지 한 장이 더 쓸모 있을 수 있습니다.
• 조정 레이어: 조정 레이어에는 자체 픽셀이 없고, 아래 레이어를 바꿀 뿐입니다. 레이어를 단독으로 내보내면 조정 효과가 반영되지 않으며, 조정 레이어 자체를 내보내도 쓸 만한 결과가 나오지 않습니다.
• 클리핑 마스크: 클리핑된 레이어를 단독으로 내보내면 기준이 되던 모양을 잃습니다. 기본 레이어와 클리핑된 레이어를 그룹으로 함께 내보내거나, 사본에서 병합하세요.
• 혼합 모드: 곱하기로 설정한 그림자나 스크린으로 설정한 광선은 아래 레이어 위에 있을 때만 제대로 보입니다. 별도 PNG가 되면 표준 모드로 그려지므로 어둡거나 밝은 얼룩처럼 보일 수 있습니다.

3. 이름과 폴더

레이어 이름이 그대로 파일 이름이 되므로, 미리 이름을 바꾸지 않으면 “레이어 47 복사 3.png” 같은 파일을 받게 됩니다. 레이어 패널에서 몇 분만 투자하면 나중에 한 시간 동안 헤매지 않아도 됩니다.

• 레이어 이름은 내용대로 붙이세요. “로고”, “제목”, “제품 그림자”처럼요.
• / \ : * ? " < > |처럼 파일 시스템에서 허용하지 않는 문자는 피하세요. 좋은 도구는 이런 문자를 자동으로 바꿔 주지만, 결과물은 알아보기 어려워집니다.
• 이름 중복에 주의하세요. “모양 1”이라는 레이어가 두 개 있으면 어떤 도구에서는 서로 덮어쓰고, 어떤 도구에서는 번호가 붙습니다.
• 애니메이션처럼 순서가 중요하다면 파일에 번호를 매겨 주는 도구를 쓰거나 직접 01, 02를 붙이세요.

4. 크기, DPI, 색상

• 화면에서는 픽셀이 중요합니다. 1200 × 900 PNG는 72 DPI든 300 DPI든 픽셀이 똑같습니다. DPI는 프린터에 얼마나 크게 인쇄할지 알려 줄 뿐입니다.
• 크기는 내보낸 뒤가 아니라 내보낼 때 조절하세요. 고밀도 화면용으로 2× 크기로 만든 디자인이라면, 50%로 내보내 1× 세트를 한 번에 얻을 수 있습니다. 원본에서 한 번 축소하는 편이 내보낸 파일의 크기를 다시 바꾸는 것보다 선명합니다.
• 비트 심도: 16비트와 32비트 문서는 보통 8비트 PNG로 내보내며, 브라우저와 대부분의 앱도 8비트를 기준으로 합니다.
• 색상: 웹용이라면 sRGB가 안전합니다. CMYK 인쇄용 파일을 PNG로 변환하면 Photoshop의 화면 미리보기와 조금 다르게 보일 수 있습니다.

방법 1: Photoshop의 레이어를 파일로 내보내기

모든 레이어를 한 번에 내보내는 전통적인 방법입니다.

1. 내보내지 않을 레이어가 있다면 숨기세요.
2. 파일 → 내보내기 → 레이어를 파일로(File → Export → Layers to Files)를 선택하세요.
3. 대상 폴더를 고르고, 필요하면 파일 이름 접두어를 입력하세요.
4. 1단계에서 레이어를 숨겼다면 보이는 레이어만을 체크하세요.
5. 파일 유형을 PNG-24로 설정하세요. PNG-8은 파일마다 256색으로 제한되어 투명한 가장자리가 거칠어집니다.
6. 투명도는 켜 두세요. 잘라낸 파일이 필요하면 레이어 자르기를 체크하고, 캔버스 크기 파일이 필요하면 체크하지 마세요.
7. 실행을 클릭하고 기다리세요. 큰 문서는 몇 분이 걸릴 수 있습니다.

모든 파일은 한 폴더에 저장됩니다. Photoshop은 각 레이어 이름에 접두어와 일련번호를 붙이며, 그룹을 폴더로 재현하지는 않습니다.

방법 2: Photoshop의 빠른 내보내기와 내보내기 형식

선택한 레이어 몇 개만 내보낼 때는 레이어 패널의 내보내기 명령이 더 빠릅니다.

• PNG로 빠른 내보내기: 레이어를 하나 이상 선택하고(윈도우는 Ctrl+클릭, 맥은 Cmd+클릭) 오른쪽 클릭한 뒤 PNG로 빠른 내보내기(Quick Export as PNG)를 선택하세요. 각 레이어가 레이어 이름을 딴, 여백을 잘라낸 PNG로 저장됩니다. 기본 형식과 저장 위치는 파일 → 내보내기 → 내보내기 환경 설정에서 정할 수 있습니다.
• 내보내기 형식: 세밀하게 조절하고 싶다면 오른쪽 클릭 후 내보내기 형식(Export As)을 선택하세요. 형식, 투명도, 50%나 200% 같은 배율, 정확한 캔버스 크기, sRGB 변환 여부를 지정할 수 있습니다.

레이어 대신 그룹을 선택하면 Photoshop은 그룹 전체를 병합된 PNG 한 장으로 내보냅니다. 앞에서 말한 클리핑 마스크와 혼합 모드 문제를 가장 빠르게 해결하는 방법입니다.

방법 3: Image2Layer PSD to PNG 변환으로 브라우저에서 무료로

Photoshop이 없거나 처리할 PSD가 폴더 하나 가득이라면, 무료 PSD to PNG 변환 도구가 브라우저에서 일괄 작업을 대신해 줍니다. 로그인도 크레딧도 필요 없고, 파일은 업로드되지 않고 기기에서 처리됩니다.

1. 파일을 추가하세요. PSD·PSB 파일을 한 번에 최대 50개, 파일당 최대 500MB까지 끌어다 놓을 수 있습니다.
2. 저장할 대상을 고르세요. 전체 이미지, 모든 레이어, 또는 둘 다를 고를 수 있습니다.
3. 레이어 파일을 캔버스 크기로 저장할지 여백 자르기로 저장할지 고르세요. 숨긴 레이어는 포함 옵션을 체크하지 않는 한 제외됩니다.
4. 크기를 고르세요. 100%는 모든 픽셀을 유지하고, 50%나 25%는 미리보기와 목업용으로 더 가벼운 파일을 만듭니다. 긴 변의 최대 길이를 지정할 수도 있습니다.
5. PNG를 하나씩 내려받거나, 전체를 ZIP 하나로 내려받으세요.

ZIP 안의 각 레이어는 레이어 이름을 딴 투명 PNG이며, 레이어 스택 맨 위부터 번호가 매겨져 순서가 유지됩니다. 레이어는 그룹 이름을 딴 폴더에 정리되고, 파일 시스템에서 허용하지 않는 문자는 다른 문자로 바뀝니다. PSD에 저장된 해상도는 각 PNG에도 기록됩니다.

파일 내용을 먼저 확인하고 싶다면 무료 PSD 뷰어에서 열어 레이어 이름을 확인하고, 레이어를 켜고 끄고, 어떤 폰트가 쓰였는지 보세요. 선택한 레이어를 PNG로, 보이는 레이어 전체를 ZIP으로 저장할 수도 있습니다. 또 전체 이미지가 다른 앱에서 하얗게 보인다면, 변환 도구가 레이어로 이미지를 다시 구성해 줍니다. 왜 그런 일이 생기는지는 포토샵 없이 PSD 파일 여는 법 가이드에서 설명합니다.

방법 4: Photopea

Photopea는 브라우저에서 PSD 파일을 레이어째로 엽니다. 선택한 레이어 하나만 PNG로 내보낼 수 있고, File → Export as → PNG(영문 메뉴 기준)를 선택하면 보이는 이미지가 저장됩니다. 모든 레이어를 얻으려면 레이어마다 이 작업을 반복하거나, 내보내기 전에 레이어 하나만 남기고 모두 숨기세요. 레이어가 몇 개일 때는 잘 맞지만, 수십 개라면 일괄 처리 도구가 더 빠릅니다.

방법 5: GIMP

GIMP는 PSD를 레이어와 그룹째로 엽니다. File → Export As 명령은 보이는 이미지를 저장하므로, 다음과 같이 하면 됩니다(영문 메뉴 기준).

• 레이어 하나를 캔버스 크기로: 레이어의 눈 아이콘을 Shift+클릭해 그 레이어만 표시한 뒤 File → Export As를 선택하고 파일 이름을 .png로 지정하세요.
• 레이어 하나를 여백 자르기로: 레이어를 선택하고 Edit → Copy, Edit → Paste as → New Image, Image → Crop to Content를 차례로 선택한 뒤 내보내세요.

커뮤니티 플러그인으로 레이어를 일괄 내보낼 수도 있습니다. 사용하기 전에 내 GIMP 버전을 지원하는지 확인하세요.

방법별 비교

투명도 문제와 해결 방법

PNG에 흰 배경이 생길 때

디자인에 불투명한 배경 레이어가 있을 가능성이 거의 확실하며, 이 레이어도 다른 레이어처럼 내보내집니다. Photoshop에서 잠긴 “배경” 레이어는 투명도를 아예 가질 수 없습니다. 이 레이어를 숨기거나, 사본에서 삭제하거나, 내보내기에서 제외하세요.

가장자리에 밝거나 어두운 테두리(헤일로)가 생길 때

누끼 이미지의 부드러운 가장자리에는 원래 배경의 색이 묻어 있는 경우가 많습니다. 새 배경 위에 올리면 이것이 얇은 밝은 테두리나 어두운 테두리로 드러납니다. PNG를 넘기기 전에 어두운 배경과 밝은 배경 양쪽에서 미리 확인하세요. Photoshop에서는 레이어 → 매트 → 프린지 제거(Layer → Matting → Defringe)나 선택 및 마스크의 색상 정화(Decontaminate Colors) 옵션으로 정리할 수 있습니다.

그림자가 회색이거나 탁하게 보일 때

부드러운 그림자는 원래 반투명하므로 체크무늬 위에서는 회색으로 보이는 것이 정상입니다. 최종 배경 위에서 이상하게 보인다면 PSD에서 그림자에 곱하기 모드를 썼을 가능성이 큽니다. 최종 앱에서 같은 혼합 모드로 다시 설정하거나, 그림자를 오브젝트와 병합해서 내보내세요.

투명한 부분이 검은색이나 흰색으로 보일 때

일부 이미지 뷰어와 메신저 앱은 투명한 픽셀을 검은색이나 흰색으로 표시합니다. 내보내기가 실패했다고 판단하기 전에, 체크무늬를 보여 주는 브라우저나 편집기에서 PNG를 열어 보세요.

실수로 JPG를 골랐을 때

JPG는 투명도를 저장할 수 없으므로 투명한 영역이 단색으로 채워집니다. 단색 배경을 원할 때만 JPG를 쓰세요. PSD to JPG 변환 도구에서는 그 배경색을 직접 고를 수 있습니다. 레이어마다 페이지를 하나씩 둔 검토용 사본이라면 PSD PDF 변환이 더 알맞은 형식입니다.

관련 가이드와 도구

• 포토샵 없이 PSD 파일 여는 법에서는 모든 플랫폼의 무료 뷰어와 편집기를 다룹니다.
• PSD 파일이란?에서는 레이어와 마스크, 그리고 PNG 대신 PSD를 써야 할 때를 설명합니다.
• 레이어가 전혀 없는 평면 이미지에서 시작하나요? 이미지 레이어 분리와 PNG to PSD 변환의 AI 모드는 이미지를 개별 레이어로 나눠 줍니다. 무료 PSD 도구와 달리 AI 분리에는 크레딧이 듭니다. 먼저 평면 이미지를 레이어 PSD로 변환하는 방법을 읽어 보세요.
• 모든 무료 도구와 AI 도구는 전체 도구에서 볼 수 있습니다.

PSD 레이어 PNG 내보내기 자주 묻는 질문