주요 내용으로 건너뛰기
공지

클튜 스토리 에디터(식자) 기능(추가 2018 6/19)

클립스튜디오 팁

#클립스튜디오 #클튜 #clipstudio



클립스튜디오 페인트 EX에 있는 스토리 에디터 기능입니다.

지난번 페이지매니지먼트 기능에 이어 정리해보았습니다.

페이지 기능 튜토리얼 바로가기





[목차]
1. 스토리 에디터 열기
2. 텍스트 입력하기 / 텍스트 그룹 묶기 / 툴 설정

3. 텍스트 환경설정 <중요!

4. 말풍선 씌우기
5. 텍스트 설정 일괄 수정하기
6. 식자 내보내기 
7. 텍스트 간격 오류시 해결방법 

8. 폰트 리스트 만들기 <NEW! 2018 6/19

9. 합성 글꼴 만들기 <NEW! 2018 6/19


스크롤이 길기 때문에 필요한 기능 목차를 

CTRL+F 탐색 기능으로 찾으시면 빠릅니다.




[ 클튜 EX 스토리 에디터 기능 ]



클튜에는 페이지마다 텍스트를 입력,편집할 수 있는

스토리 에디터 기능이 있습니다.


페이지매니지먼트 기능은 각 캔버스를 열어서 작업해야하는 것과 달리,

스토리 에디터에선 캔버스를 열어두지 않고도 입력이 가능해서

글콘티, 대사 초벌, 식자 작업에 편리합니다.





1. 스토리 에디터 열기


우선은 스토리 에디터를 열어봅시다.


지난 튜토리얼처럼 페이지 관리창의 섬네일을 우클릭하거나,

상단의 Story > Edit Text >  Open story editor를 누릅니다.

(묶음의 원고 파일이 아니라도, 일반 단일 캔버스에서도 사용 가능합니다.)


혹은 단축키를 지정해서 여는 것도 편한 방법입니다.




스토리 에디터 열기를 하면 메세지가 뜨는데,

작업중이던 지금까지의 히스토리가 지워지고

스토리 에디터를 쓸 동안의 히스토리가 모든 캔버스에 동일하게 적용된다고 합니다.


커서 이동으로 각 대사 칸에 페이지를 건너서도

입력이 가능하기 때문에 그런 것 같습니다.


스토리 에디터의 가장 큰 장점은, 

일일히 칸에 커서 클릭을 하지 않아도, 키보드 방향키 이동으로도 페이지 이동을 할 수 있다는 점입니다.

캔버스에 클릭해서 텍스트박스를 만들 필요 없이, 

환경설정을 잘 해두면 대사가 알아서 쪼개져 캔버스에 삽입됩니다.


ctrl+z를 눌러도 한 페이지가 아닌 전체 원고에서 입력한 순서대로 실행취소가 됩니다.

앞서 하던 작업이 있다면 반드시 한 번 파일 저장을 한 뒤, 그 다음 식자 작업을 하는 것이 좋습니다.



이렇게 해서 페이지 관리창 / 캔버스 / 텍스트 편집기

총 세 개의 창에서 작업을 할 수 있습니다.




2. 텍스트 입력하기



스토리 에디터의 칸에 커서를 대고 글을 입력하면

해당 페이지 캔버스 왼쪽 최상단에 글씨가 생깁니다.

레이어창에도 텍스트 레이어가 생겨있는 걸 알 수 있습니다.


이 경우, 미리 위치를 지정할 수 없기 때문에,

우선 입력한 뒤 텍스트를 드래그해서 옮겨주면 됩니다.


*만약 한글 텍스트가 깨지거나, 우측 상단에 세로로만 입력되는 경우.

3.환경설정을 보시고 먼저 세팅을 바꾼 뒤 입력해보세요.

*환경설정을 바꿨는데도 입력이 잘 안될 때가 있다면

텍스트툴을 선택하지 않고 다른 툴을 사용중인지 확인하세요.

