В какой программе рисуют шрифты

Автор предлагает компьютерную программу собственной разработки, предназначенную для создания и редактирования шрифтов для распространённых сегодня графических ЖКИ.

В последние годы радиолюбители всё чаще используют в своих разработках для отображения информации графические ЖКИ. Особенность большинства таких приборов — наличие частично или полностью загружаемого внешним управляющим устройством знакогенератора либо полное отсутствие такового.

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

Но в обоих случаях необходимы внешние шрифты. С одной стороны, это хорошо, так как даёт возможность использовать наборы символов, наиболее подходящие для решения конкретных задач. Однако нужные шрифты приходится либо искать, либо создавать самостоятельно. Нельзя сказать, что файлы шрифтов для графических ЖКИ редкость. Их легко найти в Интернете, но далеко не всегда найденный шрифт может быть использован.

Программы в которых рисуют шрифты

Дело в том, что различные контроллеры ЖКИ по-разному разворачивают образ символа в матрице знакоместа. Например, контроллер KS0107 (KS0108) индикатора WG12864 разворачивает байты образа вертикально, как показано на рис. 1, а контроллер RA6963 индикатора WG240128 — горизонтально (рис. 2).

В первом случае символ R должен быть описан последовательностью байтов 00H, 00H, 00H, 7FH, 09H, 19H, 29H, 49H, во втором — 1EH, 11H, 11H, 1EH, 14H, 12H, 11H, 00H. Следовательно, шрифт, подготовленный для ЖКИ с оризонтальной развёрткой байтов образов символов, будет некорректно отображён на индикаторах с вертикальной развёрткой, и наоборот.

Образ символа в матрице знакоместа

Рис. 1. Образ символа в матрице знакоместа

Образ символа в матрице знакоместа

Рис. 2. Образ символа в матрице знакоместа

С точки зрения программирования шрифт представляет собой массив констант. При разработке программ, выводящих информацию на ЖКИ, используют различные языки программирования с разными правилами описания таких массивов. Например, на языке ассемблера константы задают директивами db (define byte), а на языке BASIC — операторами Data.

На языке C массив констант можно задать просто набором их значений. Представление шестнадцатеричных чисел тоже различно. В разных языках программирования используются, например, форматы 0xNN, с нуля». Это удобно делать с помощью специализированных программ — так называемых редакторов шрифта.

Как делается шрифт

Такие редакторы можно найти в Интернете. Их (по крайней мере, тех, с которыми имел дело автор) основной недостаток — узконаправленность. Создаётся впечатление, что программа разработана энтузиастом для решения своей конкретной задачи.

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

Предлагаемая программа CG-Edit разработанаавтором как более универсальный инструмент. Она позволяет разрабатывать новые и корректировать ранее созданные (в том числе «чужие») шрифты в наиболее употребительных в радиолюбительской практике форматах.

Допустимы следующие размеры знакомест (первый сомножитель — число пикселов по горизонтали, второй — по вертикали): 6×8, 8×8, 12×16, 16×16, 16×24, 24×16, 24×24. Можно разрабатывать и редактировать шрифты как в позитивном, так и в негативном изображении, а также изменять направление развёртки байта в знакоместе с вертикального на горизонтальное, и наоборот. Выходная информация может быть оптимизирована для использования в программах на языке ассемблера, на различных версиях языков BASIC и С.

Программа предназначена для персональных компьютеров, работающих под управлением 32- и 64-разрядных версий ОС Windows. Она состоит из единственного исполняемого файла CG-Edit.exe и не требует установки, проста в использовании, имеет интуитивно понятный пользовательский интерфейс.

После запуска программы на экране компьютера будет открыто окно, показанное на рис. 3. В его левой верхней части находится область выбора редактируемого символа в виде таблицы, в ячейках которой размещены символы кодовой страницы Windows-1251. Отображены только символы с кодами 20Н-0FFH, область управляющих кодов 0H-1FH отсутствует, поскольку они не имеют графических эквивалентов. Все основные символы латиницы, кириллицы и цифры находятся за пределами области кодов 7FH-0BFH, поэтому эту область удобно использовать для создания любых нужных для решаемой задачи символов взамен имеющихся там согласно кодовой странице Windows-1251.

