> ## Documentation Index
> Fetch the complete documentation index at: https://docs.photoito.kr/llms.txt
> Use this file to discover all available pages before exploring further.

# 프레임 제작하기

> 프레임 그림을 만들 때 지켜야 할 크기와 규칙이에요. 디자이너에게 이 문서를 그대로 전달해도 돼요.

프레임은 포토샵이나 일러스트레이터 같은 그림 프로그램으로 만들어요. 이 문서는 **그림 파일을 어떻게 만들어야 포토이토에 올릴 수 있는지** 설명해요.

다 만든 그림을 올리는 방법은 [프레임 관리](https://docs.photoito.kr/dashboard/frames.md)에 있어요.

## 한눈에 보는 규칙

| 항목 | 규칙 |
| - | - |
| 파일 형식 | **PNG** (배경 투명을 지원해야 해요) |
| 파일 크기 | 10MB 이하 |
| 그림 크기 | 아래 네 가지 중 하나. 긴 쪽이 **3600px** |
| 사진이 들어갈 자리 | **투명하게 뚫어요** |
| 색 | RGB |

## 1. 그림 크기 정하기

프레임 모양은 네 가지예요. 만들려는 모양에 맞는 크기로 새 그림을 시작하세요.

![프레임 모양 네 가지. 2×6 세로는 1200×3600px, 4×6 세로는 2400×3600px, 6×4 가로는 3600×2400px, 6×2 가로는 3600×1200px.](https://mintcdn.com/photoito/S8gRFIFYQLQ5kc0j/images/ko/frame-design/paper-sizes.png?fit=max\&auto=format\&n=S8gRFIFYQLQ5kc0j\&q=85\&s=899d0fd899c10edbc8cbc57784431198)

프레임 모양 네 가지와 그림 크기

| 모양 | 그림 크기 (가로 × 세로) | 특징 |
| - | - | - |
| **2×6 (세로)** | 1200 × 3600 px | 세로로 긴 띠. 한 번에 두 줄씩 인쇄돼요. |
| **4×6 (세로)** | 2400 × 3600 px | 세로로 선 엽서 크기 |
| **6×4 (가로)** | 3600 × 2400 px | 가로로 누운 엽서 크기 |
| **6×2 (가로)** | 3600 × 1200 px | 가로로 긴 띠. 한 번에 두 줄씩 인쇄돼요. |

> [!WARNING]
>
> **크기를 정확히 맞춰 주세요.** 올릴 때 그림의 가로세로 비율을 보고 네 모양 중 가장 가까운 것으로 자동 판단해요. 비율이 조금이라도 다르면 **가운데를 기준으로 위아래나 양옆이 잘려요.**
>
> 그림이 이보다 작으면 자동으로 늘려서 맞추기 때문에 인쇄가 흐릿해져요.

> [!TIP]
>
> **2×6**과 **6×2**(띠 모양)는 큰 종이 한 장에 두 줄을 찍어 반으로 자르는 방식이에요. 그래서 손님은 항상 2장 단위로 받아요.

## 2. 사진이 들어갈 자리 뚫기

사진이 들어갈 곳은 **색을 칠하지 말고 투명하게 비워 두세요.** 포토이토가 투명한 곳을 찾아 그 자리에 사진을 넣어요.

### 모양은 자유롭게

사진 자리가 꼭 반듯한 네모일 필요는 없어요. 하트, 동그라미, 별, 손으로 그린 듯 삐뚤삐뚤한 모양, 크레파스로 칠한 듯 거친 모양 모두 돼요.

![사진 자리 모양 예시. 둥근 네모, 동그라미, 하트, 통통한 별, 손그림 느낌, 크레파스 느낌은 모두 사진 자리로 잡힌다. 가늘고 뾰족한 별, 서로 이어진 자리, 너무 작은 구멍, 흰색으로 칠한 자리, 흐릿한 가장자리는 조심해야 한다.](https://mintcdn.com/photoito/S8gRFIFYQLQ5kc0j/images/ko/frame-design/slots.png?fit=max\&auto=format\&n=S8gRFIFYQLQ5kc0j\&q=85\&s=c53959be908dbbc6407fa7508d1e851e)

사진 자리로 쓸 수 있는 모양과 조심할 경우

원리는 간단해요. 포토이토는 **뚫린 모양을 감싸는 가장 큰 네모**를 사진 자리로 잡아요(그림의 빨간 점선). 사진은 그 네모에 들어가고, 그 위에 프레임 그림이 덮여요. 그래서 완성된 사진에서는 **뚫어 놓은 모양대로** 사진이 보여요.

아래는 하트, 별, 손그림 느낌, 크레파스 느낌으로 뚫은 프레임을 실제로 올린 화면이에요. 파란 테두리가 포토이토가 잡은 사진 자리예요.

![프레임 미리보기. 하트, 별, 삐뚤삐뚤한 네모, 거친 네모 모양으로 뚫린 네 곳이 각각 네모난 파란 테두리로 잡혀 있고 번호가 붙어 있다.](https://mintcdn.com/photoito/S8gRFIFYQLQ5kc0j/images/ko/frame-design/shapes-detected.png?fit=max\&auto=format\&n=S8gRFIFYQLQ5kc0j\&q=85\&s=c0b0b058324b99d277effe7460dd001f)

모양이 달라도 각각 감싸는 네모로 잡혀요

> [!TIP]
>
> 사진은 네모 전체에 들어가지만 보이는 건 뚫린 부분뿐이에요. 하트나 별처럼 모서리가 많이 가려지는 모양은, **얼굴이 가운데 오도록** 찍어야 잘리지 않아요.

### 조심할 경우

* **색으로 칠해 두면 안 돼요.** 흰색이나 회색으로 칠한 곳은 사진 자리가 아니에요. 완전히 투명해야 해요.
* **자리끼리 서로 떨어뜨려요.** 투명한 곳이 조금이라도 이어져 있으면 한 자리로 합쳐져요. 자리 사이는 색이 칠해진 띠로 막아 주세요.
* **너무 작게 만들지 않아요.** 그림 전체 넓이의 1%보다 작은 구멍은 사진 자리로 보지 않아요. 덕분에 장식으로 뚫은 작은 구멍은 사진 자리가 되지 않아요.
* **별은 통통하게 그려요.** 뚫린 넓이가 감싸는 네모의 절반이 안 되면 사진 자리로 잡히지 않아요. 살이 두툼한 별은 잡히지만, 가늘고 뾰족한 별은 「투명한 영역을 찾을 수 없어요」라고 나와요. 가는 초승달이나 대각선으로 길쭉한 모양도 마찬가지예요.
* **가장자리가 번지듯 흐릿하면** 인쇄했을 때 사진 둘레에 가는 검은 줄이 보일 수 있어요. 손그림이나 크레파스 느낌처럼 거칠어도 **경계가 또렷하면** 괜찮아요. 이미 흐릿하게 만든 그림이라면 올리는 화면의 **투명 임계치**와 **오프셋 확장** 값으로 보정할 수 있어요. 방법은 [프레임 관리 > 잘 안 될 때](https://docs.photoito.kr/dashboard/frames.md#잘-안-될-때)에 있어요.

### 사진 순서

사진 자리에는 **위에서 아래 순서로** 번호가 붙어요. 맨 위 자리에 첫 번째로 찍은 사진이 들어가요.

기준은 **자리의 위쪽 끝**이에요. 옆으로 나란한 자리도 위쪽 끝이 조금이라도 높은 쪽이 먼저예요. 위의 예시 화면에서 오른쪽 별이 #1, 왼쪽 하트가 #2인 것도 별의 위쪽 끝이 조금 더 높기 때문이에요.

> [!TIP]
>
> 옆으로 나란한 자리를 왼쪽부터 순서대로 하고 싶다면, **위쪽 끝 높이를 똑같이** 맞춰 주세요. 높이가 같으면 왼쪽 자리가 먼저예요.

올린 뒤 **프레임 미리보기**에서 #1, #2… 번호가 원하는 순서인지 꼭 확인하세요.

### 자리의 비율

* **모든 자리를 같은 비율로 만드는 것을 권해요.** 손님이 촬영할 때 보는 화면은 첫 번째 자리의 비율에 맞춰져요. 자리마다 비율이 다르면, 화면에서 본 것과 다르게 잘려서 들어가는 컷이 생겨요.
* **너무 길쭉하게 만들지 않아요.** 사진은 자리를 꽉 채우도록 들어가고, 남는 부분은 잘려요. 자리가 지나치게 좁고 길면 얼굴이 잘릴 수 있어요.

## 3. 로고와 글자 넣기

* **중요한 것은 가장자리에서 떨어뜨려요.** 로고나 글자를 그림 끝에 바짝 붙이면 인쇄하면서 잘릴 수 있어요. 가장자리에서 안쪽으로 여유를 두고 배치하세요.
* **날짜나 QR 코드를 넣을 계획이면 자리를 비워 둬요.** 날짜와 QR 코드는 그림에 직접 그리지 않고, 올린 뒤 설정에서 얹어요. 그 자리에는 복잡한 무늬를 넣지 않는 것이 좋아요. 방법은 [프레임 고급 설정](https://docs.photoito.kr/dashboard/frames-advanced.md)에 있어요.
* **QR 코드 자리는 밝고 단순하게.** 어둡거나 무늬가 있는 곳에 QR 코드를 얹으면 휴대폰이 읽지 못해요.

## 4. 저장하기

* **PNG로 저장해요.** JPG는 투명한 곳을 저장할 수 없어서 사진 자리가 사라져요.
* **투명 배경을 유지한 채로 저장해요.** 포토샵이라면 배경 레이어를 끄거나 지운 뒤 저장하세요.
* 파일이 10MB를 넘으면 올릴 수 없어요.

## 보내기 전 확인

**1. 그림 크기가 네 가지 중 하나와 정확히 같나요?**

**2. 사진 자리가 완전히 투명하게 뚫려 있나요? (모양은 자유)**

**3. 사진 자리끼리 서로 떨어져 있나요?**

**4. PNG로 저장했고, 10MB를 넘지 않나요?**

**5. 포토이토에 올려서 미리보기의 자리 개수와 번호가 맞는지 봤나요?**

올리는 화면에서 「N개의 투명 영역을 감지했어요」라고 나오는 숫자가 사진 자리 개수와 같아야 해요.

**6. 실제로 한 장 뽑아 봤나요?**

화면과 인쇄물은 색과 가장자리가 조금 달라요. 손님에게 내놓기 전에 꼭 한 장 뽑아서 확인하세요.

## 함께찍기용 인물 그림

[함께찍기 모드](https://docs.photoito.kr/dashboard/frames-advanced.md#함께찍기-모드)에 쓸 인물 그림도 규칙이 있어요.

* **배경이 투명한 PNG**로 만들어요. 인물만 남기고 배경은 지워 주세요.
* 컷마다 한 장씩 필요해요. 컷마다 다른 자세로 만들면 더 자연스러워요.
* 그림이 크고 많으면 프레임이 무거워져요. 필요한 만큼만 넣어 주세요.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.