Как создавался шрифт Magnolia Script
Перед отпуском у меня появилась идея написать историю создания шрифта Magnolia Script, который был представлен 1-го августа 2016 года миру бесплатно, и я свою идею предложил Тане Черкиз, непосредственно дизайнеру шрифта. В итоге мы написали два текста, которые и хотим представить читателям.
Напомню, что бесплатный шрифт Magnolia Script был нарисован Таней Черкиз, при моральной и технической поддержке Ивана Гладких и Дениса Серикова.
---
История создания Magnolia Script от Тани Черкиз
1. Идея шрифта
У нас чувствуется недостаток рукописных шрифтов. Я постоянно вижу на улицах и в магазинах одни и те же шрифты. Лишь изредка Лобстер, Наутилус и Аппетит разбавляются шрифтами, сделанными на коленках из латинских, либо сделанных дизайнерами, не полностью понимающими, как должны выглядеть кириллические знаки. Мне захотелось разбавить однообразие и привнести что-то своё. Изначально планировала сделать шрифт похожий на то, что я итак часто рисую: круглые, пухлые, мягкие буквы, которые соединяются между собой. Нужен такой шрифт, чтобы можно было сразу набирать логотипы, использовать шрифт в дизайне упаковок и оформлении ресторанов и кофеен.
Смотрю на зарубежные аналоги и наши: Madre Script, Tartine Script, Nexa Script, Nautilus Pompilius, Lobster, Funkydori. Так же смотрю на работы леттереров, выбираю что-то из своих старых работ:
2. Первые скетчи
Я не отрисовываю весь алфавит на бумаге, только накидываю основные знаки. Если нужно в процессе работы понять, как рисуется какой-то знак, то я просто рисую его от руки, понимаю, какая форма должна быть и копирую ее сразу в вектор.
3. Проблемы в скриптах
Когда речь идет о непрерывном соединении букв, обязательно столкнешься с вопросом, что делать с такими знаками как г, з, ж, э, х.
В латинице есть несколько форм для r, s, z - опять же выбор, какую лучше взять.
Нужно определиться с длиной соединения. Так, чтобы расстояние между буквами было оптимальным и не нужно было рисовать много альтернатив.
Изначально в первых набросках соединение было очень длинным. Помним о том, что шрифт должен приемлемо смотреться там, где нет поддержки опентайпа.
Так как я хочу, чтобы все буквы соединялись, у букв будет удлиненный штрих, он будет некрасиво смотреться рядом с пунктуацией и пробелом. Значит, нужно рисовать для каждого символа альтернативу, где не было бы такого длинного штриха. Мы решили, что делать такие альтернативы для всех-всех букв не будем, а будем ориентироваться в первую очередь на русский язык.
4. Доработка символов
Пожалуй, самыми проблемными символами в шрифте были в и б. Никак не давались! Изначально все округлые буквы типа о, б, в, р, ф, ю были такими:
Но тогда была проблема разрыва символа и пустоты внутри буквы, а так же буква О смотрелась очень пустой.
В итоге я от таких букв отказалась в пользу этих:
5. Альтернативы и лигатуры
Альтернативы “ради красоты” изначально не планировались, почти все альтернативы сделаны только для того, чтобы набор был красивым и все буквы аккуратно соединялись.
Пример, когда подставляется своя альтернатива:
И даже для такого почти незаметного соединения:
Для буквы г сделали так же замену с альтернативами, чтобы избежать лигатур.
Лигатуры ввели только для пар ег, ёг, ес.
Напомню, что альтернативы вводились только как решение проблем с соединениями, а не для увеличения вариативности набора.
Исключениями стали только альтернативы для букв з, д, у, g, y - их оставили с хвостами, потому что они классные.
6. Метрики и кернинг
После того как все буквы были отполированы и сделаны, оказалось, что есть проблемы с метриками и кернингом. Основная проблема - это соединение прописной и строчной, буквы должны были сходиться идеально, не должно было быть никаких дырок. Но часть знаков прямая, а часть округлая, поэтому что-то да нужно было бы кернить. Пары можно было делать либо отрицательными, либо положительными. Я выступала за то, что прямые пары типа Нн керниться не должны, и нам пришлось кернить все пары с первой круглой буквой (Оа, Юа). Так же пришлось делать кернинг для многих прописных пар, т.к. из-за своша многие пары слипались. В итоге в шрифте оказалось невероятное количество кернинг пар.
Тем временем у шрифта наконец-то появляется название - Magnolia Script. Его рабочим названием было Hydrangea, но оно слишком трудно произносится.
7. Тестирование
Снова просматриваем каждую пару букв и находим места, где можно было бы использовать опентайп, например, ёг это один символ, но для такой ситуации не было прописана замена р, о, и т.п.
Определяемся, что выпустим шрифт 1 августа. Начинаю рисовать промо-картинки.
---
История создания Magnolia Script от Ивана Гладких
Шрифт Магнония Скрипт начал свою жизнь в июне 2015 года. Автор Таня решила сделать качественный скрипт на базе своего леттеринга. Моё же знакомство с этим шрифтом началось лишь через три месяца. Таня прислала мне скетч первой собранной версии.
Вот так выглядела Магнолия Скрипт вначале:
Из кассы знаков были кириллица, латиница, несколько кирилловских лигатур, цифры, немного служебных знаков и пожалуй всё. Никаких альтернейтов и продуманной логикеи в шрифте не было. Но было желание сделать качественно. Вот как выглядела касса знаков первой версии шрифта:
Мои первые комментарии по проекту были скорее концептуальными, нежели техническим, хотя о технике конечно тоже шла речь.
Меня больше волновал вопрос конепции, ведь уже существует и Лобстер, и Наутилус.
Но немного пожив с проектом, я в принципе понял, что эта идея неплохая, тем более, что шрифт постепенно стал превращаться из утенка в красивого лебедя.
Уже через полтора месяца шрифт обзавелся большим-пребольшим списком правок, который внесла Таня.
Постепенно шрифт превращается в полноценный проект, отточенный и оттеситрованный с большой кассой знаков:
Я помогаю Тане не только словом, но иногда и руками. Чтобы было нагляднее, в частности очень сложно разобраться с метриками в «рукописниках» с первого раза, здесь сложная методология.
Договариваемся о подключении к проекту Дениса как технического инженера. Денис помогает закончить первую версию шрифта. В нем появляются опентайп фичи и контекстные альтернативы. Всё, первая версия шрифта фактически закончена, надо оттестировать и релизить.
Но проект по личным причинам дизайнера замораживается на 4 месяца, хотя осталось допилить чуть-чуть, тесты и доводка.
Мы периодически выходим на связь, даем друг другу обещания, но целая зима пролетает со скоростью конкорда.
После возвращения к проекту, шрифт в талантливых руках Тани совершает квантовый скачок.
Обнаруживаем лишние точки на контурах, Таня все подчищает:
Выравнена диакритика, продумываем длину хвостов у букв и логику работы шрифта в среде, где не работает опентайп:
Продумана логика встречу нижних выносных элементов между собой и рядом с другими буквами:
В процессе работы становитс понятна логика взаимодействия букв и сценарий появления контекстных альтернатив (разираемся с длиной правых нижних хвостов):
Мы начинаем бороться за детали, дело в том, что нашим спором оказался базовый набор метрик (полуапрошей) для символов», в рукописниках сложно без использования кернинга сделать так, чтобы строчные и прописные символы дружили между собой метриками. Какую-то группу символов нужно назначить базовой (как правило Н П Ш и подобные). Я выступал за отрицательные пары (Чтобы подбивались символы На Па и другие), Таня выступала за положительные пары для пар Оа Юа и другие.
Обратите внимание на пару «Ма», вот собственно за что была борьба:
Паралельно у меня возникает идея создания «технического регламента» по ОТ фичи, так как в шрифте будет очень много контекстных альтернатив. Иногда возникают дыры в ритме шрифта, системно справляемся с этой проблемой внутри всего шрифта:
Прошел год с начала проекта, мы разобрались с апрошами и кернингом и примерно представляем как будет развиваться история с опентайпом, теперь осталось отточить детали, например апроши для встречи букв со служебными знаками:
В результате различных тестов возникают баги, правим:
Мы внедряем в шрифт согласно регламенту опентайп фичи и приступаем к еще одному этапу тестирования, все время возникают вопросы, добавляются пары и уточняется регламент фич. В итоге логика работы контекстных альтернатив меняется кардинально.
Код контекстных альтернатив внутри шрифта получился достаточно большой, где-то 4 машинописные страницы (на картинке кусок кода и код целиком):
В ходе работы оказывается, что в Магнолии глифов намного больше, чем написанных фич. Не все символы можно вытащить и режиме просмотра альтернативных знаков внутри Адобовских продуктов, поэтому решаем добавить слистические альтернативы, тестируем:
Так как мы выбрали схему по метрикам Тани, то на круг в итоге в шрифте оказалось более 18 тысяч пар, а столько в шрифт просто не влазит. Таня решила прорядить список «вручную», на это уходит много времени. Чтобы контекстные альтернативы работали по определенным алгоритмам, в шрифт добавляются специальные классы:
Подбираемся к финалу перед публикацией, обнаруживаются новые баги, появляются новые контестные альтернативы, я стараюсь уже Дениса не трогать. Вносим правки сами, тестируем, снова вносим правки. Решаем в процессе поставить точку.
Публикуем.