Окно программы на экране компьютера

Рис. 3. Окно программы на экране компьютера

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

Читайте также:
Приведен пример программы на языке паскаль эта программа

Необходимо заметить, что для знакомест не всех размеров допустимы оба направления развёртки байтов. Дело в том, что программа ориентирована на максимальную плотность упаковки информации. Ведь основные «потребители» создаваемых с её помощью шрифтов — микроконтроллерные устройства, имеющие относительно небольшой объём памяти.

На рис. 4 видно, что при горизонтальной развёртке байта в знакоместе размерами 6×8 пкс полезно используются лишь шесть разрядов, а два разряда остаются лишними. Всего образ символа занимает восемь байтов. При вертикальной развёртке (рис. 5) каждый столбец знакоместа занимает байт полностью, поэтому для образа символа требуется всего шесть байтов.

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

Горизонтальная развёртка байта в знакоместе размерами 6x8 пкс

Рис. 4. Горизонтальная развёртка байта в знакоместе размерами 6×8 пкс

Вертикальная развёртка байта в знакоместе размерами 6x8 пкс

Рис. 5. Вертикальная развёртка байта в знакоместе размерами 6×8 пкс

Выбрав параметры шрифта, нажимают на экранную кнопку «Создать». Этим закрывают окно ввода параметров, а основное окно приобретает вид, представленный на рис. 6.

Вид окна компьютерной программы

Рис. 6. Вид окна компьютерной программы

Программа создаёт в ОЗУ компьютера пустой образ знакогенератора. Он будет оставаться пустым до загрузки в него какого-либо шрифта из имеющегося файла нажатием на экранную кнопку «Импортировать знакогенератор» либо до создания собственных символов после нажатия на экранную кнопку «Создать знакогенератор». Символы в поле «Выбор символа» не отображают фактическое содержимое образа знакогенератора. Они всегда остаются неизменными и служат лишь для ориентировки. В области редактирования программа выводит изображение знакоместа выбранного размера.

Символ создаваемого или редактируемого знакогенератора, ячейка которого выбрана в таблице «Выбор символа» (она выделена в ней красным фоном), отображается в поле «Редактируемое знакоместо». Первоначально — это символ с кодом 20Н. Для перехода к другому символу нужно щёлкнуть по соответствующей ему ячейке таблицы левой кнопкой мыши. Надпись выше знакоместа характеризует параметры создаваемого шрифта.

Редактируют содержимое знакоместа щелчками по его пикселам левой кнопкой мыши. Каждый такой щелчок изменяет состояние пиксела на противоположное. В нижней части поля редактирования находятся четыре экранные кнопки группового управления пикселами. Нажатие на одну из них сдвигает содержимое знакоместа на пиксел вверх, вниз, влево или вправо в его пределах.

Нажатие на экранную кнопку «Стереть» полностью очищает знакоместо, а нажатие на кнопку «Откат» восстанавливает исходное начертание редактируемого символа. Ввиду того что операции стирания и отката безвозвратно удаляют результаты редактирования символа, перед их выполнением программа выдаёт соответствующие предупреждающие сообщения.

Нижняя строка и правый столбец знакоместа выделены жёлтым фоном. Это напоминает, что включённые пикселы в них нежелательны, так как эти области служат разделителями соседних символов на экране ЖКИ. Однако понятие «нежелательно» не означает запрета. Включить пиксел можно, что и приходится делать, создавая такие символы, как «Д» или «Щ». При работе со знакоместами большого размера жёлтым фоном выделены две нижние строки и два крайних правых столбца, так как для хорошего восприятия больших символов целесообразно иметь между ними увеличенные промежутки.

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

Допускаются произвольный порядок выбора символов и их многократное повторное редактирование. После первого же изменения состояния любого пиксела символ в соответствующей ячейке выбора будет выделен полужирным шрифтом увеличенного размера. Это показывает, что он подвергался редактированию. Всё, что отображается в окне программы в процессе редактирования, показано на рис. 7. Видно, что символы «3» и «Щ» уже редактировались, сейчас редактируется символ «Щ», причём его «хвостик» находится в нежелательной зоне.

