Как сделать шрифт как в манге

Обновлено: 06.07.2024

Войти

Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal

Список шрифтов для тайпсета 2.0

Обновление списка: добавлено 28 шрифтов, немного изменено оформление.

Список составлен для облегчения жизни эдитора и тайпсеттера: в нём легко найти необходимый шрифт вместо того, чтобы искать необходимый на дисках с жуткими названиями вроде "1000 русских шрифтов". Все шрифты разбиты на категории: "Речь" для прямой речи героев манги или комикса, "Эффекты" для звуковых и спец эффектов, "Оформление" для различных случаев(вывески, книги, надписи на приборах, прочее), "Рукописные" для рукописного текста. В конце списка идёт категория "В розыске", где указаны шрифты, не найденные на русском языке.

Выражаю благодарность vanbujhm за помощь в составлении списка и makoshka за совет в оформлении.

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

Установили? Тогда открываем фотошот и приступаем в тайпу! (Прим.: В статье описан процесс тайпа в Photoshop CS2 с английским интерфейсом, но, скачав скриншоты уроков, вы найдете полезный словарик терминов на тот случай, если у вас стоит русская версия)

Шрифты для передачи речи:
• Итак, поговорим о шрифтах, которые используют для передачи речи в облачках. Статистика и гигабайты прочитанной манги показываются, что чаще всего тайпсеттеры используют шрифт AnimeAce V02, чуть реже – Manga Temple и IrinaCTT. Конечно же, только ими выбор не ограничивается, но для начала лучше поработать именно с ними.
• Мысли персонажей обычно передаются тем же шрифтом, но серым цветом (изменить его можно в палитре цветов).
• "Исключение": когда герой охвачен сильными эмоциями, можно выбрать шрифт, наиболее походящий для их выражения. Но будьте осторожны, если, скажем, персонаж пылко признается в любви, а вы при этом используете шрифты вроде ChickenScratchAOE или WindCTT, то признание выйдет не самым аппетитным и будет только портить общее впечатление.
• Также мысли героев можно передать не менее легким способом, просто слегка изменив основной шрифт. Для этого, в окне со слоями "Layers" нажимаем "Character" и все функции (курсив, жирный, наклонный, цвет шрифта, размер и т.д.) оказываются перед нашими глазами.
• Немного о форме текста. Старайтесь располагать его равномерно, посередине облачка, на одинаковом расстоянии от границ облака. Избегайте формы вроде "пирамидок" и "елочек" и не забывайте о переносах!
• Размер шрифта не должен быть слишком мелким или слишком крупным, он должен радовать глаз, а не вызывать желание бежать искать бинокль или бабушкины очки.

Речь за границей облачка:
• При работе со словами персонажей, произнесенными вслух, но находящимися за границей облачка, можно использовать шрифт на свое усмотрение, главное – чтобы текст был читабельным и выглядел красиво. Лично мне больше нравятся шрифты DS_Goose и aZZ_DNK_Tribute, которыми я обычно и пользуюсь. Можно также использовать "рукописные" шрифты вроде BirchCTT и подобных ему.
• В случаях, когда текст нужно наклонить, повернуть, растянуть и т.д., делаем следующее: на верхней панели инструментов выбираем Edit, а затем – Free Transform. Вокруг текста появляется "рамочка"; приближаем к ней курсор – и он превращается в стрелочки. Вот теперь мы можем вертеть и растягивать наш текст, как захотим.
• Если же текст заходит на изображение, нужно сделать "обводку". В окне со слоями, внизу, ищем значок f в кружке, нажимаем, выбираем графу Stroke. Всплывает окно Layer Style, где в графе SIZE ставим 2-3 пикселя (кому как больше нравится), а цвет (графа Color) выбираем белый или черный (в зависимости от того, каким цветом у вас основной шрифт – черный или белый). Жмем ОК и готово!