폰트 정보를 가져올 툴이 없기 때문에 텍스트가 깨지게 됩니다.


텍스트 툴로 입력,수정할 때 잘못 클릭하거나 레이어가 뒤죽박죽 생성되기도 하는데,

스토리 에디터에서는 레이어나 텍스트 박스를 선택하지 않아도 되고,

한글,메모장 같은여타 문서 작성 프로그램들처럼

방향키로 줄과 페이지를 오갈 수 있어 

작업 전 빠르게 미리 대사를 적고 고치기에 굉장히 간편합니다.


*보이지 않게 꺼둔 텍스트 레이어는 스토리 에디터에서도 연한회색으로 보입니다.




2-2. 텍스트 그룹 묶기


텍스트 오브젝트 박스를 클릭한채로 옆에 새로 텍스트를 입력하면,

두 대사가 그룹으로 묶이면서 한 레이어에 입력됩니다.


혹은 레스터 레이어를 포함하지 않고 

텍스트 레이어끼리만 병합해주어도 한 그룹으로 묶입니다.



이렇게 함께 움직여야하는 대사의 경우 그룹으로 묶어주면 편합니다.

그룹 안에 속한 텍스트 역시 따로 수정이 가능합니다.




2-3. 툴 설정


텍스트 입력을 하다보면

기본 세팅을 그대로 쓰기엔 적당하지 않을 때가 있습니다.


행간(줄 간격)과 자간(글자 간격)은

텍스트 툴의 Sub tool detail에서 조정이 가능합니다.


의외로 클튜에서 식자 작업도 한꺼번에 하기에 나쁘지 않아서

툴을 오가면서 생기는 시간을 줄일 수 있을 듯 합니다.


Sub tool detail > Font > Word space : 자간 설정


Sub tool detail > Line Space/alignment  > Line space : 행간 설정





3. 텍스트 환경설정 <중요!


행간 자간 외에도 인터페이스와 입력에 대한 환경 설정을 할 수 있는데,


스토리 에디터에서 처음 글을 입력할 때,

세로로만 입력되거나, 글자가 깨져서 ㅁ모양으로만 입력되는 경우가 있습니다.

(텍스트 툴로 입력하는건 되는데 에디터에서 되지 않는)

제대로 쓰기 위해선 세팅이 필요합니다.


텍스트 편집 기능들을 편하고 빠르게 쓰려면 아래 설정들을 반드시 해줘야합니다.
이 부분은 꼭 읽어보시고 자기에 맞는 설정을 해두세요.






Preference의 Edit text에서

스토리 에디터 환경설정을 바꿀 수 있습니다.


실제 캔버스에서의 텍스트에 대한 설정과

스토리 에디터의 인터페이스에 대한 설정으로 구분됩니다.



View에서 direction 을 세로로 바꿔주면 스토리 에디터가 세로로 보입니다.


Main text font는 스토리 에디터에 표시되는 글씨체입니다.

작업 때 읽기 편한 폰트로 바꾸어두면 됩니다.


Reading font는 정확히 어떤 건지 아직 잘 모르겠네요.

아시는 분은 제보 부탁드려요.


> 리딩 폰트는 일본어에서 한자에 붙는 음독 표기를 말하는 것이었습니다.

한글이나 영어 등에선 쓰이지 않지만 일어 원고를 하시는 분들이라면

이 리딩폰트로 음독 표기 폰트 설정을 할 수 있겠네요.

제보해주신 전유호님 감사합니다.


Line break 에서 줄바꿈 방식 > 줄 나눔 없이 표시하기로 하면

스토리 에디터에서 대사가 줄바뀜이 없이, 엔터 기호로만 표시합니다.

(노멀 모드에선 줄바뀜도 그대로 에디터에서 반영됩니다.)





여기까지가 스토리 에디터의 인터페이스 설정이고,

실제로 텍스트 레이어에는 영향이 없는데요.


New text property,
How to insert new text divide text by line break 설정은
실제 적용되는 텍스트 레이어에 영향을 끼치므로 잘 설정해주어야 합니다.