Окно программы в процессе редактирования

Рис. 7. Окно программы в процессе редактирования

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

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

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

Читайте также:
Установка программы для принтера canon lbp 3000

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

В выпадающем списке «Формат строки» (рис. 8) выбирают структуру строки в выходном текстовом файле. Последовательности шестнадцатеричных чисел, разделённых запятыми, может предшествовать ключевое слово «Data» или «.Db» либо оно может отсутствовать.

Выпадающий список

Рис. 8. Выпадающий список «Формат строки»

В выпадающем списке «Формат числа» (рис. 9) выбирают способ представления шестнадцатеричного числа. К двум шестнадцатеричным цифрам NN может быть добавлен один из имеющихся в списке префиксов либо суффикс «h».

Выпадающий список

Рис. 9. Выпадающий список «Формат числа»

Отметив пункт «Негативный шрифт», можно создать файл с таким шрифтом.

Для записи файла на диск компьютера необходимо нажать на экранную кнопку «Сохранить знакогенератор». Путь к нему указывают в стандартном диалоге Windows. По умолчанию для файла предлагается имя FontXXxYYmn.fnt, где XXxYY — формат знакоместа; m — символ «v» или «h», означающий соответственно вертикальную или горизонтальную развёртку байта; n — символ «p» или «n», обозначающий соответственно позитивное или негативное изображение символов; fnt — расширение имени.

Имя файла можно модифицировать, добавляя в начале или конце допустимые символы. Однако разрушать конструкцию «FontXXxYYmn» не рекомендуется. По ней программа распознаёт параметры «своего» шрифта при его загрузке. В противном случае программа сочтёт файл «чужим» и потребует ручного ввода параметров.

При необходимости отредактировать готовый файл знакогенератора в окне, изображённом на рис. 3, нажимают на экранную кнопку «Импортировать знакогенератор». Будет открыт стандартный диалог загрузки файлов Windows, в котором следует выбрать файл, подлежащий редактированию. Процесс загрузки этого файла различен в зависимости от его формата.

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

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

Если параметры указаны правильно, то «чужой» шрифт с высокой вероятностью будет загружен успешно. Алгоритм чтения содержащейся в файле информации «понимает» как десятичные, так и шестнадцатеричные числа в различных представлениях, извлекает полезную информацию из операторов Data и .Db, игнорирует комментарии. Пожалуй, единственное, что может стать препятствием для правильной загрузки — наличие в файле какой-либо дополнительной информации в незакомменти-рованном виде.

Процесс редактирования загруженного шрифта ничем не отличается от процесса создания нового. Последним этапом будет сохранение сделанной работы в файле, который станет для программы «своим».

Файл программы-редактора можно скачать здесь.

Рекомендуем к данному материалу .

Мнения читателей
  • Виталий Геннадьевич / 17.02.2021 — 21:30 Спасибо большое! Использую WG12232.
  • Ev3658 / 16.11.2019 — 23:36 Спасибо!

Источник: www.radioradar.net

Создание уникального шрифта в Photoshop.

 Photoshop

Для создания логотипа, либо фирменной надписи часто необходимо выгодно выделиться среди конкурентов. Для этого понадобится умение создавать уникальные шрифты в программе Photoshop.

Шаг 1. Открываем новый документ: Файл => Создать.

Создание уникального шрифта в Photoshop

Шаг 2. Отрывается окно «Новый».

Пишем имя файла: «Мир».

Определяем ширину и высоту файла: 1920 и 1000 пикселей соответственно.

Разрешение: 300 пикселей на дюйм.

Содержимое фона: Белый.

Все остальные поля оставляем как и были, по умолчанию. Нажимаем «ОК».

Создание уникального шрифта в Photoshop

Шаг 3. Видим белый лист. Выбираем инструмент «Горизонтальный текст», нажав правой кнопкой мыши на иконке текста «Т». В выпавшем меню нажимаем левой кнопкой мыши на инструменте «Горизонтальный текст».

