Тайп (или тайпсет) - это перенос и оформление текста перевода на страницы манги, манхвы или комикса. Главная задача тайпера - сделать текст максимально удобным для чтения, сохранив атмосферу оригинала и гармонию с рисунком. Можно сделать отличный перевод, идеально почистить сканы и красиво оформить страницу, но если текст неудобно читать - вся работа начинает разваливаться.

Главная задача тайпа - не «сделать красиво», а сделать так, чтобы читатель вообще не задумывался о тексте. Он должен спокойно читать историю, не спотыкаясь взглядом о плохие переносы, кривую центровку или нечитаемый шрифт. Хороший тайп почти незаметен, а плохой сразу бросается в глаза.

В этой статье мы постарались собрать всё самое важное:

• основы работы с текстом в Photoshop,
• центровку,
• компоновку,
• оформление,
• подбор шрифтов,
• частые ошибки,
• и просто вещи, которые обычно понимаешь только спустя несколько проектов.

Статья написана в первую очередь для новичков, но и более опытные тайперы, думаем, найдут для себя что-то полезное.

Термины и определения:

• Тайп - перенос и оформление текста;
• Баллон - область с текстом;
• Компоновка - расположение строк внутри баллона;
• Висячая пунктуация - визуальная компенсация знаков препинания при центровке;
• Кернинг - изменение расстояния между отдельными буквами;
• Трекинг - изменение расстояния между всеми буквами;
• Интерлиньяж - расстояние между строками;
• Анлейт - английский сканлейт манги;
• SFX - звуковые эффекты;
• Кегль - размер шрифта, измеряется в пунктах (pt).

Инструменты Photoshop

Для начала разберём окно символов.

Чтобы добавить его нужно перейти в Окно → Символ.

Это и есть главное окно тайпера. Именно здесь вы будете проводить большую часть времени. Разберем его подробно:

1. Выбранный шрифт;
2. Стиль шрифта. Есть обычный, жирный, курсив и жирный курсив;
3. Размер шрифта;
4. Межстрочный интервал;
5. Кернинг (стоит выделить, что всегда должен стоять “Оптический” - Так расстояние между буквами будет одинаковым на глаз);
6. Межбуквенный интервал;
7. Масштаб буквы по вертикали;
8. Масштаб буквы по горизонтали;
9. Смещение позиции буквы по вертикали;
10. Цвет;
11. Стиль текста (псевдополужирный, псевдокурсив, все символы прописные, строчные из прописных, индекс над буквой, индекс под буквой, подчёркнутый текст и зачёркнутый);
12. Метод сглаживания. Рекомендуется плавный или четкий.

Теперь рассмотрим окно абзац - здесь вам нужны буквально несколько вещей:

1. Выравнивание по левому краю, центру и правому краю. Выравнивание для текста в обычных баллонах почти всегда «по центру». Не надо выравнивать реплики по левому краю «потому что так красивее».
2. Переносы. Переносы для удобства лучше выключить. Так вам не придётся убирать лишние переносы. Изредка включаю, чтоб сделать перенос.
3. Висячая пунктуация. Включается в окне абзац - нажимаем на символ с 4 горизонтальными черточками в правом верхнем углу окна → «Висячая пунктуация европейских шрифтов».

Инструмент текст вызывается английской буквой T или через панель инструментов.

Существует два способа ввода текста:

1. Строкой. Просто кликаете по странице и печатаете.

2. Текстовым блоком. Зажимаете ЛКМ и тянете область. Я очень советую работать именно блоками. Так легче центрировать, проще менять компоновку, удобнее подгонять текст, плюс работает висячая пунктуация.

Кроме этого, нажатием ПКМ на символ “Текст” можно изменить ориентацию текста на вертикальную. Это можно сделать и с помощью символа

в верхней части панели инструментов.

Да, в Photoshop можно писать вертикально. Однако делать так не надо - русский язык плохо читается вертикально. Читатель не должен наклонять голову ради вашей вёрстки. Иногда это приходится использовать для стилизации звуков или вывесок, но это скорее исключение.

Последний инструмент, который мы рассмотрим - окно глифы.

Полезный инструмент, про которые многие забывают. Там находятся:

• сердечки,
• нотки,
• специальные символы,
• декоративные знаки.

Иногда спасает, когда нужного символа нет на клавиатуре.

Центровка

Вот тут у новичков начинается настоящий ад. Можно взять хороший шрифт, хороший перевод, всё сделать правильно… и убить страницу плохой центровкой.

Разберём центровку разных видов баллонов:

1. Обычные баллоны.