위에서 언급한 텍스트 깨짐이나 세로 입력 문제

New text property에서 바꿔주어야 합니다.


Selected text tool property - 선택한 텍스트 툴 설정대로 입력

Copy from current text  - 현재 텍스트에서 설정 복사




클튜를 처음 구매했을 때 스토리 에디터의 입력 기본 세팅이 한글에 맞게 되어 있지 않기 때문에 

ㅁㅁㅁ로만 나오는 것 같습니다.

그냥 설정만 바꾸는게 아니라 입력 테스트 할 때

텍스트 툴의 설정도 바꿔가면서 해주셔야 한글 입력으로 바뀝니다.


*저도 정확하게 해결책을 찾았다기보단 건드려보다보니 된거라:3

아마 맨 처음 기록된 세팅이 한글 세팅으로 덧씌워져야하는게 아닐까...

추측하고 있습니다.  

정확한 세팅 순서를 알고 계신 분은 제보 해주시면 감사합니다.



한글 입력이 해결되면 

그 뒤론 작업에서 텍스트를 균일하게 통일해야하는지 어떤지에 따라서

설정을 바꿔가며 하시면 됩니다.


*환경설정을 바꿨는데도 입력이 잘 안될 때가 있다면, 

현재 선택되어있는 툴을 확인해보세요.


텍스트툴을 선택하지 않고 다른 툴인 상태로 

에디터에 입력하면 캔버스에 글자가 깨져서 들어가게 됩니다.

(폰트 설정을 툴에서 가져올 수 없기 때문에 깨지는 것.)

반드시 텍스트툴 선택한 상태에서 글을 입력하세요!




다음은 줄바꿈 설정입니다.

이 부분은 대사의 길이나 줄바꿈 빈도에 따라서 편한 쪽으로 하시면 됩니다.


Do not divide - 입력하는 모든 텍스트가 분리되지 않고 한 레이어에 입력됩니다.

Divide with one line break - 한번 엔터를 칠 때마다 텍스트가 분리되어 다른 레이어에 입력됩니다.

Divide with consecutive two line breaks - 두번 엔터를 칠  때마다 텍스트가 분리됩니다.

Divide with consecutive three line breaks - 세번 엔터를 칠 때마다 텍스트가 분리됩니다.


*텍스트를 잘못 쪼갰을 경우 굳이 지우거나 붙여넣기를 하지 않아도 

쪼개진 뒷 대사 앞에 백스페이스를 눌러 앞 대사와 다시 한 칸으로 붙일 수 있습니다.



*Add to current layer :현재 레이어에 추가 - 텍스트 오브젝트 자체는 분리되더라도 같은 레이어에 생성되게 됩니다. 텍스트 오브젝트들은 한 그룹으로 묶입니다.(추천)

Always create new layer : 항상 새 레이어에 입력 - 텍스트 오브젝트 하나하나 마다 새로 레이어를 생성해줍니다.


Divide with consecutive two line breaks 와

Always create new layer 로 설정 해주시면

엔터 두번으로 대사를 끊어가며 새 레이어에 생성이 가능합니다.

(Divide with one line break로 하시면 한 대사에서 줄바꿈을 할 수 없다.)


Divide with consecutive two line breaks 으로 할 경우, 

나레이션 등에서 빈줄을 넣어 글 문단을 끊어주기 편합니다.



*대사 레이어 개수가 늘어나면 관리가 불편하기 때문에,

Add to current layer 로 설정해서 

텍스트는 끊어주되, 한 레이어에 생성되게 하면

모든 텍스트 박스가 그룹이 됩니다.



그룹으로 묶인 텍스트들.

따로 들어간 텍스트 레이어들끼리 병합해주어도 그룹이 됩니다.



해당 설정들은 직접 글을 입력해보면서 테스트해보시는게 좋을 듯 합니다.

위 의견들은 제가 개인적으로 사용해보고 원고에 좋다고 생각된 설정입니다. 

