При разработке сайта одной из ключевых задач является придание уникальности продукту. Помимо графического оформления, очень важно сделать неповторимой саму информационную часть, то есть текст. В данном обзоре мы рассмотрим несколько инструментов для создания собственных шрифтов. Конечно, в интернете можно найти сотни красивых, и при этом бесплатных шрифтов для вашего сайта, но кому не хочется попробовать себя в роли художника и создать что-то своё? Проблема заключается в том, что многие редакторы шрифтов стоят значительных сумм, но сегодня мы поговорим о бесплатных редакторах, которые представляют достаточный функционал для создания необходимого вам шрифта.
FontStruct
FontStruct — это бесплатный онлайн редактор шрифтов. Создание шрифта осуществляется непосредственно в браузере, поэтому вам даже не потребуется устанавливать какое-либо ПО на ваш компьютер.
После завершения создания шрифта, вы просто сохраняете его в виде TrueType файла шрифта (.ttf), а затем устанавливаете его на компьютер. Данный формат поддерживается всеми версиями операционных систем Windows и Mac OS.
FontForge — это бесплатный редактор шрифтов, совместимый с Windows, Mac OS и Linux. Очень важной функцией здесь является возможность редактировать уже существующий шрифт. Среди поддерживаемых форматов файлов шрифта присутствуют TrueType (.ttf), PostScript (.ps), OpenType (.otf) и многие другие.
Интерфейс приложения может показаться довольно сложным, особенно если вы раньше никогда не сталкивались с подобными задачами, но благодаря пошаговому по созданию шрифта, которое находится на сайте разработчика FontForge, обучение станет намного проще.
BitFontMaker
Данный бесплатный онлайн инструмент позволит вам создать простой и приятный для восприятия шрифт прямо в вашем браузере, после чего загрузить его на компьютер в виде файла TrueType.
Создание шрифта осуществляется буквально попиксельно. Это может занять много времени, но при этом чрезвычайно просто.
Type light
Type light является бесплатным редактором шрифтов для Windows, позволяющим создавать собственные шрифты, а также редактировать существующие.
Утилита поддерживает форматы TrueType, OpenType и PostScript. Возможна конвертация одного формата файла шрифта в другой. Стоит заметить, что данное ПО предоставляется бесплатно только для частного некоммерческого использования.
Raster Font Editor
Плюс этого бесплатного редактора шрифтов в том, что он не требует установки, поэтому вы можете запустить его где угодно прямо с флешки, либо из облачного хранилища.
Функционал данного редактора нельзя назвать широким, но при этом он прекрасно подойдёт для базовых простых действий со шрифтами.
Вы устали от ежедневного монотонного использования обычных шрифтов? А может у вас есть какие-либо творческие идеи относительно собственного шрифта и его стиля? Если да, то хотим вам сказать, что раз вы уверены в себе и достаточно креативны - пора начать посещать бесплатные сайты, где вы сможете воплотить в жизнь все идеи, связанные со шрифтами. Да, именно так, ведь в Интернете есть множество ресурсов для графических дизайнеров, где вы можете придумывать и разрабатывать свои шрифты. В дальнейшем можно их использовать в собственных проектах или делиться с другими. Стоит отметить, что сейчас существует огромный спрос на новые и захватывающие виды шрифтов. Поверьте, графический мир просто нуждается в талантливых разработчиках именно шрифтов и если у вас это хорошо получается, то на этом можно еще и подзаработать.
Мы предлагаем вам список из 10 бесплатных ресурсов с инструментами, где вы сможете творить и создавать новые креативные шрифты.
Bird Font – это онлайн-инструмент для создания и редактирования векторной графики. Сервис предлагает настройки импорта и экспорта для True Type Font (TTF), Embedded OpenType Font (СРВ) и Scalable Vector Graphics (SVG). На сайте можно изучить множество возможностей и инструментов для создания различных векторных изображений. Наиболее популярные среди них ориентирование кривых, контекстуальная связывающая подмена, кернинг, вращение объекта, изменение фона и многое другое.
Сайт предназначен именно для создания шрифтов и предлагает эффективную платформу для их дизайна. Ресурс станет полезным для энтузиастов, любящих экспериментировать со шрифтами и создавать новые типы. На FontStruct, можно создавать шрифты, используя различные геометрические фигуры, например, как плитка или кирпичная сетка. Кроме того тут вы можете найти уже готовые новые типы шрифтов. Шрифты, созданные на FontStruct, называются FontStructions и могут быть установлены или загружены в True Type Font (.ttp) файл. Так же они могут быть использованы в приложениях Photoshop, Mac / Windows или на веб-сайтах и в блогах. Это сайт, на который действительно стоит обратить внимание.
Glyphr Studio – это программа для дизайна и редактирования шрифтов, а так же инструмент, предлагающий множество интересных особенностей. На Glyphr Studio вы можете создавать собственные лигатуры символов и глифы, используя различные инструменты редактирования векторов, такие как ручка и пойнтер. Одно из его характерных преимуществ сервиса - импорт SVG кода из Inkscape и Illustrator.Инструмент предлагает двойной режим экрана для удобного проектирования и редактирования. Помимо всего прочего, Glyphr Studio поддерживает такие файлы шрифтов, как True Type Font (TTF), Embedded OpenType Font (СРВ) и Scalable Vector Graphics (SVG) файлы шрифтов.
Сайт является инструментом на основе браузера для проектирования и редактирования растровых шрифтов. Сервис позволяет скачать или загрузить шрифты в их галерею в файле True Type Font.
MyScriptFont - большой онлайн-инструмент для создания векторных шрифтов на основе собственного почерка. Все, что вам нужно сделать, это скачать шаблон в формате PDF или PNG, а затем распечатать его. Далее написать в нем текст от руки, отсканировать и загрузить на сайт (программа поддерживает форматы JPG, PNG, PDF и другие). Вы также можете использовать Paint для написания текста. В отличие от других аналогичных инструментов, MyScriptFont позволяет просмотреть и бесплатно скачать ваш рукописный шрифт в форматах Open Type и True Type. Рукописные шрифты могут быть использованы в графических программах, поздравительных открытках, логотипах, личных письмах и многом другом.
FontForge - онлайн-платформа для создания бесплатных шрифтов. Она имеет простой в использовании пользовательский интерфейс и встроенную программу для сравнения различных шрифтов. С FontForge, можно создавать и редактировать шрифты в различных форматах, включая PostScript, SVG, True Type, Open Type и другие. Так же, к вашим услугам полный текст учебника, помогающего в профессиональной подготовке по созданию шрифтов.
FontArk - это то, что ищет каждый дизайнер шрифтов. Доступ к сервису является бесплатным лишь в течение ограниченного, но он на самом деле стоит того, чтобы им воспользоваться. FontArk - это браузерная программа и поколение шрифтовых инструментов с встроенной системой жидкости сетки. Дизайн и редактирование инструментов FontArk являются тем, что отличает сайт от своих современников. К услугам пользователей в режиме реального времени, несколько глифов, инструменты для редактирования символов и проектирования шрифтов, а так же логотипов. Кроме того, он предлагает множество других функций и поддерживает несколько языков.
PaintFont.com еще один отличный инструмент для преобразования рукописного текста в векторные шрифты. Сайт имеет обширный набор готовых символов, классифицированных по категориям, таким как лигатуры, математика и знаков препинания. Инструмент предлагает глифы и символы из различных языков: японский, немецкий, турецкий, иврит, испанский и другие.
Вы можете создавать шрифты или загружать и модифицировать свои собственные, используя пользовательские инструменты на Fontastic. Сервис предлагает несколько функций, таких как добавление или изменение цвета, добавление теней, изменение масштаба и синхронизация между несколькими устройствами. Так же на сайте собрана огромная коллекция векторных иконок, которые можно использовать для внедрения в любые ваши дизайнерские проекты. Они рассортированы в несколько категорий для полного удобства.
Этот сервис можно назвать идеальным местом для профессиональных дизайнеров шрифтов и просто любителей. Сервис имеет более 20-ти параметров, позволяющих экспериментировать со встроенными глифами. Так же тут вы найдете несколько функций редактирования и проектирования, которые в будущем расширятся.
Еще несколько ресурсов, которые могут вам пригодиться:
FontPunk.com – бесплатный онлайн-инструмент для добавления стилей и визуальных эффектов, чтобы создать визуально привлекательный шрифт для рекламы, листовок или веб-сайта.
FontConverter.org – бесплатный онлайн конвертер шрифтовых файлов.
Font Squirrel – бесплатный онлайн ресурс с коллекцией веб-шрифтов, которые лицензированы для коммерческого использования.
Заключение
Теперь вы знаете, что разработка собственных шрифтов это очень легко, если у вас есть правильные ресурсы. Для самоучек и любителей, эти ресурсы полезны для получения практических навыков, таких как кернинг, настройка кривых, изучения структурных вариаций и комплектации глифов.
Оформление – это безбрежный океан, растущий с каждым днем. Новые типы шрифтов ежедневно создаются каждый день или путем внесения пользовательских изменений в уже существующие шрифты. Благодаря шрифтам усиливается визуальная привлекательность текстового контента и именно поэтому, дизайнеры постоянно ищут новые стили шрифтов, чтобы сделать свои работы максимально свежими и новаторскими.
На открывшееся пустое поле программы перетаскиваем шрифт, который необходимо отредактировать, и отпускаем. Тем самым шрифт будет открыт для редактирования. Также открыть шрифт можно через пункт File - Open , или используя иконку Open на панели инструментов. После того, как шрифт будет открыт в программе, Вы увидите все символы, что находятся в нем.
Добавляем поддержку русских тегов в МР3 файлах
Итак, если есть шрифт, содержащий кириллицу, то значит, есть и уже внесенные символы юникода на карте, имеющие уже прописанные НЕХ значения кодировки. Т.о, нам необходимо найти эти символы и присвоить их НЕХ значения символам кириллицы.
Для удобства работы необходимо выполнить сортировку шрифта. Нажимаем значок иконки на панели инструментов Sort glyphs
. В появившемся окне отмечаем Microsoft Unicode or Simbol Code points
. Нажимаем ОК. Шрифт будет отсортирован и наши символы в нем выстроятся в порядке возрастания по НЕХ значениям кодировки.
Теперь нам необходимо найти первый символ кириллицы в unicode. Как Вы, наверное, помните, первый символ (заглавная буква А) имеет НЕХ значение 00С0. Нажимаем значок иконки на панели инструментов Find a glyph либо используем комбинацию горячих клавиш Ctrl+F . Появится окно поиска глифа.
Переходим на вкладку Mapping для поиска по НЕХ значениям заданной кодировки на карте шрифта. Отмечаем, где выполняется поиск, т.е. Microsoft Unicode BMP only . В строке номера вводим число в НЕХ представлении для нашего символа, а именно 00С0, для поиска первого символа русского алфавита в unicode. Нажимаем Find (Найти) .
В результате искомый символ будет выделен на карте. Как мы помним по статье , именно так и выглядел у нас первый символ кириллицы в unicode.
Не снимаем выделения с найденного символа, прокручиваем шрифт, находя последний символ.
НЕХ значение последнего символа (прописной буквы я) кириллицы в unicode 00FF. Находим его на карте. Он расположен на несколько строк ниже от нашей выделенной первой буквы. Удерживая клавишу Shift, отмечаем последний символ кириллицы на карте с НЕХ заголовком 00FF.
В результате у нас окажутся отмеченными все буквы кириллицы. Смотрим на нижнюю строку в программе для проверки. У нас должно быть отмечено 64 глифа.
Щелкаем правой кнопкой мыши по выделенным символам. В появившемся меню выбираем пункт Copy .
А теперь прокручиваем шрифт и находим в нем русские буквы, которые отображаются в шрифте. НЕХ значения их заголовков начинаются с 0410 и заканчиваются 044F. Отмечаем первую заглавную буквы А, удерживая клавишу Shift, отмечаем последнюю прописную букву я. Проверяем в нижней строке, что выделено у нас 64 глифа на карте.
Переходим на вкладку Edit и выбираем Paste Special Ctrl+E . Этим действием мы вызываем окно специальной вставки для нашего шрифта.
В окне специальной вставки устанавливаем флаг Gliph Mappings (копирование НЕХ значения символа в кодировке Unicode), все остальные флаги снимаем. И отмечаем ниже Add mappings . Нажимаем ОК.
В результате получаем, что нашим русским буквам, что отображаются на карте шрифта, стали присвоены еще и НЕХ значения unicode, скопированные из символов, расположенных выше.
Проверим, чтобы удостовериться, что символам присвоены те значения, что нам были необходимы. Выделяем символ А, значение которого нам необходимо проверить, для примера, на карте. Нажимаем правой кнопкой мыши по символу, в появившемся меню выбираем Properties... . Попадаем в карту данного глифа. Как видим, теперь букве А присвоены оба значения кодировок.
Далее, мы с Вами удалим те символы, которые в данный момент стали не нужны, т.к. они уже более не прописаны на карте шрифта, их значения мы присвоили нашим русским буквам. Искать их просто, поднимаемся выше и ищем символы, у которых уже отсутствует НЕХ заголовок. Отмечаем первый и последний символ, удерживая клавишу Shift.
В результате у нас выделятся 64 глифа без НЕХ заголовков, проверяем это, посмотрев в нижнюю строку программы. Нажимаем правой кнопкой мыши по выделенным символам. В появившемся меню выбираем пункт Delete для удаления данных символов с карты шрифта.
В результате лишние и неиспользуемые символы с карты будут удалены. Теперь можно сохранить наш шрифт и проверить его. Установите шрифт в телефон . Как видите, поддержка русских тегов в МР3 файлах теперь у Вас появилась.
Вставляем свои буквы в шрифт с поддержкой большого количества языков и символов
Выбираем шрифт, символы которого Вам приглянулись и Вы хотели бы иметь такой шрифт, но чтобы он смог поддерживать большое количество языком и много разных дополнительных символов. Либо, Вам приглянулся шрифт вашей ОС, но Вам не хочется думать о том, как найти все спец. символы. Т.е., Вы хотите использовать только лишь понравившееся начертание символов английского и русского алфавита.
Открываем шрифт с большим количеством языков и символов. Затем открываем шрифт, символы которого Вы хотите использовать для внедрения.
Для удобства работы используем вкладку Windows - Tile Vertical
или Tile Horizontal
. Тем самым Вы сможете работать одновременно с двумя шрифтами, т.е. Вам будет удобно видеть все символы в обоих шрифтах.
Отмечаем на шрифте, что Вам понравился своим начертанием, первый символ на карте. Затем, удерживая клавишу Shift, отмечаем последний символ в строке, где мы видим последнюю букву английского алфавита. Тем самым мы выделяем некоторое число символов, в которое вошел и весь английский алфавит. По выделенный символам щелкаем правой клавишей мыши, в выпадающем меню выбираем пункт Copy
.
Затем аналогичное выделение делаем на шрифте, в который мы хотим выполнить вставку. Сверяем число выделенных символов с числом глифов на шрифте, из которого выполняется копирование. Щелкаем правой кнопкой мыши по выделенным символам и выбираем пункт Paste
. Хочу сразу отметить, что внедрять можно и только лишь цифры, английские символы и русские. Т.е., выделять строго определенные символы. Это на Ваше усмотрение. Но помните, чем больше символов Вы перенесете в шрифт, используемый для вставки, тем более гармоничней будет Ваш новый шрифт.
Вставляем все символы, включая и русские буквы.
Еще раз напомню, что можно было выполнить вставку лишь цифр и букв английского и русского алфавита. Либо выполнять вставку последовательно стоящих символов, которые расположены на карте шрифта по соседству, тем самым копируя большее число символов. Но тут необходимо внимание, если на одном из шрифтов есть хотя бы один символ лишний, то ваше копирование приведет к сбивке символов на карте. Поэтому, если Вы не уверены, что все символы с точностью совпадают в обоих шрифтах, то вставку лучше выполнить через вкладку Edit
. Выбираем Paste Special
, либо просто используем комбинацию горячих клавиш Ctrl+E
. В окне специальной вставки устанавливаем флаги Gliph Outline Data
(копирование самого символа), Gliph Metrics
(копирование размера и положения) и Gliph Mappings
(копирование НЕХ значения символа в кодировке Unicode). Нажимаем ОК. В этом случае при копировании все символы займут свои значения на карте.
Видим, что наши символы заменились в шрифте, и теперь в нем внедрены те написания букв, что нам понравились. Посмотрим, как смотрится такой шрифт.
Нажимаем горячую клавишу F5
или пункт Font - Test
. Откроется дополнительное окно, в котором Вы увидите имеющиеся символы. Как видно из приведенного ниже скриншота - мы достигли ожидаемого результата.
Подгоняем шрифт под себя
Бывают случаи, что шрифт понравился, но он мелковат и трудно читаем. Либо еще вариант - шрифт хорош, но обрезается по базовой линии. Возникает необходимость подогнать (исправить) такой шрифт под себя.
Переходим на вкладку Tool
, выбираем пункт меню Glyph Transformer...
. Этим действием мы вызываем окно трансформации.
Для увеличения шрифта выбираем значение Outlines - Scale . С помощью стрелки вправо переносим эффект в правое окно. Вводим необходимое значение. Как правило, значения 110 (как для вертикали, так и для горизонтали для равномерности увеличения) будет достаточно. Для того чтобы при увеличении символа его контуры не вышли за установленные размеры для глифа, используем Fixed Point .
Если шрифт обрезается по базовой линии, то его необходимо приподнять над ней. Для этого используем значение Outlines - Move . И задаем значение, которое нам необходимо для перемещения шрифта по вертикали. Нажимаем ОК.
Теперь можно сохранить наш шрифт и проверить его. Установите шрифт в телефон . Проверяем, устраивает ли нас такое увеличение, добились ли Вы ожидаемого эффекта. В случае, если Вы приподнимали шрифт, то проверьте отображение шрифта в различных программах и окнах на телефоне.
Сглаживание
Возможно, что Ваш шрифт Вам покажется слишком "рубленным", т.е. не будет в буквах должного сглаживания. В таком случае Вы можете попробовать использовать эффект сглаживания для вашего шрифта.
Нажимаем горячую клавишу F5
или пункт Font - Test
. Откроется дополнительное окно, в котором Вы увидите имеющиеся символы. Если Вам кажется, что Ваши символы требуют сглаживания, то давайте сравним результаты. На приведенном ниже скриншоте шрифт без сглаживания.
Переходим на вкладку Format , выбираем пункт меню Grayscale . С помощью кнопки Insert добавляем значения, показанные на скриншоте. Нажимаем ОК.
Нажимаем горячую клавишу F5 или пункт Font - Test . Откроется дополнительное окно, в котором Вы увидите имеющиеся символы. Смотрим, как стали наши символы отображаться. Эффект сглаживания заметен (к сожалению скриншоты не отображают явного отличия, но в программе Вы его увидите).
Присваиваем внутреннее имя Вашему шрифту
Последним штрихом осталось добавить имя вашему шрифту. Это необходимо в том случае, если Вы создавали что-то новое. Если же Вы правили чей-то шрифт, то это делать не совсем этично.
Переходим на вкладку Format
, выбираем пункт меню Naming
.
Заполняем поля, указываем имя шрифта, тем самым задавая его внутреннее имя, и номер версии, возможно, что Вы будете делать не одну версию своего шрифта, а редактировать его несколько раз.
Сохраняем шрифт. Можно открыть свой шрифт стандартными средствами Windows, чтобы посмотреть, как прописалось внутреннее имя Вашего шрифта.
Все, что мы с Вами делали во второй части статьи, а именно: увеличение размера шрифта, поднятие шрифта над базовой линией и сглаживание, все это можно выполнить средствами программы . Как видно из приведенного ниже скриншота, все эти значения можно изменить в ini файле программы. Но целью нашей статьи было научиться быстро и легко изменять сам шрифт, поэтому мы и выполняли данное трансформирование символов в самом файле шрифта.
Все, что описано в данной статье может послужить Вам для того, чтобы в любой момент Вы смогли бы с легкостью изменить шрифт, который приглянулся, но имеет некое неудобство по его использованию. Вам не надо никого просить что-то изменить в нем, Вам не надо от него отказываться. Вы сможете это сделать сами, всего в несколько кликов мыши.
Червоная Ольга
Практические советы по редактированию готового шрифта
На данный момент существует гигантское количество самых разнообразных шрифтов, однако у некоторых пользователей может возникнуть желание создать какой-нибудь свой собственный, полностью уникальный дизайн. К счастью, в наше время для этого вовсе не обязательно обладать навыком каллиграфического письма, ведь существует довольно большое число специализированных программ, разработанных для облегчения этого процесса.
Программа X-Fonter не предназначена для создания собственных шрифтов. Она, по сути, является продвинутым менеджером, позволяющим лучше ориентироваться среди множества установленных на компьютер наборов.
Также в X-Fonter присутствует инструмент для создания простых компактных баннеров.
Type
Type является отличным средством для создания собственных шрифтов. Позволяет рисовать символы практически любой сложности посредством применения доступных во встроенном наборе инструментов. Среди таковых прямые линии, сплайны и базовые геометрические объекты.
Кроме описанного выше стандартного метода создания символов, в Type присутствует возможность вручную программировать их при помощи командного окна.
Scanahand
Scanahand выделяется среди остальных благодаря методу работы над шрифтами, который используется в ней. Чтобы создать здесь свой собственный шрифт, необходимо распечатать заготовленную таблицу, заполнить ее вручную при помощи маркера или ручки, а затем отсканировать ее и загрузить в программу.
Это средство для создания шрифтов больше всего подойдет людям, обладающим навыками каллиграфического письма.
FontCreator
FontCreator – программа, разработанная компанией High-Logic. Она, как и Scanahand, предоставляет возможность создания собственных уникальных шрифтов. Однако, в отличие от предыдущего решения, FontCreator не нуждается в применении дополнительного оборудования вроде сканера и принтера.
В целом, данная программа похожа по своему функционалу на Type, ведь в ней используются примерно такой же набор инструментов.
FontForge
Еще один инструмент для создания собственных и редактирования готовых шрифтов. Обладает практически таким же набором функций, как FontCreator и Type, однако при этом является полностью бесплатным.
Главным недостатком FontForge является довольно неудобный интерфейс, разбитый на множество отдельных окон. Однако, несмотря на это, данная программа занимает одну из лидирующих позиций среди подобных ей решений для создания шрифтов.
Представленные выше программы помогут лучше взаимодействовать с различными шрифтами. Все из них, кроме разве что X-Fonter, обладают множеством полезных функций для создания собственных шрифтов.
