Немного о том, как я шрифт создавала

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

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

Чтобы дать представление:

• в русском алфавите 33 буквы, однако при создании шрифта в общем случае надо отрисовать отдельно заглавные и строчные, что в сумме дает 66 символов;
• в латинском алфавите (базовой его версии) 26 букв; если считать заглавные и строчные отдельно, получится 52;
• отдельно идут также знаки препинания (и, частично, математические знаки), а также цифры от 0 до 9.

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

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

В нашем случае требовался русский и латинский алфавит, знаки и цифры. Хотя первоначально вообще предполагалось ограничиться только заглавными буквами, но в таком виде шрифт получался неполноценным и не мог бы использоваться нигде, кроме заголовков. Благо отрисовка строчных букв, знаков и цифр не занимала много времени, так что мне удалось уговорить Андрея.;)

считаем овец

Сперва мне прислали подробные инструкции:

кусочек длинного и очень подробного тех.задания

Естественно, с такими "вводными" закономерно было начать работу с подбора уже готового шрифта. Из похожих бесплатных наиболее подходящим был признан Fira Sans Medium. Этот шрифт распространяется по OFL (Open Font License), которая допускает в том числе создание производных шрифтов на его основе (при соблюдении некоторых условий).

Помимо него рассматривались также: Raleway, Liberation Sans, Open Sans, Droid Sans, Nimbus Sans L.

Серию, для которой предназначался шрифт, предполагалось назвать "Темные боги" ("Dark Gods") - и так же должен был называться и новый шрифт. Я набросала от руки в тетради несколько концептов, отталкиваясь от буквы "Т" - первой в русскоязычном словосочетании и самой "знаковой", - но все они были признаны чересчур "модифицирующими": Андрею хотелось чего-то попроще, что сохраняло бы изначальный стиль Fira Sans Medium, но привносило в него узнаваемые черты Dark Gods. В итоге мы нашли несколько отличительных элементов и затем с их помощью принялись изменять отдельные буквы.

вариации изменений с уже выбранными элементами

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

преобразование знаков препинания и некоторых математических знаков;  большая часть вторых, впрочем, осталась без изменений (к слову, помимо представленных, шрифт содержит также длинное и короткое тире)

Соответственно, в организации работы можно пойти несколькими путями:

1. Отрисовать все символы сначала в тетради, карандашиком. Я использую карандаш всегда, когда речь идет о первоначальном "рисованном дизайне", поскольку такой метод интуитивно понятен и вообще про чистое творчество, но отрисовываю я один - максимум два символа, поскольку в эпоху графических редакторов и планшетов (тем более планшетов-мониторов) отрисовывать все 100+ символов в тетради не выгодно ни с какой точки зрения.
2. Сразу отрисовать все символы в векторном редакторе. Метод подходит тем, у кого много опыта в создании шрифтов или кто очень торопится, но мне субъективно не достает в нем свободы, особенно на этапе разработки дизайна. Все-таки рисовать в растре по-прежнему значительно проще, поэтому я выбираю растр, когда надо именно рисовать.
3. Отрисовать все символы в растровом редакторе, а затем перевести их в вектор. Метод-компромисс. Собственно, его я и использовала в данном случае.

преобразование строчных букв (используются слова, в которых встречается как можно больше разных букв)

При работе с вектором тоже есть выбор:

1. Если растровый редактор - это "комбайн" уровня фотошопа, в нем могут быть встроенные инструменты для "векторизации". Соответственно, сделать из точек контуры и сохранить их в виде SVG-файлов можно прямо там. Плюсы: не надо "отходить от кассы" - да и трассировку (создание векторного контура по растровому рисунку) производить легче. Минусы: как правило работа с вектором в таких "комбайнах" упрощена - то есть, может банально не хватить возможностей программы для реализации задуманного.
2. Можно также использовать специализированный векторный редактор вроде иллюстратора. Плюсы: доступен весь инструментарий для работы с вектором. Минусы: "моя твоя не понимай" (у меня, к примеру, возникли некоторые проблемы с трассировкой) - да и вообще требуется отдельная большая программа, которую нужно должным образом изучить, и эта программа может быть не бесплатной.
3. Наконец, векторные символы можно делать прямо в программе для создания шрифтов (в смысле той, что "собирает" набор символов в готовый файл шрифта). Но я этот вариант пока не пробовала.

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

Казалось бы, на этом все? Нет.

Ке́рнинг (англ. kerning) при наборе текста — избирательное изменение интервала между буквами в зависимости от их формы.

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

При наборе заголовков, логотипов и других коротких надписей применяется ручной кернинг, с помощью которого можно добиться более равномерной плотности. (Википедия)

На самом деле страшная вещь, потому что повозившись однажды, начинаешь видеть все огрехи оного в любом попадающемся на глаза шрифте.:)

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

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

Но оно того стоило.

окно фотошопа (сзади), окно браузера и окно программы предпросмотра шрифтов на этапе кернинга

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

стилизованный Dark Gods на обложке пятой книги цикла Перекресток

Ну а мое Ателье теперь принимает заказы еще и на шрифты.