Шрифты для звуков:
• Насколько мне известно, существуют два основных способа создания звуков. Первый – это графический планшет, но поскольку у меня его нет, то я, как и большинство, пользуюсь вторым доступным способом – шрифтами. Процесс не сильно отличается от описанного выше: мы также подбираем шрифты в соответствии с характером ситуации, используем обводку и наклоны.
• Но как сделать форму звука округлой или волнистой? Для этого на верхней панели инструментов ищем кнопку в буквой "Т", нажимаем ее, и всплывает окно "Warp text". Далее в графе Style выбираем необходимый эффект: округлый – arc, волнистый – flag, wave и т.д. Не забывайте, что эффект можно применять как горизонтально, так и вертикально по отношению к тексту. А также увеличить или уменьшить эффект, поставив в графе Bend необходимое количество процентов.

Заключение:
Как видите, в тайпсеттинге нет ничего сложного! Единственное, что может вас останавливать – это лень и недостаток воображения. Надеюсь, практические советы данной статьи будут полезны тем, кто начинает осваивать тайп с нуля, а наши уроки в картинках помогут с легкостью освоить необходимые навыки на наглядном примере.

Копии файлов из внешних страниц:

Для использования ibisPaint, Вам нужно иметь аккаунт Twitter, Facebook или Apple. Войдите после создания аккаунта.

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

Учебники

46. Ввод текста с инструментом текст

Инструмент текст позволяет легко вводить текст и даже способен вертикального письма, который является важной функцией в Манга рисунок на японском языке.


От①окно выбора инструмента, выберите②Инструмент Текст.


Коснитесь①Добавить текст .


①Введите текст в пустой.
②Слева, в центре, прямо, вы можете сделать текст выравнивать слева, среднего, и вправо.
В③вертикального письма, вы можете написать текст по вертикали.
Нажмите на④Шрифт.


На этот раз, мы используем①Американские пишущая машинка конденсированных жирным.
* Отображается шрифты шрифты на борту устройства. Таким образом отображаются шрифты будут отличаться от устройства и операционной системы (например, iOS и Android).


В①Закладка размер, перетащите②бегунок слева направо для регулировки размера.


В①Вкладку стиль, вы можете изменить цвет шрифта.
Вы можете изменить цвет текста на②Цвет текста.


Вы можете изменить цвет границы в①Инсульт цвет, и вы можете изменить толщину границы путем перетаскивания②бегунок толщина влево и вправо.


В①Вкладку фон, нажмите на②Цвет фона.


Первоначально уровень непрозрачности будет 0%. Слайд①ползунок Непрозрачность справа, чтобы увеличить уровень непрозрачности.
В②Палитра, вы можете заполнить прямоугольную фон с вашим любимым цветом.


①Ширина поля для фона цвета могут быть скорректированы путем перетаскивания ползунка для ширину полей.
②Высота поля также может быть скорректирована путем перетаскивания ползунка.


В①Интервалы табуляции, вы можете изменить②Интервал , перетаскивая ползунок влево и вправо.
Вы можете настроить③пространство между строками , перетаскивая ползунок влево и вправо в междурядье.


Если вы слайд слева вы увидите①Заказать и удалить.
Используйте функцию Заказа, чтобы организовать положение (передний и задний) текстов и перетащив ②текст выше.
После завершения, нажмите③✓кнопка .


Можно использовать инструмент Текст чтобы сделать манга, создавать брошюры и так далее.

Чтож, настало время запилить очередной пост про сканлейт.
Так же рискну опубликовать его в сообществе "Аниме". А то что-то у них ничего кроме картиночек не постится. Не дело это.

До этого я успел рассказать в кратце обо всём кроме тайпа (тайпсеттинга). Этим сегодня и займусь. Поехали!

Если в двух словах: тайпсет — это набор текста. В нашем случае — вставка с помощью копипасты. Вставка потому, что в отличии от ручного набора помогает избежать опечаток. Ну и просто быстрее.

Фотошоп позволяет вводить текст двумя способами. Рамкой (выделенная область) и строчкой (просто точка на слое, от которой начинается строка).

Мой выбор — рамка. Её главное преимущество — удобная работа с висячей пунктуацией и адекватное восприятие пробелов в конце строки.

Подобрать подходящие шрифты.
Правильно разместить текст в облачках и не только в них.
Отцентрировать текст в облачках.
Скомпановать столбец текста хотя бы приблизительно по форме облачка (не в ущерб читабельности).
Сделать грамотные переносы.
Настроить висячую пунктуацию.
А так же постараться не отделять предлоги от слов, к которым они относятся (для особо замороченых, но читабельности это на руку).