각기 작업에 맞는 방식으로 세팅해서 사용하세요.:)





4. 말풍선 씌우기




만화 원고에 최적화된 프로그램답게 말풍선 기능이

텍스트 툴과 같은 카테고리에 있습니다.

그냥 펜툴이 아닌 말풍선 툴을 사용하시면 텍스트 툴과 연계가 가능합니다.


텍스트 오브젝트 레이어에 말풍선이 바로 들어갑니다.

말풍선과 텍스트 레이어을 한번에 움직일 수 있으니 편합니다.



이 때, 말풍선을 먼저 그려두는지

대사를 먼저 써두는지에 따라 차이가 있습니다.


말풍선을 미리 그려두고 그 레이어에 텍스트를 입력하면

말풍선 중앙으로 글자가 자동 정렬됩니다.

매번 말풍선에 어긋난 글을 재조정할 필요가 없는거죠.

입력한 텍스트 위에 말풍선 마테리얼을 끌어와도 알아서 합쳐집니다.


다만 미리 입력한 글자에 말풍선을 그려주면 정렬되지 않습니다.


저는 미리 대사를 적어두는 편이 작화 후에 까먹지 않아서

식자를 맨 처음 전부 입력해두고, 말풍선을 그려 위치 조정을 합니다.


대사 입력때 미리 말풍선도 그려버리는 것도 방법일 것 같네요.




5. 텍스트 설정 일괄 수정하기


새로 알게 된 기능이 있어 추가합니다.


보통 텍스트 크기,색,글꼴 등을 수정할 때

일일히 텍스트를 드래그해야해서 불편할 때가 있습니다.

한두개라면 모를까 여러개나 전체를 일괄로 수정해야하면 힘들죠.


이 경우에도 스토리 에디터를 사용하면 간편해집니다.




우선, 텍스트 툴에서 원하는 텍스트 설정을 해줍니다.

그 다음 스토리 에디터 창에서 수정할 대사가 있는 칸을 ctrl + 클릭 해줍니다.


그럼 칸이 파랗게 활성화 됩니다.

여기서 우클릭해서 Apply tool property to text : 툴 설정을 텍스트에 적용을 눌러주면

글자가 텍스트 툴 설정과 같게 바뀝니다.


여러 칸을 선택.

컨트롤키를 누른 채로 중복 선택이 가능하며,

전체 페이지를 바꾸고 싶을 땐 입력칸이 아닌

에디터의 페이지 프레임 부분을 눌러주면 됩니다.


페이지를 선택한 상태.


간혹 텍스트는 바뀌는데 글자 색만 그대로인 경우도 있습니다.

단순 오류인건지 세팅을 빠트린 건진 모르겠어요.

그래도 이 기능을 쓰면 일일히 텍스트 박스 드래그를 하는 수고가 훨씬 줄어듭니다.


*대사 순서를 바꾸고 싶을 때에도 ctrl+클릭한 칸을 그대로 드래그하면

원하는 위치에 박스가 옮겨집니다.




환경설정에서 기본 입력 스타일을 지정해두신 뒤,

일부 큰 글자나 강조할 대사만 이 기능으로 바꾸는 식으로 해주면 편할 것 같아요.

자주 쓰는 설정은 툴 설정을 잠궈두시면 

계속 같은 설정으로 쓸 수 있습니다.







6. 식자 내보내기 / 식자 TXT 파일



원고를 하다보면 대사를 편집자가 따로 박거나 교정을 거쳐야 할 경우,

글자가 없는 원고 이미지와 글로 된 대사 파일이 따로 필요하기도 합니다.


그럴 땐 작업한 식자들을 캔버스가 아닌 TXT 문서 파일로 내보낼 수도 있습니다.






내보내기를 할 때 

아웃풋 이미지에서 Text에 체크를 풀어주면 식자가 없는 이미지 파일로 내보내집니다.





텍스트 레이어가 제외되고 내보내진 이미지 / 포함해서 내보내진 이미지





스토리 인포메이션에도 체크해주면

