PSD 보기·레이어 꺼내기

포토샵 없이 PSD 파일 확인하기

디자이너에게 받은 시안, 상세페이지·배너 원본, 템플릿 사이트에서 내려받은 PSD를 포토샵이 없는 컴퓨터나 휴대전화에서 열어 볼 때 쓰세요. 파일을 놓으면 완성된 모습을 보여 주고 PNG나 JPG로 저장할 수 있어요. 오른쪽(휴대전화에서는 아래) 레이어 목록에서 레이어를 켜고 끄면 그 상태로 다시 합쳐 보여 줘요.

레이어를 PNG로 꺼내기

레이어 옆의 PNG를 누르면 그 레이어만 배경이 투명한 PNG로 받아요. ‘레이어 모두 PNG (ZIP)’은 그림 레이어를 한꺼번에 묶어 주고, 포토샵의 그룹은 ZIP 안의 폴더가 돼요. 파일 이름 앞의 번호는 위(맨 앞)에서부터 센 레이어 순서예요. ‘레이어 크기로 자르기’는 그림이 있는 부분만 잘라 저장하고, ‘문서 크기’는 원래 위치를 유지한 채 캔버스 전체 크기로 저장해서 다른 프로그램에서 다시 겹치기 좋아요. 레이어 마스크와 효과는 적용하지 않은 원래 픽셀로 저장해요.

글자 레이어 텍스트 뽑기

포토샵 문자 도구로 쓴 글자 레이어는 내용이 파일 안에 글자로 들어 있어요. 이 도구는 그 글자와 글꼴 이름, 크기, 색을 레이어별로 보여 주고, 한 번에 복사하거나 텍스트·CSV 파일로 받게 해 줘요. 다른 언어로 옮길 문구를 번역가에게 넘기거나, 오탈자를 교정할 때 편해요. 글자를 ‘래스터화’해 그림으로 바꾼 레이어는 글자 정보가 없어 뽑을 수 없어요.

어떻게 동작하나요, 한계는요

오픈소스 라이브러리 ag-psd(MIT)가 브라우저 안에서 PSD 구조를 읽어요. 완성 이미지는 파일에 함께 저장된 합친 이미지를 쓰므로 원본과 같아요(포토샵에서 ‘호환성 최대화’를 끄고 저장한 파일은 레이어를 직접 합쳐 보여 줘요). 레이어를 켜고 끄며 다시 합칠 때는 불투명도·혼합 모드·마스크는 반영하지만 조정 레이어, 레이어 효과(그림자·획·광선), 클리핑 마스크, 고급 개체의 필터는 빠져서 원본과 다를 수 있어요. 8비트 RGB·회색조 파일이 가장 잘 열리고, 16·32비트와 CMYK·Lab 파일은 일부만 지원돼요. 큰 PSD는 레이어마다 메모리를 많이 써서 휴대전화에서는 열리지 않을 수 있어요. 파일은 서버로 보내지 않아요.

참고한 자료

• ag-psd (MIT) — 34.2.0 사용
• Adobe Photoshop File Formats Specification