Овальные и прямоугольные. Обычные овальные баллоны - это стандартная речь персонажей. Это самый «нейтральный» тип баллона. Прямоугольные баллоны обычно используются немного иначе. Чаще всего это мысли, текст рассказчика, внутренний монолог, пояснения, воспоминания и т.д.

Как центрировать:

1. Создаёте текстовый блок.
2. Подгоняете его ширину под баллон.
3. Делаете компоновку.
4. Зажимаете ALT.
5. Тянете нижнюю границу блока вверх.

Photoshop автоматически ставит текст по вертикальному центру. Очень удобная функция в руках тайпера.

2. Острые баллоны.

Острые баллоны в манге обычно используются для реплик с повышенной эмоциональностью или необычной подачей голоса. Их форма сама по себе уже передаёт интонацию, ещё до того как читатель прочитает текст.

Для тайпа это важно потому, что:

• в острых баллонах обычно используют более жирный текст,
• компоновка становится плотнее,
• центр текста ищется иначе, чем в обычных овальных баллонах,
• слишком «мягкий» шрифт в них может выглядеть неуместно.

Для центровки в них есть 2 подхода:

• по выпуклостям,
• по впадинам.

Я советую по впадинам - обычно выглядит аккуратнее.

3. Обрезанные баллоны.

Это баллоны, часть которых выходит за границы кадра или страницы и поэтому не видна целиком. Для тайпера такие баллоны - одна из самых неприятных вещей, потому что Photoshop не умеет автоматически находить их визуальный центр.

Новички почти всегда делают одну ошибку: они центрируют текст по видимой части баллона как по обычному овалу. Из-за этого текст начинает выглядеть смещённым.

Как правильно центрировать обрезанный баллон:

Нужно искать не геометрический центр прямоугольника, а визуальный центр формы. Проще всего:

• мысленно представить весь баллон целиком,
• понять, где находился бы центр,
• и уже относительно него ставить текст.

Есть ещё хороший способ - «метод площадей». Смотрите:

• сколько пустого места сверху,
• снизу,
• слева,
• справа от текста.

Если пустые области выглядят примерно одинаковыми по массе - текст стоит хорошо.

Очень важно: не прижимайте текст к обрезанному краю. Новички часто думают, что раз баллон обрезан, значит текст можно придвинуть ближе, совершая ошибку. Текст всё равно должен «дышать». Воздух внутри баллона остаётся важным даже у обрезанных форм.

Висячая пунктуация

Невероятно важная вещь. Без неё текст выглядит кривым, даже если человек не понимает почему. Photoshop нормально компенсирует не все символы.

Часто приходится вручную свешивать:

• ?
• !
• ?!
• …

обычным пробелом (или двумя пробелами) в начале строки.

Другой способ - поставить в начале строки тот же символ. Если текст начинается с многоточия, то в конце строки справа тоже ставим многоточие, но красим в цвет баллона (чаще всего белый).

Оформление текста

Под оформлением подразумевается обводка, тени, свечение, градиенты, цвет. Окно стиля слоя открывается двойным кликом по слою во вкладке в нижнем правом углу.

Рассмотрим каждый пункт по отдельности:

1. Обводка

Самый важный и самый используемый эффект в тайпе. Обводка помогает отделить текст от фона, повысить читаемость и сохранить текст видимым на шумных или тёмных участках.

Чаще всего используется:

• белый текст + чёрная обводка,
• или чёрный текст + белая обводка.

Размер обводки зависит от размера страницы/текста ми разрешения скана, но чаще всего хвататет 2-4 px. Главное правило - обводка не должна жрать сам текст. Если буквы начинают превращаться в жирные кляксы, значит, обводка слишком толстая.

Также Photoshop позволяет накладывать несколько обводок сразу.

Это полезно, например, для криков, звуков, демонических голосов, текста на сложном фоне.

Пример:

• внутренняя чёрная обводка,
• внешняя белая,
• ещё одна цветная сверху.

Но тут очень легко переборщить. Если текст начинает выглядеть как логотип энергетика из 2007 года - вы увлеклись.

2. Тень

Тень добавляет тексту объем. Используется для декоративного текста, звуков, вывесок, заголовков, иногда для криков. Тень помогает, когда текст лежит поверх сложного фона, нужно отделить надпись от рисунка, хочется добавить глубину.

Главная ошибка новичков заключается в наложении слишком сильной тени. Хорошая тень почти незаметна. Она должна помогать тексту, а не перетягивать внимание на себя.

Обычно намного лучше выглядит тень с маленьким смещением, низкой прозрачностью и мягкими краями. Особенно в чёрно-белой манге.