Создание уникального шрифта в Photoshop

Шаг 4. На белом листе левой кнопкой мыши рисуем прямоугольник, в котором появляется курсор.

Создание уникального шрифта в Photoshop

Шаг 5. В верхней панели инструмента «Горизонтальный текст» выбираем:

— разновидность шрифта Black,

— размер шрифта 72 пикселя,

— цвет шрифта 4baa38 – зеленый.

Создание уникального шрифта в Photoshop

Шаг 6. Пишем заглавными буквами: «МИР». В верхней панели находим галочку «Применить текущую правку» и нажимаем на нее.

Создание уникального шрифта в Photoshop

Шаг 7. Идем в панель «Слои», там находим слой с нашим текстом и кликаем на него правой кнопкой мыши.

Создание уникального шрифта в Photoshop

Шаг 8. Открывается список, в котором мы выбираем «Преобразовать в кривые».

Создание уникального шрифта в Photoshop

Шаг 9. Нажимаем комбинацию клавиш «Сtrl +». Нажимаем два раза, чтобы увеличить еще больше нашу надпись.

Создание уникального шрифта в Photoshop

Шаг 10. Нажимаем клавишу «Пробел», и не отпуская, левой кнопкой мыши перемещаем изображение в удобную для нас сторону, чтобы все буквы были видны.

Создание уникального шрифта в Photoshop

Шаг 11. В левой панели находим инструмент «Стрелка», выбираем его.

Создание уникального шрифта в Photoshop

Шаг 12. Обводим прямоугольником часть буквы «И».

Создание уникального шрифта в Photoshop

Шаг 13. Видим, что по контуру буквы «И» появились квадратные опорные точки. Те точки, которые были обведены и выделены инструментом «Стрелка» – черные, а все остальные прозрачные.

Читайте также:
В какой программе удобно писать книгу

Создание уникального шрифта в Photoshop

Шаг 14. Левой кнопкой мыши зажимаем верхнюю выделенную точку и тянем ее вправо. Вместе с ней передвигаются все выделенные точки.

Создание уникального шрифта в Photoshop

Шаг 15. Видим результат.

Создание уникального шрифта в Photoshop

Шаг 16. Для симметрии проделаем то же самое с другой стороны буквы «И» (шаги 11 — 15).

Создание уникального шрифта в Photoshop

Шаг 17. Выбираем инструмент «Перо +» (добавить опорную точку).

Создание уникального шрифта в Photoshop

Шаг 18. Левой кнопкой мыши ставим новую опорную точку на контуре в необходимом месте.

Создание уникального шрифта в Photoshop

Шаг 19. Таким же путем ставим еще одну опорную точку.

Создание уникального шрифта в Photoshop

Шаг 20. Выделяем левой кнопкой мыши угловую точку и нажимаем на клавиатуре «Delete».

Создание уникального шрифта в Photoshop

Шаг 21. Смотрим, что точка удалена.

Создание уникального шрифта в Photoshop

Шаг 22. Теперь нужно округлить срезанные края. Выделяем одну точку, нажимая левой кнопкой мыши на контуре в необходимом месте.

Создание уникального шрифта в Photoshop

Шаг 23. Появляется прямая, проходящая сквозь выделенную точку. На концах этой прямой две круглые точки. Левой кнопкой зажимаем круглую точку, как показано на рисунке. И протягиваем немного вверх.

Видим, что контур округлился.

Создание уникального шрифта в Photoshop

Шаг 24. Выделяем точку, и перемещаем ее при помощи левой кнопки мыши.

Создание уникального шрифта в Photoshop

Шаг 25. Видим результат перемещения.

Создание уникального шрифта в Photoshop

Шаг 26. Вновь появляется прямая, и за конец этой прямой тянем левой кнопкой мыши вверх, пока округлится контур так, как нам этого хочется, и чтоб было красиво.

Создание уникального шрифта в Photoshop

Шаг 27. Таким образом, мы можем изменить каждый угол буквы «И», и она станет не похожа ни на одну другую. Вот что получилось у меня.

