Category: лытдыбр

Category was added automatically. Read all entries about "лытдыбр".

Как создавался шрифт 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 тысяч пар, а столько в шрифт просто не влазит. Таня решила прорядить список «вручную», на это уходит много времени. Чтобы контекстные альтернативы работали по определенным алгоритмам, в шрифт добавляются специальные классы:

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

Публикуем.

Бесплатный шрифт Wes

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

Вот они первые эскизы шрифта Wes:



Wes — это имя не только шрифта, но и великого современника в области режиссуры Уэса Андерсона. Данный шрифт Елена посвятила одному из своих любимых режиссеров, который вдохновил ее на такой проект. Шрифт Wes по своему характеру и концептуальному исполнению такой же интроверт с глубоким внутренним миром, как и Уэс Андерсон.













Мы вложили в архив со шрифтом письмо для мистера Андерсона с личным посланием и надеемся, что шрифт понравится не только самому режиссеру, но и всем людям, которые любят хорошую типографику. Шрифт бесплатный распространяется под бесплатной лицензией SIL OFL 1.1.

Автор шрифта — Елена Мадьянкина
Арт-директор — Иван Гладких
Презентация шрифта — Татьяна Бисерова

Скачать шрифт:
http://typetype.ru/free-fonts/

---

Бо-о-ольшой курс

Этим летом мы проводим очные собеседования на большой шрифтовой курс. Напомню, это будет полугодовой очный курс в Санкт-Петербурге, который будет посвящен профессии шрифтового дизайнера. Берем ДАЛЕКО не всех, а только людей с горящими глазами и усидчивыми попами. Группа будет всего 15 человек, половина мест уже занята, поэтому стоит поторопиться.

Подробное описание курса и запись на очное собеседование:
http://typetypeschool.ru/iamtypedesigner/

---

Благотворительность
Если вам понравился шрифт, вы можете помочь нуждающимся маленьким больным детям. Уже 8 лет действует акция «Включи сердце!» в рамках проекта бесплатных шрифтов. Я перевожу накапливающиеся деньги в детские дома и фонды, которые реально помогают больным детям. Желание помочь является полностью добровольным. Периодически я пишу отчеты о проделанных выплатах. Отследить историю пожертвований можно по тэгу История. Там же есть графа total, под которой публикуется суммарная сумма выплат за 8 лет.

Реквизиты для переводов:
Yandex.Money: 41001412092310
Webmoney: Z318587104680 и R164161551014
Paypal: lemonad@jovanny.ru

Корпоративные шрифты

Вобще очень интересная тема.

Стоит ли вобще иметь корпоративные шрифты?
Лет 10 назад это было очень круто и модно, когда у тебя есть свой собственный шрифт.

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


Овсяные хлопья, оформленные гарнитурой 19 O'Clock, сделанной Леттерхедами
по заказу Студии Лебедева для бренда Верность качеству. Гарнитура не продается.




Это особенный и странный случай одновременно. Каравай использует шрифт из гарнитуры
Нокиа Санс (старый корпоративный шрифт Нокии) для песочной полоски,
которую выпускает уже не первый год. Гарнитура не продается.

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




Особенный случай и опять про Леттерхедов. Дизайнер полюбил корпоративный шрифт
и использует его на единственном щите по каждому удобному случаю.
Речь идет о рукописной надписе, сделанной по заказу Redd`s

Алкогольная тематика намекает на профиль дизайнера в сегменте HoReCa.



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

Один шрифт и сто пятьдесят рук.

Приём заявок закончен!


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

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