3. Свечение

Свечение используют для передачи магии, энергии, мистики, яркого света, электронных эффектов, «неземного» голоса и т.п.

Белое/чёрное свечение чаще всего используется для светящихся реплик, магических заклинаний, речи божественных существ, сна или воспоминаний. Цветное свечение подходит для: цветных страниц, неоновых эффектов, sci-fi, интерфейсов, цифровых голосов.

Со свечением тоже нужно быть аккуратнее, ведь можно легко оступиться, сделав слишком яркое свечение, огромный радиус или кислотные цвета. Из-за этого текст начинает мылиться, терять читаемость и сливаться с фоном. Помним, что если свечение мешает читать, то оно сделано плохо.

4. Градиент

Градиент - это переход одного цвета в другой. В обычном диалоге почти не используется. Чаще всего применяется для логотипов, названий, декоративных надписей, звуков, особых эффектов.

Градиент уместен, когда используется, например:

• огненный текст,
• ледяной эффект,
• металлическая надпись,
• магическая энергия.

В случае обычного диалога градиент не применяется - обычный баллон не должен выглядеть как баннер игрового сервера. Большинство обычных реплик прекрасно работают вообще без эффектов.

Компоновка

Именно компоновка чаще всего отличает хороший тайп от плохого. Даже с идеальным шрифтом страница может выглядеть криво, если текст разбит неудачно. Главная цель компоновки - сделать текст лёгким для чтения. Читатель должен воспринимать реплику сразу целиком, не спотыкаясь глазами о странные переносы или рваный ритм строк. Существует несколько подходов к компоновке текста в баллонах, в данной статье будет представлен способ, предпочитаемый лично мной.

Основные правила компоновки:

1. Текст должен иметь форму баллона.

Текст должен иметь форму баллона - это самое важное правило. Текстовый блок должен визуально повторять форму самого баллона. Например, в овальном баллоне текст обычно делают более округлым.

2. Строки должны быть примерно одинаковой длины.

Очень короткая строка рядом с очень длинной создаёт визуальную грязь.

3. Не отрывайте служебные слова.

Самое основное, что вы должны запомнить - предлоги, частицы и союзы от слова не отрываются. Помните, оставляя предлог, союз или частицу в конце строки, вы создаете вероятность, что читатель его не заметит.

4. Избегайте лишних переносов.

Переносы должны быть оправданы. Если можешь убрать - убери. Помните, что перенос - запинка для читателя. Без него текст воспринимается намного легче. Читатель не должен напрягать лишний раз голову, чтоб соединить начало и конец слова!

5. Воздух.

Между текстом и границами баллона должен оставаться отступ. Текст не должен:

• липнуть к краям,
• касаться обводки,
• упираться в хвост баллона.

Подбор шрифтов

На практике вам не нужны десятки разных шрифтов для каждой эмоции или персонажа. Наоборот - чем чище и стабильнее выглядит типографика, тем профессиональнее воспринимается страница.

Минимальный набор шрифтов:

• основной,
• для мыслей,
• для криков,
• эмоциональный.

Рекомендем создавать пресеты шрифтов и всегда держать под рукой открытые окна с настройками текста. Это сильно ускоряет работу и избавляет от постоянной ручной настройки одних и тех же параметров.

Пресеты можно назвать по схеме: назначениеНазвание_шрифта, например, screamCCBatlleCry.

Так намного проще ориентироваться, особенно если у вас большая библиотека шрифтов. Через пару проектов их количество легко переваливает за сотню, и искать нужный вручную становится мучением.

Кроме того, пресеты сохраняют: размер текста, трекинг, ширину шрифта, цвет, сглаживание, настройки абзаца и другие параметры инструмента. Это помогает поддерживать единый стиль по всей главе и избегать ситуаций, когда:

• в одном баллоне текст чуть уже,
• в другом внезапно другой интерлиньяж,
• а в третьем вообще случайно выключился кернинг.

Потратите пять минут на настройку - сэкономите себе часы в будущем.

Теперь перейдём к разбору минимального набора шрифтов тайпера:

1. Основной шрифт

Это шрифт, который будет использоваться большую часть времени - для обычных диалогов и повседневной речи персонажей. Именно его читатель видит чаще всего, поэтому главный критерий здесь - читаемость.

Не пытайтесь сделать основной шрифт «интересным». Чем он незаметнее, тем лучше. Также не стоит постоянно менять основной шрифт от проекта к проекту. Намного полезнее найти несколько хороших вариантов и привыкнуть к ним.

Хорошие варианты:

• Anime Ace
• CC Wild Words (мой личный фаворит)
• Blambot Classic
• Komika Text
• Manga Speak
• Digital Strip
• Wild Words Roman
• Crime Fighter BB
• Augie
• Sequentialist

2. Мысли

Мысли чаще всего оформляются курсивом, более мягким начертанием, иногда чуть меньшим размером. В большинстве случаев отдельный шрифт для мыслей вообще не нужен. Намного аккуратнее выглядит курсивное начертание основного шрифта. Это помогает сохранить единый стиль страницы.

Главное - не делать мысли слишком декоративными. Их всё ещё должно быть удобно читать.

Хорошие варианты:

• Anime Ace Italic
• Wild Words Italic
• Komika Italic
• Augie Italic
• Digital Strip Italic

3. Крики

Крики требуют большего визуального веса. Обычно для них используют жирное начертание основного шрифта, либо отдельный более резкий шрифт.

У криков часто острые баллоны, плотная компоновка, крупнее размер текста и более сильная обводка. Если берёте отдельный шрифт для криков - лучше искать:

• вытянутые формы,
• острые углы,
• плотные буквы,
• агрессивный силуэт.

Но помните, что крик тоже должен оставаться читаемым. Очень многие «крик-шрифты» выглядят эффектно только первые две секунды, а потом превращаются в кашу из линий.

Хорошие варианты:

• el_SignPainter
• Reliable DEMO
• BeatDownAltsBB
• KomikaAxis
• ShoutOut

4. Эмоциональные шрифты

Это ситуативные шрифты для особых эффектов и атмосферы.

Например, страшный голос, шёпот, механическая речь, радио, демонический голос, истерика, стон и т.д.

Такие шрифты могут быть менее читаемыми, чем основные, но не до такой степени, чтобы читатель не мог разобрать текст. Главная задача эмоционального шрифта - передать ощущение.

Например:

• дрожащие буквы создают тревогу,
• рваные формы делают речь агрессивной,
• тонкий шрифт может создать ощущение слабости,
• широкий тяжёлый текст добавляет давления.

Но использовать такие шрифты нужно очень осторожно. Если каждый второй баллон оформлен «особенным» шрифтом - страница начинает выглядеть дешёво и перегружено. Эмоциональные шрифты работают именно потому, что используются редко.

Хорошие варианты:

• Whortle
• Drina
• Mango
• Pink Mouse

Полезные сайты с большим разнообразием шрифтов:

• Шрифты V3.0
• Каталог шрифтов
• Шрифты

Частые ошибки

У новичков в тайпе обычно повторяются одни и те же проблемы. Самая распространённая - поворот текста на 90°. Даже если это звук или декоративная надпись, не заставляйте читателя наклонять голову ради чтения. Русский язык плохо воспринимается вертикально, и такой текст почти всегда выглядит неудобно.

Ещё одна частая ошибка - использование слишком большого количества шрифтов. Когда для каждой эмоции, персонажа или фразы берётся новый шрифт, страница начинает выглядеть хаотично и теряет цельность. Вместо атмосферы получается визуальный шум. Обычно для хорошего тайпа хватает одного основного шрифта, одного для мыслей и ещё пары дополнительных для криков или особых эффектов.

Многие новички также стараются заполнить текстом весь баллон. Из-за этого шрифт становится слишком большим, строки начинают липнуть к краям, а сама страница выглядит тяжёлой. Не бойтесь оставлять воздух внутри баллона - свободное пространство делает текст намного приятнее для чтения.

Обратная проблема - слишком маленький текст. Если читателю приходится щуриться или приближать страницу, значит размер выбран неправильно. Тайп должен читаться легко и без напряжения.

Очень часто страдает и оформление. Новички любят перегружать текст свечением, тенями, градиентами и огромными обводками. На практике обычный чёрный текст с аккуратной обводкой почти всегда выглядит лучше и чище, чем набор агрессивных эффектов.

Также следите за стабильностью размера текста. Когда в одном баллоне шрифт заметно больше или меньше, чем в соседнем, страница начинает выглядеть неровно и непрофессионально. Размер текста должен быть примерно одинаковым на протяжении всей главы, если только изменение не используется специально для передачи эмоции или акцента.

Заключение

Тайп - это в первую очередь работа для читателя. Ваша главная цель заключается в том, чтобы сделать текст максимально удобным. Если читатель спокойно читает страницу и вообще не задумывается о тексте - значит, вы всё сделали правильно.

Стоит помнить, хороший тайп приходит только с практикой. Даже если сначала всё выглядит криво, это нормально. У всех так было.