Пройдёмся по всем этим пунктам по очереди.

Шрифты — основа всего. Каким бы ты небыл гуру-тайпером, но если шрифт подобран плохо — вся работа будет выглядеть плохо.

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

Основной текст должен быть максимально читабельным и нейтральным. Как правило в русском сканлейте для этих целей служить Anime Ace. Меня же он откровенно задолбал уже пару лет как, и я сменил его на CСWildButNotCrazy. Но это всего лишь вкусовщина.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Крики — более вытянутый и угловатый. Чаще всего это Manga Temple. Многие новички почему-то при любой возможности пытаются впихнуть на эту роль DS Eraser. Каждый раз когда вижу это, аж передёргивает. Не надо так.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Ну и ещё несколько примеров использования разных шрифтов в разных ситуациях.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Размещение текста.

С этим пунктом всё в принципе понятно.

Если это облако - просто пихаем в него текст по фен-шую.

Если же это текст как часть рисунка — имитируем оригинал.

Для этого нам помогут разные эффекты наложения, трансформирования и прочие прелести фотошопа.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Или наложение в режиме разница/исключение.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Или вовсе заморочиться и сделать всё вручную (после этого фрейма у меня надолго отпало желание таким заниматься).

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Центровка текста.

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

В целых круглых (или похожих на круг) облачках всё понятно — зафигачил по центру и радуйся.

Сложности возникают с замудрёными и обрезанными облачками.

Кто-то центрует их так же, како бычные — ровно по центру. Кто-то визуально дорисовывая облако до состояния целого и центрует относительно образовавшегося центра.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

А кто-то пытается искать некую золотую середину между двумя вариантами, которая, как мне кажется, не существует. Лично я придерживаюсь первого варианта. Ибо он прост, красив (субъективно) и сходится с тем, как это делают японцы. Но не стану говорить, что какой-то из вариантов более правильный.

Компановка текста:

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

Порой выбор бывает не очень очевиден. Но все же я считаю второй вариант более удачным.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Главное избегать вот таких вот "ёлок". Да-да, встречаются и такие кадры.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Грамотные переносы. Тут говорить нечего. Учим русский язык. Переносим правильно.

А вот Висячая пунктуация — более интересное явление, которым многие пренеберегают.

Как пишет Тёма Лебедев:

Один из признаков профессиональной работы типографа — наличие висячей пунктуации. Знаки препинания, скобки, дефисы и пр. обладают меньшей массой, чем буквы. Начинающие дизайнеры воспринимают любой текст как серый блок, присланный заказчиком специально для порчи красоты, а те, которым не все равно, оптически компенсируют подобные недостатки набора (да, вручную).
За линию набора налево выносятся кавычки, скобки, буллиты. Длинное тире в роли знака прямой речи не свешивается.
За линию набора направо (когда край ровный) помещаются кавычки, скобки, точки, запятые. Дефисы (и переносы) не должны свисать на полный размер, достаточно одной трети или половины от их длины.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

В нашем случае всё точно так же. За исключением того, что строчка выравнивается по центру, а не по краю.

Слева — с "висячкой". Справа — без неё.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

Для автоматизации данного процесса в настройках Абзаца есть специальный пункт.

Сканлейт. Как это работает. Часть 4: тайпсет. Сканлейт, Перевод, Манга, Комиксы, Аниме, Любительский перевод, Длиннопост, Хобби

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

Пробелами — халтурный способ, но очень быстрый. Добавляем в начало строки столько пробелов, чтобы она визуально сместилась к центру.

Символами — изящный способ. Добавляем в начало строки те же символы, что находятся в конце и красим их в цвет фона/делаем прозначными.

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

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

Надеюсь хоть кто-то благодаря этому заинтересуется сканлейтом и пополнит ряды этого странного разношёрстного комьюнити :)

В дальнейшем постов по данной теме не предвидится, т.к. рассказал обо всём, чём смог.

Наверно единственный вариант для продолжения — ответы на ваши вопросы или просьбы. Так что если хотите — дерзайте :)

Читайте также: