스크리브너3 메인 에디터 배경 뽀개기

스크리브너3 메인에디터는 Ctrl+마우스 휠로 줌인, 줌아웃할 수 있습니다.

즉, 폭을 손쉽게 늘이고 줄일 수 있습니다.

 

그런데, 이 에디터의 폭을 모니터 풀 사이즈로 쓰지 않는다면, 편집창(Editor) 영역의 양 옆은 비게 됩니다.

이때, 이 빈 영역은 Options>Appearance>Main Editor>Colors>Fixed Width Background에서 꾸밀 수 있습니다.

사용자가 별도 설정하지 않는다면 사용하는 테마에 따라 디폴트 색상값으로 채워지지만, 상단 설정값에서 Choose Texture... 옵션으로 원하는 이미지를 넣어 꾸밀 수도 있습니다.

 

테마나 에디터 꾸미기에 진심이라면 높은 확률로 이미 아시겠죠.

 

이때 이미지를 불러오는 규칙은 테마를 이 악물고 뜯는다고 해도 상세 설정할 수 없으며, 아주 단순합니다.

 

절대적 규칙.
Fixed Width Background 이미지는,

1. Fixed Width 영역의 좌상단을 기준으로 이미지를 불러오고,
(이미지 크기가 채울 영역보다 작다면) 바둑판 형식으로 반복합니다.

2. 좌우측 이미지는 어떤 경우에든 같습니다.

즉, 최대한 내가 원하는 이미지를 원하는 방식으로 채워넣으려면 내 모니터 해상도 크기를 정확히 알고 거기 맞춰서 이미지를 준비해야 합니다. 감이 안 잡히실 수 있으니스크린샷으로 상세 설명하겠습니다.

 

우선, 제 모니터의 해상도는 1920X1080입니다.

저는 이 테스트를 위해 제 모니터의 해상도와 같은, 1920X1080짜리 배경화면을 만들었습니다.

1920X1080 테스트 배경화면.

 

몹시 못생겼지만 기능에 충실합니다.100px 단위로 격자를 그리고, 번호를 붙였습니다.

이것을 에디터 고정폭 배경화면으로 적용하였습니다.

 

바인더와 인스펙터를 다 열어둔 화면.

 

제가 마련한 배경 이미지의 좌상단엔 핫핑크 1번이 있었습니다. 과연, 핫핑크 1이 잘리는 법 없이 정확히 들어갔습니다.

그리고 보이시죠? 🌟좌측폭과 우측폭에 보이는 이미지가 똑같습니다. 🌟

 

여기서 바인더와 인스펙터를 한번씩 숨겨봅시다.

인스펙터를 숨깁니다.

인스펙터가 숨으면서 좌우폭에 여유가 생겨서 배경화면이 더 많이 보입니다. 첫 스샷에선 4까지 보였는데 이제 5까지 보이네요.

역시 🌟좌측폭과 우측폭에 보이는 이미지가 똑같습니다. 🌟

바인더를 숨깁니다.

여기서도 좌측 우측 이미지가 같죠?

이게 기분탓이라고 생각하실 수도 있으니, 이제 바인더 크기를 극단적으로 키워봅시다.

바인더를 확 키워봅니다.

예시에선 바인더 폭을 키웠습니다만, 인스펙터를 키워도 결과는 같습니다.

바인더와 인스펙터 영역을 빼고 남는 부분의 가운데에 에디터가 들어가고, 그 양옆으로 배경화면이 들어갑니다. 양옆의 배경화면은 어떤 조건에서도 똑같고요.

 

 

바인더, 인스펙터 전부 닫고 에디터를 극단적으로 줌인해도,

 

에디터를 극단적으로 줌아웃해도 원칙에서 위배되지 않습니다.

 

그리고 이쯤에서, 한 가지를 더 깨달을 수 있습니다.

좌우가 어차피 똑같이 반복되기에, 이 Fixed Width Background 이미지는 모니터 가로폭의 1/2 보다 클 필요가 없습니다.

암만 넓은 이미지를 가져온다 해도 보일 일이 없어요.

 

---

 

자, 저는 일찍이 아래와 같이 적었습니다.

절대적 규칙.
Fixed Width 영역의 좌상단을 기준으로 이미지를 불러오고,
(이미지 크기가 채울 영역보다 작다면) 바둑판 형식으로 반복합니다.

 

 

사실 다른 프로그램에서 배경화면 장난질을 많이 쳐보셨거나 감이 좋으시면 더 이상 예시를 볼 필요가 없을 겁니다.

하지만 모든 사람이 저처럼 배경화면 장난질을 좋아하는 건 아니기에

이 배경화면이 반복될 때 어떻게 되는지도 예시를 찍었습니다.

 

예시용 배경화면 2.

 

자, 이번엔 200x200 짜리 배경화면입니다. 적용하고 메인에디터도 줌아웃해서 있는대로 줄여보았습니다.

좌상단을 기준으로 최초 이미지를 불러온 후 바둑판 형식으로 반복됩니다.

 

 

자, 이로서 이 고정폭 배경으로 적합한 이미지가 분명해졌습니다.

1. 본인 모니터 해상도를 잘 알고 적합한 사이즈 이미지를 고르거나 이미지를 리사이즈 합시다.

2. 배경화면으로 보고 싶은 요소가 좌상단에 집중된 이미지가 예쁩니다. 우하단에 집중되어 있다면 어차피 안 보여요.......

3. 작은 이미지를 반복할 거라면 경계선이 거슬리지 않게 seamless이미지를 활용합시다.

 

2에 대해선 이렇습니다. 아래 이미지가 예뻐 보여서 적용하기로 합니다.

출처: Unsplash

 

그런데, 이미지가 좌상단 기준으로 불러지기 때문에, 이걸 그냥 적용하면 이렇게 됩니다.

 

뭐, 괜찮긴 합니다만, 장미가 예뻐서 저 배경을 쓰기로 했다면 칙칙할 뿐입니다.

이 이미지에 미련을 못 버리겠다면 이미지 편집 프로그램에서 좌우반전해서 사용하면 됩니다.

 

이제 괜찮죠?

 

비슷하게, 이미지 하단에 힘들어간 아래 같은 이미지도 부적합합니다.

출처: Unsplash.com

물론, 이미지 높이를 잘 맞추면 보기 좋습니다만, 이미지의 높이가 모니터 세로 폭과 비교해서 많이 길거나 애매하면 색연필이 보이지도 않을 거예요.

 

이제 최종 정리하겠습니다.

 

Fixed Width Background 이미지는,

1. Fixed Width 영역의 좌상단을 기준으로 이미지를 불러오고,
(이미지 크기가 채울 영역보다 작다면) 바둑판 형식으로 반복한다.

2. 좌우측 이미지는 어떤 경우에든 같다.

3. 작은 이미지를 쓴다면, 반복될 때 어색하지 않게 seamless pattern을 활용한다.

4. 큰 이미지를 쓴다면,
폭은 모니터 해상도 폭의 1/2 이하면 충분하다.

높이는 (이미지 하단의 어떤 요소를 반드시 살리고 싶다면)
"모니터 해상도 높이 - 스크리브너 상단 시스템바높이 - 스크리브너 상단 포맷바높이
- 스크리브너 하단 상태바높이 - 윈도우 시스템 바높이"이다.

→ 어지간하면 포인트 요소가 좌상단 중심인 이미지를 사용하는 편이 쉽다.