네이버- 프랑스어(FR) 가이드입니다.
가이드는 작업 순서에 따라 제작되었습니다. 작업시 꼭 참고 부탁드립니다
작업물 & 해당 가이드라인 외부유출 시 법적 책임을 물을 수 있습니다. [작업 준비]
웹툰 작업 시 중요한 요소 :
•
네이버는 높은 퀄리티, 원본과 흡사한 디자인을 추구합니다. 효과음의 배치, 말풍선의 배치, 등 원본과 흡사한 것을 추구하고 있습니다.
•
모든 식자가 완료되어 읽을 수 있는 상태를 추구합니다. 간판, 상태창, 휴대전화의 화면 등 완벽한 로컬라이징을 추구합니다.
•
통일되고 일관된 말풍선 디자인
•
적절한 여백으로 가독성 좋은 말풍선
•
한글이 보이지 않는 완벽한 상태의 식자
•
원본과 유사한 배열과 디자인
•
보다 더 화려하고, 역동적인 효과음 제작
웹툰 작업 시 배제해야할 요소 :
•
가독성이 안 좋고 작은 텍스트.
•
모양의 통일성이 없는 말풍선.
•
텍스트에 비해 너무 작거나 또는 너무 큰 말풍선.
•
말하는 캐릭터를 파악할 수 없을 정도로 너무 작거나 혹은 너무 눈에 띄게 큰 말꼬리.
•
왜곡이 심한 효과음 디자인
1. 폰트 설정집에 대하여
<폰트 설정의 예>
작품 분위기에 맞는 폰트 선정, 가독성이 좋은 폰트 사이즈를 설정해주세요
예시 이미지에서 체크된 부분의 설정을 변경하지 말아주세요!
•
원본의 디자인과 맞추어 폰트를 설정해줍니다.
•
작업 도중, 설정집에 없는 폰트가 나오거나 디자인 폰트가 추가될 경우, 해당 설정집에 내용 기입 후 담당QM 에게 확인 요청 부탁드립니다.
2. 폰트 설정집 작성 순서
1.
폰트리스트 파일과 폰트 설정집 예시를 다운로드 합니다.
2.
전달 받은 원본 파일을 오픈합니다.
*이때 앞 부분만 확인하는 것이 아닌 전체 파일을 열어 누락되는 폰트 종류가 없도록 파악합니다.
3.
대화체 / 나레이션 / 효과음 / BG스피치 종류를 먼저 배열 합니다.
4.
폰트의 특징을 파악합니다.
•
원본과 비슷한 서체의 디자인 파악
•
원본과 비슷한 크기 파악
•
원본과 비슷한 서체 굵기 설정 파악
•
원본과 비슷한 각진 정도 파악
•
원본과 비슷한 손글씨 느낌 파악
•
원본과 비슷한 텍스트 굵기 파악
5.
폰트 목록에서 원본과 같은 느낌의 텍스트를 지정합니다.
6.
문자 설정값을 지정 후 상단 예시와 같이 설정집을 작성합니다.
•
폰트 이름 / 크기 / 자간 / 원본과의 비교 컷 (효과음은 크기 변동이 많아 원본에 따른 변경 으로 표기해도 가능합니다.)
•
폰트 설정을 보여주는 긴 롤 예시컷 1-2롤
[로고 제작]
01.로고 제작법
1.
원본파일을 확인합니다.
2.
로고의 포인트가 되는 부분을 확인합니다.
3.
로고에 적용된 효과를 파악합니다.
[파악할 효과 요소]
•
그라데이션 효과
•
스트로크 효과
•
텍스쳐 효과
•
아웃 글로우 효과
4.
어울리는 서체를 폰트리스트에서 확인하여 비교하여 선택합니다.
•
폰트리스트에 적절한 효과가 없을 경우 김규희 QM에게 문의
5.
그라데이션, 스트로크, 아웃글로우등 효과를 적용해줍니다.
•
방향, 색상등
6.
텍스쳐가 있는 경우 적절한 텍스쳐를 찾아 클리핑 시켜줍니다.
•
텍스트 레이어 복제 (Control + J) → 그라데이션 효과 적용 해제
•
복사한 텍스트 레이어 위로 텍스쳐 레이어 배치
•
텍스쳐레이어 선택 → 우클릭 → Create Clipping Mask
6.
복사한 텍스트 레이어의 Normal 값을 조정하여 적절한 것을 찾기
7.
원본에 포인트가 되는 부분들을 뜯어 레이어로 분리합니다.
•
영역선택 → 해당 레이어 선택 → 레이어 복사(Control +J)
8.
적절한 위치에 배치하여 원본과 비슷한 느낌의 로고를 완성합니다.
[식자 작업]
01. 폴더양식 및 파일 양식
1.납품규격 / 파일명
•
PSD 사이즈
•
가로 : 690Px (예외시 따로 전달 드린 크기로 진행)
•
파일명: FR_Series Name_01_001 / FR_Series Name_01_ 002 / FR_Series Name_01_003…
•
파일 용량이 크거나 길어서 PSB파일로 진행시 세로길이 25,000px 이하로 파일을 나눠 PSD로 저장
원본파일이 PSB일 경우 PSD로 변환
-원본파일의 용량이 크거나 캔버스 사이즈 세로가 30000px 이상일 경우 PSB파일로 자동 저장되기 때문에 캔버스 사이즈를 조정하여 PSD파일로 변환하여 작업을 진행해야합니다.
[변환 방법]
1.
상단바 View → Rulers 클릭 [단축키:Control + R]
2.
중간 그림과 문자가 잘리지 않는 여백에 룰러 끌어당기기
3.
크롭툴 → 룰러표시된 부분까지 상단 부분만 남기고 자르기
4.
다른 이름으로 저장하여 파일 넘버 조정
5.
Control + Z
6.
룰러 표시된 부분까지 하단 부분만 남기고 자르기
7.
다른 이름으로 저장하여 파일 넘버 조정
02. 원본 레이어 생성
1.
원본 레이어 만들기
•
전체 레이어 선택 → Control + J (레이어 복사 / 붙여넣기)
•
복사된 레이어 전체 선택 후 control + E (Merge) or 우클릭 → 레이어 병합(Merge Layers)
•
병합된 레이어 명을 [ORIGINAL]으로 변경
•
control + Shift + ] 로 맨위 레이어로 이동
•
레이어 눈을 껐다가 켜면서 원본과 비교하며 작업
03. 레이어 정리
다음과 같은 순서로 레이어를 정리하고 해당 폴더 안에 정리하여 제작합니다.
•
ORIGINAL ( 원본 merge 레이어 )
•
FR (레이어 그룹)
— SFX (FR 하위 레이어 그룹)
— TEXT (FR 하위 레이어 그룹)
— BUBBLE (FR 하위 레이어 그룹)
— RETOUCHING (FR 하위 레이어 그룹)
•
BACKGROUND (모든 원본의 글씨를 지운 작화)
05.말풍선 제작법
[ 말풍선 제작시 유의 사항]
-말풍선은 항상 도형 툴과 펜 툴을 이용하여 모두 패스 상태로 제작되어야 합니다.
-성게 말풍선, 일러스트가 들어간 말풍선의 경우 원본 파일을 활용하여 사용합니다.
- 원본 파일 활용 시, 화질 저하를 막기 위해 고급개체화 (smart object) 시켜주세요
[말풍선 제작법]
1.
도형툴을 이용하여 말풍선 구를 생성
2. 패스바를 이용해 모양 다듬기
•
단축키 A를 누르면 패스를 조정할 수 있는 선택툴이 활성화 됩니다.
•
Shift 키를 누른 상태로 수직 수평으로 이동하여 네 모서리의 모양을 일정하게 다듬어줍니다
•
상하 좌우 여백이 일정하게 여백은 글자 2개가 들어갈 정도의 여백이 적당합니다
•
직접 만드는게 어려우시다면 말풍선 모양은 참조된 말풍선 사용을 권장 드립니다.
3.
텍스트 입력 후 상단의 Align으로 가운데 정렬
•
정렬이 맞지 않으면 큰 이슈가 됩니다 꼭 유의해주세요
•
이때 말풍선 꼬리를 만들기 전에 진행해주셔야합니다
** 상단의 Align으로 가운데 정렬이 맞는지 재확인 **
•
말풍선 꼬리를 만들기 전에 꼭 가운데 정렬을 확인해주세요
4.
해당 말풍선을 클릭 후 펜툴을 이용해 말꼬리 제작
5.
생성된 말꼬리 레이어와 말풍선 본체 레이어를 복수 선택 후 Control+E 를 눌러 (Shape Merge)
•
혹은 상단의 combine Shpes를 누른 뒤 펜툴로 말꼬리를 제작
•
펜툴로 제작 해야하는 말풍선
◦
선이 균일화 된 모양
◦
패스로 제작 가능한 모양
◦
클리핑등 재질이 없는 모양
•
원본 리소스를 활용 가능한 말풍선 예시
◦
이미지적 요소가 들어간 말풍선
◦
패스로 제작하기 어려운 모양
06. 말풍선 배치
•
원본과 같은 위치에 배치해주세요
•
말풍선이 캐릭터의 얼굴 혹은 중요한 손 동작 등 요소들을 가리지 않도록 배치해주세요
•
말풍선 꼬리는 화자의 입쪽을 향하도록 신경써주세요
•
말풍선의 배치는 이미지안에서 최대한 여백에 가까운 단순한 배경에 위치하는 것이 좋습니다.
•
말풍선의 위치가 컷을 벗어날 것 같다면 컷선과 너무 가깝게 배치하지 말아주세요 (3분의 1이 컷안으로 들어오거나 3분의 2가 컷 안으로 들어오는 것이 좋습니다.)
[나쁜 예시 - 수정 전]
[좋은 예시 - 수정 후]
•
•
사이드에 말풍선이 잘리지 않게 해주세요
•
불필요한 컷 선이 보이지 않도록 해주세요
07.효과음(SFX) 제작법
•
효과음은 효과선과 같은 디테일이 포함되어 있는 레이어가 많기 때문에 레이어를 삭제할 때 유의하며 작업 도중 레이어가 꺼지는 것에 유의해주세요 :)
•
원본과 같은 위치, 같은 크기로 맞춰주세요
•
번역 값이 없더라도 … / - / ? 와 같은 효과음의 특수 기호 요소들은 원본과 같이 첨부해주세요
•
텍스트 효과는 자유변형을 통해 비트는 것을 지양해주세요
•
필요시 예외적으로 텍스트 설정에서 이텔릭 효과를 주는 것은 무방합니다.
•
텍스트 크기나 글자간 위치 변화로 조절해주세요
•
효과음 강약 조절과 계단식 배치 : 이때 각 효과음 크기는 꼭 정수로 설정
•
효과음의 경우 원문과 같은 효과를 적용해주세요 (그라데이션, 스트로크, 텍스쳐등)
•
모든 텍스트는 fx 적용시 레스터화는 금지하고 있습니다.
•
스마트 오브젝트(고급개체)로 전환하여 사용해주세요 : 수정이 가능해야합니다.
** 변형이 필요한 효과음 레이어 클릭 → 우클릭 → 스마트 오브젝트 (Convert to Smart Object) 후 효과 적용
08.효과음(SFX) 배치
•
원본 위치와 같은 위치에 같은 크기로 배치해주세요
•
불가피하게 원본과 다른 위치에 배치해야한다면 아래 유의사항을 적용해주세요
1.중요한 장면을 가리지 않으면서 여백에 가까운 위치에 배치합니다.
2.컷선과 너무 가깝지 않게, 컷 밖을 나간다면 3분의 1을 빼거나 3분의 2가 나가 있게 배치합니다.
3.왼쪽에서 오른쪽으로 위에서 아래(사선배치시)로 읽을 수 있도록 배치해주세요.
09. BG 스피치
•
원본 위치와 같은 위치와 크기로 가독성 및 원화를 가리지 않게 배치
10. 주의사항
•
텍스트 레이어를 생성 하실 시에는, 클릭만으로 텍스트 레이어를 생성합니다.
◦
드래그로 텍스트 레이어를 생성하지 않습니다 : Align 기능을 활용하기도 어려워 집니다 ㅜㅜ
◦
붙여넣는 과정에서 텍스트 초단 말단에 스페이스가 추가 되어 있지 않는지 주의합니다.
•
말풍선의 통일성을 중요시 합니다!
*대화 말풍선 / 소리치는 말풍선 / 생각 말풍선 등의 각각의 모양을 동일 하게 하되, 비율을 망가 트려선 안됩니다.
•
텍스트는 원본과 같은 효과를 적용해주시기 바랍니다.
•
로컬라이징 과정에서 한글이 남지않게 유의합니다
•
모든 한글은 지워주신 후 해당 위치에 맞게 번역어를 입력해주세요
*