Создание уникального шрифта в Photoshop

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

Источник: fotoshopdesign.ru

Создаем шрифты на iPhone и iPad

Создаем шрифты на iPhone и iPad

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

iFontMaker

Снимок экрана 2015-09-17 в 21.07.47

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

Как использовать приложение:

Снимок экрана 2015-09-22 в 20.17.23

Нажимаем на New, чтобы создать новый файл шрифта.

Снимок экрана 2015-09-22 в 20.17.29

Выбираем символ, который хотим нарисовать.

Снимок экрана 2015-09-22 в 20.17.35

Настраиваем параметры пера.

Снимок экрана 2015-09-22 в 20.17.42

Рисуем и редактируем составные части символа.

Снимок экрана 2015-09-22 в 20.17.48Смотрим как созданные символы смотрятся внутри фраз и задаем интервалы между буквами.
Снимок экрана 2015-09-22 в 20.17.54Теперь шрифт можно установить на iOS или OS X, конвертировать в формат ttf, отправить себе на email и использовать в программах Microsoft Office, Adobe Creative Suite или в качестве шрифта для веб-страниц.

Для того чтобы установить шрифт на iPhone или iPad необходимо сделать следующее:

Снимок экрана 2015-09-22 в 20.27.10

В личном кабинете на сайте 2ttf.com выбрать нужный шрифт и нажать на пункт меню Install on iOS.

Снимок экрана 2015-09-22 в 20.30.36

В появившемся окне нажать кнопку Install.

Снимок экрана 2015-09-22 в 20.33.30

Открыть приложение Pages, убедиться что шрифт установлен и наслаждаться его использованием.

С установкой на OS X все несколько сложнее:

Снимок экрана 2015-09-22 в 20.36.51

С мака надо зайти в личный кабинет и нажать кнопку Download.

Снимок экрана 2015-09-22 в 20.38.22

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

Снимок экрана 2015-09-22 в 21.30.14

Открыть приложением Pages и убедиться, что шрифт установился в систему.

Снимок экрана 2015-09-22 в 21.38.02

В личном кабинете, если нажать на кнопку Web Font, то всплывающем окне появится CSS-код для использования шрифта на веб-странице.

Снимок экрана 2015-09-22 в 21.45.27

Ссылкой на шрифт можно поделиться в Facebook, Twitter, Stumbleupon, Reddit и Digg.

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

Снимок экрана 2015-09-22 в 21.53.55

Скопировать нужные символы в буфер обмена.

Снимок экрана 2015-09-22 в 21.56.21

Перейти в режим Compose и нажать кнопку Paste.

Снимок экрана 2015-09-22 в 21.57.54

Нажать Touch here to Edit.

Снимок экрана 2015-09-22 в 21.59.20

Редактировать выбранные символы.

Снимок экрана 2015-09-22 в 20.10.01

На сайте 2ttf.com есть галерея шрифтов, созданных пользователями приложения iFontMaker. Сотни оригинальных авторских шрифтов доступны для бесплатного скачивания. Перед тем как браться за тяжелый труд по созданию нового шрифта, стоит ознакомиться с этой коллекцией, чтобы удостовериться что ваша идея еще не реализована. Фантазия юзеров iFontMaker безгранична. Есть даже шрифты состоящие из символов в форме кошечек и зайчиков.

Загрузите в App Store

iFontMaker далеко не единственное приложение для создания шрифтов в AppStore. Вот парочка его популярных аналогов.

Font Maker

Шрифты, созданные в этом приложении можно использовать в sms и email-переписке. Для удобства процесса можно создать собственную клавиатуру.

Снимок экрана 2015-09-17 в 21.12.50

Загрузите в App Store

MyRealFont

С помощью MyRealFont можно создавать поздравительные открытки с использованием самостоятельно созданных шрифтов. Еще приложение позволяет зарабатывать на шрифтах, созданных в нем.

Источник: bloha.ru

Рейтинг
( Пока оценок нет )
Загрузка ...
EFT-Soft.ru