# 전체 화면 이미지 효과

삽화 이미지를 설정할 때, 아래에 적힌 <mark style="color:purple;">**`전체 화면 이미지 효과주기`**</mark>는 뭘까 궁금하지 않으셨나요?

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FT1DboWFzOkad8subB43W%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-26%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.45.11.png?alt=media&#x26;token=4656ff8e-e35e-480d-9f4e-c1754300f546" alt=""><figcaption></figcaption></figure>

말 그대로, 이는 삽화 이미지를 전체 화면으로 나타나도록 하는 효과예요.

*말로만 들어서는 잘 감이 안 오신다고요?*

괜찮아요! 하나도 어렵지 않습니다. 자, 그럼 함께 직접 설정해 봅시다. 우선, **방법은 두 가지**가 있어요. 약간의 차이가 있으니 차근차근 알아볼게요.

***

### \[첫 번째 방법]

: 삽화이미지를 전체 화면 효과로 설정하고, 전체 화면 효과로의 **팝업 이후에도 플레이어가 해당 이미지를 확인할 수 있도록** 삽화이미지가 그대로 **남아 있게** 하고 싶을 때

❶ 우선, 삽화 이미지를 삽입 후 **\[전체 화면 이미지 효과주기]** 를 체크해 봅시다. (삽화 이미지 설정 방법은 **\[고급 기능 설명] - \[삽화 이미지]** 파트를 확인해주세요!😉)

만일 미처 선택하지 못하고 창을 꺼버렸다면, 아래 이미지에서처럼 편집 버튼을 눌러 주세요!

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FYFRxJmTqt3mciunPKtiB%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-26%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2011.36.04.png?alt=media&#x26;token=4250b240-0539-4852-b1ae-25548a5b0067" alt=""><figcaption></figcaption></figure>

❷ 체크와 동시에 아래와 같은 창으로 바뀔 텐데요, 차례로 원하는 효과를 설정해 봅시다.

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FbLHyEbC9jpqRppju7eNZ%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-26%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.52.00.png?alt=media&#x26;token=ecd74071-08c4-4041-ae02-d74c95cb8b8b" alt=""><figcaption></figcaption></figure>

* **이미지 채우기 방식**

  * **비율 상관없이 전체 채우기** - 전체 화면을 꽉 채웁니다. *그래서 모든 텍스트를 가리게 되는 점 참고해 주세요!*
  * **비율 유지하기** - 삽입한 이미지의 규격 그 상태의 비율을 유지합니다. 삽화 이미지로 첨부한 이미지 그대로 한 번 더 팝업 되고 그대로 남아있게 됩니다.

* **열릴 때 / 닫힐 때 효과 설정**

  * **없음** - 아무 애니메이션이 적용되지 않습니다.
  * **Fade** - 페이드 인(열릴 때), 페이드 아웃(닫힐 때) 효과로 스르륵 나타나고(열릴 때) 스르륵 사라지는(닫힐 때) 느낌이라고 생각하시면 편합니다.
  * **Zoom** - 열릴 때 적용하면 삽화가 강조하듯 팝업되는 형태입니다. 닫힐 때 적용하면 팝업되는 형식으로 사라집니다.

  \*열릴 때와 닫힐 때 효과는 꼭 동일할 필요 없으며, 다르게 설정할 경우 각각 적용됩니다! (ios/안드로이드 기종에 따라 효과의 형태에 약간의 차이가 있을 수 있습니다)

❸ 적용을 완료하고 나면, 스크립트 상에는 아래와 같이 **\[삽화 이미지+전체 화면 이미지]**&#xC758; 형태로 변환됩니다. 물론, 실제 플레이 시에는 드러나지 않아요!

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2F2MxmZofFlyMFugRpAVlN%2F%E3%85%87.jpg?alt=media&#x26;token=d4bd2fe1-ae6f-4b21-8e60-810cd962f72e" alt=""><figcaption></figcaption></figure>

***

### \[두 번째 방법]

: **삽화이미지로 계속 남아 있게 하고 싶지 않고**, **플레이어가 팝업 이후 더 이상 해당 이미지를 확인하지 못하도록** 전체 화면 효과를 띄웠다가 **사라지게** 하고 싶을 때

