VDS Хостинг для Ваших проектов

Type light – программа для редактирования шрифтов

Май 21st, 2015 Рубрики: Прикладные и прочие

Было однажды дело, что надо было отредактировать шрифт. Мне нравятся шрифты в арабском стиле, когда латинские буквы стилизуют под арабское письмо. Но полноценного такового не нашёл. В том смысле, что все бесплатные шрифты имеют только набор символов ANSI до кода 127, т.е. лишь чистая латиница, а мне требовалась расширенная с наличием диакритических знаков. А так как дорисовать диакритические знаки намного проще, чем создавать все символы с чистого листа, то было принято решение поискать ещё софт для редактирования шрифтов, так как и ради интереса хотелось узнать, ну и довести скачанный шрифт до нужных кондиций. Сначала попадались какие-то онлайн-сервисы, но разобраться с ними я не мог. В конце концов набрёл на довольно простую и в то же время функциональную программу-редактор шрифтов под названием Type light.

Установил, поизучал, поморочился немного и в результате нашёл, что это стоящая софтина и вполне достойна места на этом блоге. Поэтому в этот раз предлагаю обзор Type light: возможности, базовые сведения, как быстро освоиться и редактировать шрифты.

В начале хотелось бы выделить сильные и слабые стороны этого продукта. Среди плюсов:

  • Type light – бесплатная программа для редактирования шрифтов. Хотя есть и платная версия с более широким функционалом.
  • Имеет малый размер.
  • Простой интерфейс и вполне достаточный функционал даже в бесплатной версии. Есть также документация.
  • Есть версии как для Windows так и для Linux и MacOS, правда версию под Ubuntu я не тестировал.
  • Техподдержка даже для бесплатной версии.

Из минусов можно выделить разве что:

  • Только 2 формата шрифтов, которые поддерживаются: TTF, OTF.
  • Программа англоязычная. А учитывая, что применяются специфические термины, то не каждый сможет легко сразу разобраться.

Интерфейс Type Light

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

Под строкой меню, как и в большинства программ есть кнопки для выполнения наиболее частых действий. Например, полезными будут отмена/повтор действия, сохранение.

Также очень важными являются окно инструментов (tools window), с помощью которых можно создавать и изменять контуры глифа, и окно привязки (mapping window), в котором показан перечень глифов с установленными соответствиями коду символа, который они отображают. Оба этих окна можно включить/выключить из меню «View».

интерфейс редактора шрифтов type light

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

  • 0 – горизонтальная линия. Это базовая линия шрифта, на которую равняются все глифы. Уровень "точки".
  • descent. Это максимальная нижняя граница глифа. От 0 к descent рисуются элементы таких глифов, как: Q,q,p,g – имеющие элементы под базовой линией.
  • x height. Это верхний уровень строчных букв (в нижнем регистре).
  • caps height. Это верхний уровень прописных букв (в верхнем регистре).
  • ascent. Это дополнительное пространство вверху для возможных диакритических знаков. Противоположность descent.
  • 0 – фиолетовая вертикальная линия. Это базовая вертикальная линия шрифта, левый край глифа.
  • x – зелёная вертикальная линия. Задаёт правую границу глифа.

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

Также стоит добавочно отметить, что все начертания, находящиеся ниже уровня descent, выше ascent, левее фиолетовой линии, правее зелёной – отображаться при использовании шрифта не будут, хотя будут видны в самом редакторе. Хотя это всё в общем. Есть конечно некоторые нюансы, которые могут изменять представление шрифта. Например мне никак не удавалось выполнить поставленную задачу, добавить диакритики, хотя все эти уровни расставил. Внутри Typelight всё отлично отображается, но при использовании шрифта диакритики чудесным образом вырезались. Обратившись в поддержку на их форуме, где меня на удивление быстро и вежливо обслужили, получил объяснения, что помимо размеченной сетки, используемый мною файл шрифта ещё содержит таблицу вертикальной метрики (VDMX), которая хранила старые значения, и все мои усилия были безуспешны. Отключив VDMX, я получил, то что было нужно, спасибо Аллану =)

Создание и редактирование шрифтов

Создать новый шрифт или открыть существующий можно из меню «File». Для того чтобы освоиться и быстрее понять принципы работы Type Light, рекомендую сначала посмотреть уже существующий небольшой шрифт (сделав предварительно резервную копию). Открыв нужный шрифт, первым делом стоит изучить «Mapping Window», где находится список глифов: активные (для которых задано начертание) отображены чёрным цветом, неопределённые – серым. Каждый глиф имеет набор параметров:

  • Glyph – идентификатор (номер)
  • Character – ANSI-код символа (10-чный формат)
  • Unicode – код символа Юникод (2-байтовое 16-ичное представление)
  • [название] – английское название символа

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

