두 달 넘게 한 땀 한 땀 만들고 있는 포토샵 공유합니다.

안녕하세요.

취미로 저녁마다 툴을 하나씩 개발하는 1인 개발자입니다.

얼마 전 HTMLEditor, 이모지 만들기를 소개했었는데, 관심 가져 주셔서 감사합니다.

이번에 만들고 있는 툴을 소개합니다.

브라우저에서 바로 쓰는 사진·디자인 편집기이고, 이것도 설치·회원가입 없이 무료예요.

▶ https://www.webeditor.co.kr/photoeditor/

PhotoCraft 등 요즘 오픈소스 사진 편집기가 정말 많이 나오죠.

좋은 도구가 많아서 제 툴을 내놓기가 좀 민망하지만,

오랫동안 시간 날 때마다 한 땀 한 땀 고쳐 온 툴이 이제 다른 분들께 보여 드릴 만해져서 공유합니다.

바탕은 오픈소스 그림판 miniPaint(MIT)인데, miniPaint에는 PSD를 열고 저장하는 기능이 없어요.

그래서 PSD를 읽고 쓰는 부분을 직접 붙이고(PSD 라이브러리 ag-psd, MIT),

포토샵 파일을 열 때마다 나오는 오류를 하나씩 확인하며 고쳐 왔습니다.

8월부터 저녁마다 조금씩 해 왔고, 고친 것은 하나하나 기록으로 남겼어요.

【PSD를 열고 저장하며 고쳐 온 것】

- 공개된 PSD 시험 파일 315개로 「열기 → 저장 → 다시 열기」를 돌려 보니 처음엔 280개만 그대로 남았어요.

  깨지는 파일을 하나씩 열어 원인을 찾아 고쳐서 지금은 314개가 똑같이 남습니다.

- 16·32비트 PSD를 열면 색이 엉뚱하게 나왔어요. 색 값을 8비트로 옮기는 과정에서 잘리고 있던 걸 찾아 바로잡았습니다.

- 맨 아래가 폴더인 PSD를 열면 그 폴더 안의 레이어가 통째로 안 보였어요. 겉보기엔 멀쩡히 열려서 한동안 몰랐던 오류입니다.

- PSD로 저장하면 그라디언트 오버레이 크기가 10000%로 적히고 있었어요. 우리 편집기로 다시 열면 멀쩡해서 안 보였는데,

  포토샵이 저장한 파일과 항목별로 대조해 보고서야 찾았습니다.

- 포토샵 네온 효과 예제를 열면 색이 꽤 달랐어요. 포토샵이 파일 안에 저장해 둔 그림과 픽셀을 비교해 가며

  효과를 겹치는 순서, 혼합 모드 27종, 색상 균형을 맞추니 평균 차이가 36.1에서 15.1로 줄었습니다.

【그래서 지금은】

PSD·PSB를 열면 레이어, 그룹, 문자, 모양, 레이어 스타일, 조정 레이어, 마스크가 그대로 살아 있고,

고친 뒤에는 다시 PSD로 저장해서 포토샵에서 이어서 작업할 수 있어요.

스마트 오브젝트는 내용을 열어 고치거나 다른 이미지로 바꿀 수 있습니다.

- 선택: 자동 선택, 빠른 선택, 자석 올가미, 선택 및 마스크(가장자리 다듬기)

- 보정: 스팟 복구, 복구 브러시, 패치, 내용 인식 칠, 유동화

- 브러시: 펜 압력, 텍스처, 이중 브러시, 포토샵 브러시(.abr) 가져오기

- 조정 레이어 16종, 레이어 스타일 10종, 혼합 모드 27종

- 필터: Camera Raw 필터, 흐림 효과 갤러리, 렌즈 흐림 등

- 문자: 세로쓰기, 텍스트 뒤틀기, 내 컴퓨터 글꼴 불러오기(크롬·엣지)

- 펜·도형·패스, 아트보드, 여러 문서를 탭으로, 템플릿 25종(카드뉴스·유튜브 썸네일 등)

- 저장: PSD, PNG, JPG, WEBP, GIF, TIFF, AVIF, ICO, SVG, PDF

  (크롬·엣지에서는 Ctrl+S로 열었던 파일에 그대로 저장, 1분마다 자동 저장)

【사진은 내 컴퓨터 밖으로 나가지 않아요】

열거나 만든 파일은 서버로 올라가지 않습니다.

크롬·엣지에서 앱으로 설치하면 독립 창으로 열리고, PSD를 두 번 클릭해 바로 열며, 인터넷이 끊겨도 씁니다.

【작은 팁】

- 포토샵 단축키를 그대로 쓸 수 있어요(Ctrl+J, Ctrl+Z, B·V·M 같은 도구 키 등).

  Ctrl+T·Ctrl+W처럼 브라우저가 먼저 가져가는 단축키는 앱으로 설치한 창에서 됩니다.

- 처음이라면 템플릿에서 시작해 보세요. 글자와 도형이 레이어로 열려서 바로 고칠 수 있어요.

- 사용 안내: https://www.webeditor.co.kr/photoeditor/guide.html

【아직 안 되는 것】

CMYK·16비트 문서는 8비트 RGB로 바꿔서 열고, 3D·비디오 레이어는 지원하지 않습니다.

아직 포토샵과 다르게 보이는 PSD도 분명 있을 거예요.

그런 파일을 알려 주시는 게 가장 큰 도움이 됩니다. 받으면 시험 파일에 넣고, 똑같이 보일 때까지 고치겠습니다.

댓글이나 편집기의 「의견 보내기」 버튼으로 보내 주세요.