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

# 스크래쳐 수정하기

> 스크래쳐 디자인 수정 방법에 대해 안내해드릴게요.

<img src="https://mintcdn.com/dodamind-b0c9d0b4/vVKI1r3jek5bAVQT/images/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%A2%E1%84%8E%E1%85%A7.avif?fit=max&auto=format&n=vVKI1r3jek5bAVQT&q=85&s=316c5add2ca5671de5ae5704b42310f2" alt="스크래쳐.avif" width="2048" height="819" data-path="images/스크래쳐.avif" />

## 스크래쳐 색상 적용 범위

스크래쳐의 색상은 아래와 같이 적용돼요.

* <Badge color="purple">포인트 컬러 🎨</Badge>
  : 스크래쳐 효과
* <Badge color="orange">서브 컬러 🖌️</Badge>
  : 스크래쳐 카드

## 스크래쳐 이벤트 머신 커스텀

다음 요소들을 커스텀 하실 수 있어요.

* 스크래쳐 판 색상
* 스크래쳐 판 문구

스크래쳐 이벤트는 시작화면에서 리워드가 유저에게 노출되지 않아요. 대신 ‘긁은 후 리워드 이미지 노출’ 옵션을 설정하면, 긁기 완료 후 당첨된 이미지가 화면에 표시돼요.

| 설정 OFF       | 설정 ON     |
| :----------- | :-------- |
| 그라데이션 배경색 표시 | 당첨 이미지 표시 |

**설정 방법**

1. 스크래쳐 이벤트를 생성한 뒤, `스타일` 탭으로 이동해주세요.
2. 이벤트 머신 커스텀 섹션으로 스크롤을 내려주세요,
3. ‘긁은 후 리워드 이미지 노출’ 옵션을 ON으로 설정해주세요. (리워드 스타일 옆 토글 버튼을 활성화해주시면 돼요)

<img src="https://mintcdn.com/dodamind-b0c9d0b4/xeuV7IkPK6TADGeF/images/tJyPlod05gnGIcQLjU91zvL3U.avif?fit=max&auto=format&n=xeuV7IkPK6TADGeF&q=85&s=12d07bf87bde4a02532d71e5de850018" alt="T Jy Plod05gn G Ic Q Lj U91zv L3U Avi" width="1600" height="924" data-path="images/tJyPlod05gnGIcQLjU91zvL3U.avif" />

4. 리워드 스타일 섹션에서 리워드 이미지를 설정해주세요. `리워드 목록 불러오기` 버튼을 클릭하시면 당첨화면 이미지를 동기화하실 수 있어요.

<img src="https://mintcdn.com/dodamind-b0c9d0b4/4tY0Q7xCIklRmhlR/images/D0aY4XAxd3SVvWgPSjcYwZ80s.avif?fit=max&auto=format&n=4tY0Q7xCIklRmhlR&q=85&s=8127232b66cd6fee372fd62b877be39b" alt="D0a Y4X Axd3s Vv Wg P Sjc Yw Z80s Avi" width="1140" height="592" data-path="images/D0aY4XAxd3SVvWgPSjcYwZ80s.avif" />

5. 변경사항 반영 버튼을 클릭해주세요.  그럼 이제 스크래쳐를 긁으면 아래 리워드 이미지가 노출됩니다 🪄

<img src="https://mintcdn.com/dodamind-b0c9d0b4/4tY0Q7xCIklRmhlR/images/GxJ2RoOQa9gb6h60WYYWSibaqc.avif?fit=max&auto=format&n=4tY0Q7xCIklRmhlR&q=85&s=b87a0d5b70c803c100ed77969d60834a" alt="Gx J2ro O Qa9gb6h60wyyw Sibaqc Avi" width="1600" height="924" data-path="images/GxJ2RoOQa9gb6h60WYYWSibaqc.avif" />

**리워드 이미지 설정 TIP**

* 배경이 투명한 PNG 파일을 사용하는게 좋아요.
* 이미지가 스크래쳐 판에 꽉 찬 것보다, 약 80% 비율로 보여지는게 제일 좋아요. 이미지 추출 시, 투명 여백을 남겨주세요.