❶ 효과를 주고 싶은 부분에 현 위치를 두고 채팅창 하단, **‘전체 화면효과’** 버튼을 클릭 하세요.

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FMegCPRWxxSpCfuaA37WQ%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-26%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.41.54.png?alt=media&#x26;token=0098494d-5b9d-47e0-9be6-239c6aeaa577" alt=""><figcaption></figcaption></figure>

❷ 그럼 또 다른 팝업창이 하나 뜰 텐데요, 바로 **\[켜기]**&#xC640; **\[끄기]**&#xC785;니다. 여기서 똑똑한 우리의 작가님들은 이미 눈치를 채셨겠죠?&#x20;

배경음악 설정과 동일하게, \[전체 화면 효과]는 <mark style="color:red;">**‘켜기’가 있다면 필수적으로 ‘끄기’가 있어야 합니다.**</mark>&#x20;

이 과정이 이루어지지 않는다면, 시스템 상 검수 오류로 인해 회차 발행 자체가 되지 않을 거예요.

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FmVCyqjZs6AOI8yb0h1RW%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.55.49.png?alt=media&#x26;token=1f233b3e-d95a-40c5-91ef-bbc78e6dcc25" alt=""><figcaption></figcaption></figure>

자, 우선 알아만 둔 상태로 우리는 켜기 버튼을 눌러서 직접 설정으로 가봅시다.

❸ 삽화이미지를 전체 화면 효과로 만들 때와 유사한 창이 뜨네요. \
전체 화면 효과를 주고 싶은 이미지를 추가한 후, 원하는 채우기 방식과 효과를 설정합니다.

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FcbwQw5Kr85mjuuoWTO9Z%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.56.51.png?alt=media&#x26;token=a5b3ccc3-5833-461a-ad5e-48eff73ed4ad" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FB7XPrc9euZncbFvc08Rc%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.19.53.png?alt=media&#x26;token=7ba3f4de-83d9-4c9e-a695-bdbe375c15bb" alt=""><figcaption></figcaption></figure>

❹ \[켜기] 설정을 완료하고 나면, 스튜디오 스크립트 상에는 아래와 같이 나타납니다.

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FfyeVQ9fDzb9HlAF0rPIU%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.20.12.png?alt=media&#x26;token=ea1d12e6-e2e4-489b-8919-5b8c530814bf" alt=""><figcaption></figcaption></figure>

❺ \[끄기] 설정도 완료하고, 실제 플레이 시에는 어떻게 나타나는지 테스트 플레이로 확인해 볼까요?

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FJmWZ9yhWUgL6LTKHytvy%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-27%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.10.53.png?alt=media&#x26;token=09e52570-8e58-4c84-aa2d-5038d8fec947" alt=""><figcaption><p>[끄기] 설정 완료 후 스크립트 내 노출되는 화면</p></figcaption></figure>

<figure><img src="https://3273553451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHiuFFh8Ohur05zPKAeSM%2Fuploads%2FWWNyas2H5hVmlelCBFVn%2FUntitled.png?alt=media&#x26;token=391c197a-16ed-4896-bf06-41772af607aa" alt=""><figcaption><p>실제 플레이 시 노출되는 화면</p></figcaption></figure>

***

<mark style="color:yellow;">**⚠️**</mark>**&#x20;**<mark style="color:red;">**여기서 꿀팁!**</mark>**&#x20;**<mark style="color:yellow;">**⚠️**</mark>

전체 화면 효과는 말 그대로 **‘전체 화면’**&#xC785;니다. \
따라서, **화면에 텍스트가 있다면 모두 가려지게 돼요.**

* 뒤가 불투명한 이미지 확장자의 형(ex.JPG/.JPEG)는 텍스트를 일부러 가리려는 의도가 아니라면 활용을 지양하며, 이미지 확장자는 **용량 400KB 이하의 .png 파일**을 권장합니다.
* 위 예시 이미지에서처럼 위 아래 투명도를 조절한 색상 그라데이션 효과, 혹은 전체 화면 투명도 효과를 조절한 이미지를 활용하면 보다 몰입감 있는 플레이를 연출할 수 있습니다.

***

다양한 연출 효과를 활용하여, 멋진 작품을 작성하실 작가님들을 응원합니다!💪🏻