원고의 모든 식자들이 하나의 TXT파일로 별도 저장되게 됩니다.






내보내기를 한 폴더에 TXT 파일이 있음을 알 수 있습니다.

각 페이지별 식자들이 정리되어 글 파일로 저장됩니다.


식자를 따로 교정 프로그램에 돌리거나 편집자가 따로 식자를 박아야할 때 유용합니다.



7. 텍스트 간격 오류시 해결방법 



간혹 프로그램 충돌인지 텍스트 기능에서 오류가 생길 때가 있는데,

자간이 유독 벌어지거나(설정으로도 고쳐지지 않음)

특수문자가 입력되지 않고 띄어쓰기 간격이 . 으로 표시되는 현상을 겪을 수 있습니다.


처음엔 셀시스에 문의해보고 텍스트 툴을 초기화 시켜도 해결되지 않아서 결국 새로 설치했습니다만,


이런 경우, 환경설정에서 
인터페이스 옵션에 IME 컨트롤 체크박스를 해제하고 
클튜를 재실행하면 해결됩니다. 


환경설정> 인터페이스> IME 컨트롤
체크되어있다면 해제한다


8. 폰트 리스트 만들기



최근 업데이트하면서 생긴 기능입니다. (1.6.2 버전 이상)

기본 폰트나 설치한 폰트가 너무 많아서 찾기 힘들 때, 

자주 쓰는 폰트만으로 커스텀 리스트를 만들 수 있습니다.


텍스트 툴에서 폰트 목록 아래에 설정으로 들어가 목록에 추가할 폰트들을 선택하고 

리스트 이름을 지정해주면 됩니다.






자주 쓰는 폰트 설정은 텍스트 툴을 복사해서 아예 별도 툴로 등록해두는 것도 편합니다. 

고정 세팅을 해두고 설정을 잠궈두면 변하지 않습니다.


글씨체 / 사이즈 별로 네이밍한 텍스트 입력 툴
작품 용도별로 네이밍한 텍스트 입력 툴





9. 합성 글꼴 만들기



1.6.7 버전 이상에서 생긴 기능입니다.

MIXING FONT 라는 옵션으로, 글꼴들을 섞어 한 벌로 쓸 수 있습니다.


폰트 중 영문이나 한글, 한자만 지원하는 것들을 일일히 교체할 필요 없이 조합해줍니다.

숫자나 알파벳, 특수문자 등을 각각 다른 글씨체로 지정하고 싶을 때도 유용합니다. 


아래와 같이, 각기 다른 글꼴로 지정해줍니다. 물론 폰트는 해당 문자를 지원하는 것이어야 합니다.

(EX: 한자 입력이 되는 글꼴로 한자를, 일어 입력이 되는 글꼴로 히라가나,가타카나를 지정해준다.)


*주의 : 한글의 경우 SIGNS에 속해버리는 것 같습니다. (한글을 치면 디폴트 폰트가 아닌, SIGNS 지정 폰트=특수문자들과 같은 글씨체로 입력되네요.)
SIGNS에 체크해두지 않거나, SIGNS에 원하는 한글폰트를 넣어두어야 합니다.
특수문자나 기호들만 따로 지정할 수 있는지 테스트를 더 해보도록 할게요.

이 기능에 대해 잘 아시는 분 제보 부탁드려요.




중간에 폰트를 교체해주지 않아도 이렇게 한번에 입력이 가능해집니다.







해당 포스팅은 주로 제가 써보고 요긴했던 기능,

쓰기에 좀 헷갈렸던 부분들 위주로 작성했습니다.


알아보기 어려운 부분이나 오타 지적, 잘못된 정보는 알려주시면 감사합니다.





도이트, 일러스트레이터. hara1120@naver.com 게시된 모든 창작물의 무단도용, 공유를 금지합니다.

DOIT 님의 창작활동을 응원하고 싶으세요?

댓글 17

SNS 계정으로 간편하게 로그인하고 댓글을 남겨주세요.