[경고] 본 제작자료와 토투스 작업물에 대한 저작권은 당사에 있으며 당사의 식자 작업 이외에는 어떤 경우에도 사용이 불가합니다. 저작권에 위배되는 무단복제 및 전재, 재배포 시 형사 고발 조치됨을 알려드립니다.
1. 해당 가이드는 작업 순서에 따라 제작되었습니다. 작업 시 순서대로 참고 부탁드립니다.
2. 해당 가이드는 기본 가이드라인입니다.
( 토투스 포지션 테스트와 실제 작업의 기본 안내용으로만 이용해주세요 )
3. 합격 후, 고객사에서 가이드라인을 전달받은 경우 고객사 가이드라인을 최우선으로 반영합니다.
Part 1. 웹툰 식자의 기본
1-1. 웹툰 식자란 ?
1-1-1. 웹툰 식자 정의
웹툰 식자란, 원본 만화 이미지에서 번역되기 전의 글자를 제거하고, 번역자가 작성한 번역문을 만화 이미지에 삽입하는 작업을 의미합니다.
웹툰은 이미지 안에 포함된 단어의 선택 뿐만 아니라, 그 단어들이 배치되는 방식에 따라 의미가 완전히 달라질 수 있기 때문에 웹툰 식자 작업은 굉장히 중요합니다.
웹툰 식자 작업은 전 세계 독자들이 원작과 동일한 감동을 느낄 수 있도록 하는 것을 최종 목표로 하며, 이를 염두에 두고 작업을 부탁드립니다.
1-1-2. 식자 에디터 사용법
토투스에서는 식자 전/후 의 결과물을 한 화면에서 확인 할 수 있도록 에디터를 활용합니다.
효율적인 에디터 활용을 위해 아래 사용 안내서를 정독해주세요.
Part 2. 식자 작업
[사전 준비]
2-1. 폰트 확인
•
레퍼런스의 폰트 설정집을 다운 받아 지정 폰트를 확인합니다.
[실작업]
2-2. 레이어
2-2-1. 원본 레이어 생성
1.
원본 레이어 만들기
•
전체 레이어 선택 → Control + J (레이어 복사 / 붙여넣기)
•
복사된 레이어 전체 선택 후 control + E (Merge) or 우클릭 → 레이어 병합(Merge Layers)
•
병합된 레이어 명을 [원본]으로 변경
•
control + Shift + ] 로 맨위 레이어로 이동
•
레이어 눈을 껐다가 켜면서 원본과 비교하며 작업
2-2-2. 레이어 정리
•
작업이 완료되시면 아래 내용을 준수하여 레이어를 정리합니다.
1.
레이어 순서 (순서 변경 X)
2.
레이어 설명
•
텍스트(Text): 나레이션, 독백, 대화, 통화등 모든 대사 레이어 모음
•
의성어(효과음)(Sound Effects): 텍스트 및 레터링(이미지) 레이어 모음
•
말풍선(Speech Bubbles): 원본에서 가져온 말풍선(이미지) 및 패스 작업한 말풍선 레이어
•
기타(etc.): 건물 간판, 식당 메뉴판, 신문, 잡지 등 대사와 효과음이 아닌 것
•
IMG: 각 그림 컷팅된 그림 레이어
•
배경(Background): 모든 레이어의 기본으로 레이어 지정시 배경 색과 동일한 색으로 지정하고 설정(원고 배경이 화이트인 경우 화이트 / 검정인 경우 검정으로 지정 후 배경레이어 설정)
2-3. 말풍선
2-3-1. 말풍선 제작
2-3-1-1. 말풍선 제작 규칙
1.
모든 말풍선은 패스(Path)로 제작해 주세요.
•
단, 성게 말풍선 등 패스로 제작 불가능한 말풍선은 원본 말풍선을 고급개체(smart object) 화 시켜서 사용해주세요.
b. 말풍선 모양/ 효과를 원본과 비슷하게 편집해 주세요.
c. 펜툴로 제작 해야하는 말풍선
•
선이 균일화 된 모양
•
패스로 제작 가능한 모양
•
이미지적 요소가 없는 모양
•
해당 psd 필요 시 김규희 QM 에게 문의 하시면 전달 드리겠습니다.
d. 원본 리소스 활용 가능한 말풍선 예시
•
이미지적 요소가 들어간 말풍선
•
패스로 제작하기 어려운 모양
e. 말풍선 제작 시 통일성을 중요시 합니다.
•
대화 말풍선 / 소리치는 말풍선 / 생각 말풍선 등의 각각의 모양을 동일 하게 하되, 비율을 망가 트려선 안됩니다.
•
말풍선 안의 모양은 다이아몬드 모양을 중요시 합니다. 말풍선에 예쁘게 들어가도록 자유롭게 개행 해주셔도 좋습니다.
* 개행을 할 때에는 띄어쓰기 앞에서의 개행만을 허용합니다. 원문에서 띄어쓰기가 되어있지 않는 곳에 멋대로 개행하지 않도록 부탁드립니다.
*다이아몬드 모양을 중요시 하며, 끊어지지 않도록 주의해주시기 바랍니다.
* I / THE / A,AN / DR. / MR.MS. / 등 관사와 명칭 등의 곳에서의 띄어쓰기를 금지합니다.
* 하이픈(-)이 문장에 앞에 있어선 안됩니다. 문장에 뒤로 가도록 해주세요
2-3-1-2. 말풍선 제작법
1.
도형툴을 이용하여 말풍선 구를 생성
2.
패스바를 이용해 모양 다듬기
•
단축키 A를 누르면 패스를 조정할 수 있는 선택툴이 활성화 됩니다.
•
Shift 키를 누른 상태로 수직 수평으로 이동하여 네 모서리의 모양을 일정하게 다듬어줍니다
예시 이미지는 세로형이지만 우리는 가로형으로 만들어야합니다. 도형툴을 이용한 말풍선 제작법에만 집중해주세요.
3.
텍스트(대사)를 배치합니다.
말풍선 내 텍스트 배치 시 여백
1.
여백의 통일성이 중요합니다. 여백은 항상 일정한 간격을 유지합니다.
( 상하 좌우 글자 1개 정도가 더 들어갈 정도의 여백 )
2.
텍스트 모양과 말풍선의 모양이 일치하도록 만듭니다.
( 그래야 여백이 일정하게 보입니다 )
3.
글씨가 길어진다고 여백이 좁아지거나 글씨가 짧아진다고 여백이 넓어지지 않도록 주의합니다.
예시 이미지는 세로 배치인 일본어입니다. 말풍선 상하좌우 여백의 사이즈만 확인해주세요.
4.
텍스트 배치 후, 상단의 Align으로 가운데 정렬이 맞는지 재확인
5.
해당 말풍선을 클릭 후 펜툴을 이용해 말꼬리 제작
a.
말풍선 꼬리를 만들기 전에 꼭 가운데 정렬을 확인해주세요
6.
생성된 말꼬리 레이어와 말풍선 본체 레이어를 복수 선택 후 Control+E 를 눌러 (Shape Merge)
혹은 상단의 combine Shpes를 누른 뒤 펜툴로 말꼬리를 제작
예시 이미지는 세로 배치인 일본어입니다. 말꼬리 제작법만 확인해주세요.
2-3-2. 말풍선 배치
1.
영문은 위에서 아래가 아닌, 왼쪽에서 오른쪽 방향으로 읽어야 합니다.
(라인마다 단어를 하나씩 나누는 것보다 여러 단어를 붙여서 길게 쓰는 것이 가독성이 좋습니다.)
2.
작화 사이의 간격 400px 권장
3.
필요시 작화의 여백을 늘려도 괜찮습니다.
4.
말풍선과 효과음은 작화의 중요한 부분을 피해서 여백에 배치합니다. (이 경우 작화의 여백을 늘려도 괜찮습니다.)
•
얼굴, 손, 중요한 효과 등을 피해서 최대한 여백에 배치해주세요
•
말풍선이 컷의 여백에 닿지 않게 조절하여 배치해주세요. 말풍선이 잘려선 안됩니다.
5.
말풍선 꼬리는 화자의 입쪽을 향하도록 더블 체크합니다. (발화자가 아닌 인물의 입쪽을 향하지 않도록 주의해주세요)
2-4. 효과음(SFX)
2-4-1. 효과음 제작법
•
효과음은 효과선과 같은 디테일이 포함되어 있는 레이어가 많기 때문에 효과선 레이어까지 삭제하지 않고 눈을 끄지 않도록 유의합니다.
•
모든 텍스트 (효과음 포함) 는 마지막까지 번역이 수정될 수 있기 때문에, 기본 텍스트 상태를 유지합니다.
•
모든 텍스트 (효과음 포함)는 변형이 필요할 시에는 스마트 오브젝트 (고급개체)로 전환하여 모두 수정 가능한 형태로 변형되어야 합니다. (래스터화 절대 금지)
◦
변형이 필요한 효과음 레이어 클릭 → 우클릭 → 스마트 오브젝트 (Convert to Smart Object) 후 효과 적용
•
효과음은 가로형 타입을 기본으로 합니다.
◦
세로형 타입은 가급적 피해주세요.
•
원문과 같은 효과를 적용해주세요.
◦
그라데이션, 스트로크, 텍스쳐등
•
효과음의 크기의 강약, 기울기 등 조정하여 효과적으로 작업해주세요.
2-4-2. 효과음 배치
•
효과음의 방향, 위치 등이 좌>우 배치에 적절하게 배치해주세요.
2-5. BG 스피치
2-5-1. BG 스피치란 ?
•
BG 스피치란, 손글씨 폰트의 말풍선 밖 대사를 가리킵니다.
2-5-2. BG 스피치 배치
1.
원본 위치를 참고하며 가독성을 고려하여 배치합니다.
2.
최대한 원화의 중요한 부분을 가리지 않는 곳 혹은 여백에 배치합니다.
[작업 완료]
2-6. 제출 양식
2-6-1. 폴더/파일명
1.
모든 PSD는 PSD, JPG 두 가지 종류로 저장합니다.
a.
PSD 파일 : 가로 1500px 고정
2.
파일명 = 001, 002, …
3.
제출 시, 에디터에 업로드합니다. 정확한 제출 방법 및 양식은 아래 캡쳐이미지를 참고합니다.
3-1. (좌) 상위 폴더 2개 생성
•
첫번째 폴더 명 : PSD
•
두번째 폴더 명 : JPG
3-2. (우) 각 상위 폴더 당 하위 파일 추가
•
PSD 폴더에는 PSD 추가
•
JPG 폴더에는 JPG 추가
•
파일명: 001, 002, 003…
4.
제출하기 클릭 > "브라우저가 지원하지 않는 이미지입니다"라고 나와도 무시하고 제출해주시면 됩니다.
제출 전 꼭 확인 부탁드립니다!
1.
제출 형식이 잘 지켜졌는지 (파일명, 폴더명, 등)
2.
제출 파일의 크기가 맞는지 (가로크기- PSD 파일 : 가로 1500px 고정, 해상도 등)
2-6-2. PSB → PSD 파일 변환
1.
규칙
(1) 원본파일이 PSB일 경우 PSD로 변환
-원본파일의 용량이 크거나 캔버스 사이즈 세로가 30000px 이상일 경우 PSB파일로 자동 저장되기 때문에 캔버스 사이즈를 조정하여 PSD파일로 변환하여 작업을 진행해야합니다.
2.
[변환 방법]
(1) 영상
(2) 요약
1.
상단바 View → Rulers 클릭 [단축키:Control + R]
2.
중간 그림과 문자가 잘리지 않는 여백에 룰러 끌어당기기
3.
크롭툴 → 룰러표시된 부분까지 상단 부분만 남기고 자르기
4.
다른 이름으로 저장하여 파일 넘버 조정
5.
Control + Z
6.
룰러 표시된 부분까지 하단 부분만 남기고 자르기
7.
다른 이름으로 저장하여 파일 넘버 조정
Part 3. 자주 하는 질문
3-1. FAQs
식자 테스트 관련 FAQ입니다. 문의 전 확인 부탁드립니다 ( 주의: 언어셋 - EN 의 내용만 해당됩니다. 언어셋 -JA의 내용은 본 가이드를 읽는 작업자분들과 관련 없는 내용입니다.)
Part 4. 제출 전 - 필수 체크 리스트
4-1. 체크 리스트
아래의 체크 항목을 확인하시면, 실 작업 중 실수를 줄이고 합격 확률을 높일 수 있습니다!
모든 말풍선을 패스(Path)로 제작 (도형툴(Shape Tool), 펜툴(Pen Tool) 이용)
말풍선 내 텍스트 Align으로 가운데 배치
말풍선의 여백 및 모양
일정한 여백 - 짧은 글은 여백이 넓고 긴 글은 여백이 좁으면 안 됩니다.
말풍선 모양 - 패스바를 수평으로 이동한 살짝 둥그런 계란 모양
말풍선 배치
말풍선이 컷의 좌/우 사이드에 딱 붙거나 말풍선이 잘리지 않도록 배치 (너무 붙은 경우 사이드에 살짝 여백을 추가)
말풍선이 컷의 상/하를 어가는 경우, 말풍선의 3분의 1이 컷 안으로 들어오거나 3분의 2가 컷 안으로 들어오도록 배치
문자 설정 / 단락 스타일 설정 / 단락 설정이 가이드를 준수하였는가
효과음 제작 시 스마트 오브젝트로 제작되었는지
업로드한 파일명은 001, 002, 003…으로 되어 있는지
업로드한 2가지 폴더 (JPG, PSD)에 제출 파일이 잘 포함되어있는