Загрузить выбранный глиф из ‘Mapping window’ в поле для редактирования можно двойным щелчком мыши по нему. Дальше можно рисовать контуры с помощью подходящих инструментов из окошка «Tools». Здесь надо просто пробовать, методом тыка поймёте лучше всего. Я лишь отмечу, что каждый контур характеризуется набором контрольных точек, или узлов (Nodes), через которые проходит кривая. Выбор конкретного узла делается с помощью самого первого инструмента – стрелки. Перемещая узел можно менять форму контура. Также на объектах "дуга" будет появляться направляющая линия, с помощью которой можно менять кривизну дуги в конкретном месте (между двумя контрольными точками). Для более острых контуров нужно ставить меньше узлов, для более гладких и заокругленных – больше.

Обычно каждый отдельный глиф соответствует одному символу, но может один глиф соответствовать нескольким. Привязка текущего глифа (который находится в области редактирования) к символу совершается командой ‘map‘, а отвязка – ‘unmap‘. Честно сказать сам до конца не понимаю, как это работает на практике. Я использую лишь двойной щелчок по несуществующему символу (для которого не задан глиф) и дорисовываю его.

Ещё одно важное положение, которое нельзя обойти молчанием – заливка. Как видно на скриншоте, инструмента "заливка" нет, да и сам символ в поле редактирования представлен лишь контуром. Откуда же известно, какую часть нужно закрашивать цветом, особенно в таких символах как: O,P,D,B? Для O, к примеру можно залить как внутреннюю часть, так что получится закрашенный круг. Тут действует правило "правой стороны": закраска происходит справа от контура по его направлению. Т.е. для символа O внешний контур должен вестись по часовой стрелке, а внутренний против часовой стрелки. Направление указывается серой стрелочкой от начальной точки (см. скриншот). Это правило необязательно, если нет неоднозначностей, где должна быть заливка. Например в галочке над S, контур идёт против часовой стрелки, и заливка должна была быть извне, но поскольку тут вложенных замкнутых контуров нет, то всё заливается правильно. Кстати из меню View->Preview fill можно включить предпросмотр с заливкой для удобства.

Чтобы сохранить глиф после редактирования надо нажать кнопку Edit

Также хочу рассмотреть полезный приём, который поможет легче добавлять и создавать новые глифы. Это копирование глифов. Например для символов, которые незначительно лишь отличаются, чтобы не рисовать всё с нуля. Можно скопировать уже существующий глиф и потом его доделать. Например Л можно собрать из П. Для этого выбираем двойным щелчком уже существующий глиф, копируем его с помощью Ctrl+X, или из меню Edit->Copy Glyph. Теперь двойной щелчок по несуществующему глифу, который будем рисовать, подтверждаем привязку к символу, вставляем Edit->Paste. Таким же образом можно (а часто и нужно) скопировать метрику глифа – это его ограничительные линии описанные выше. Делается это из меню Edit->Copy metrics, Edit->Paste metrics. Вроде бы всё, но тут есть один нюанс. При копировании глифа и его вставке он становится "составным" composite glyph – это такой, что рассматривается как единый объект, а не как отдельные контуры. Т.е. его можно перемещать (целый глиф), но нельзя изменять положение узлов и сами контуры, т.е. толку от него мало. Поэтому после копирования надо "разложить" составной глиф на составляющие: узлы и контуры. Это делается из меню Glyph->Decompose glyph. После декомпозиции уже можно изменять контуры, дорисовывать, удалять, т.е. редактировать всё возможное.

Из меню View->Glyph preview можно включить предпросмотр текущего глифа в конечном виде, как символ из шрифта в разных размерах. А из меню Font->Full-font preview предпросмотр всех определённых символов в шрифте.

Параметры шрифта и метрика

Наконец ещё стоит обратить внимание на важные параметры – метрика шрифта (Font metrics). В частности тут многие параметры похожи на рассмотренные выше ограничительные линии. WinAscent и WinDescent – задают пределы для всех глифов глобально, а не конкретно для каждого. Caps Height – высота заглавных букв. Italic Angle – угол наклона для курсивного начертания, насколько я понял. Также можно задать много расширенных метрик (кнопка Advanced). Но для работы с ними надо изучать и глубоко вникать в типографические понятия, так что не каждый смертный с этим справится.

настройки и параметры метрики шрифта

При создании собственного шрифта желательно заполнить таблицу имён из меню Font->Names… Там указываете название шрифта, семейство (обычный, курсив и т.д.) а также можно заполнить поля копирайта, лицензии на использование и т.п.

Также иногда надо будет устанавливать опции из меню Font->Font Options. В основном там указывается, какая информация будет хранится в файле шрифта. Для полного понимания что есть что, надо изучать форматы файлов шрифтов и типографию. Для решения моей проблемы надо было отключить таблицу VDMX. Поэтому при возникновении некоторых проблем в неправильном представлении шрифта можно попробовать поотключать разные опции, естественно предварительно сделав резервную копию.

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

Скачать программу-редактор шрифтов Type light
Понравился пост? Поделись с другими!
Теги: , , ,
Комментариев пока нет.

Написать комментарий

   b2bbonbone