Статті - fontlab - лабораторія шрифтів

Статті - fontlab - лабораторія шрифтів

Графічне зображення текстів (шрифт) є звичною, але дуже важливою частиною нашого життя. Настільки звичною, що ми майже весь час спостерігаємо навколо себе різні написи і не помічаємо цього, але вони надають на нас вплив: написи шепочуть, просять, іноді навіть кричать і вимагають. Від шрифту в книзі залежить комфортність її читання, від назви на упаковці продукту залежать його продажу, від того, яким буде попереджувальне повідомлення МОЗ курцеві на пачці сигарет, залежить ефективність послання. Неспроста з минулого року напис про шкоду куріння на пачку наносять чорним шрифтом на білому фоні, та ще в чорній рамці розміром не менше 1/3 пачки - так текст значно помітніше. Більш докладно про це написано у Артемія Лебедєва в статті "Дизайн - це війна".

За таємні знаки, що передаються нам друкованим словом, відповідають дизайнери, які працюють над оформленням візуальних матеріалів, починаючи від простих листівок і закінчуючи повним пакетом документів, що становлять фірмовий стиль компанії. Розроблений шрифт може складатися як з однієї літери (пам'ятаєте логотип Альфабанка?), А може складати повний комплект шрифтових гарнітур різних кеглів і стилів (звичайний, напівжирний, курсив).

Є і профільні дизайнери шрифтів, наприклад, вУкаіни найвідомішою компанією, що спеціалізується на розробці цифрових шрифтів, є компанія "ПараТайп". Інші компанії і дизайнери, які працюють в цьому напрямку, а також продукти їх праці представлені в каталозі "Софткей" в розділі "Шрифти".

У лабораторії шрифтів

Поточна версія програми носить номер 5, демонстраційна установка може бути завантажена з сайту компанії. Обмеження демоверсії полягають в експорті лише половини символів шрифтового набору, та й ті виявляються спеціально попсовані. Проте ознайомитися з програмою це не заважає, що ми зараз і зробимо.

Статті - fontlab - лабораторія шрифтів

Візьмемо перший-ліпший під курсор символ, клацнемо на ньому правою кнопкою і виберіть пункт меню Open Glyph Window ( "Відкрити вікно символу"), перед нами з'явиться вікно редагування гліфа. Можна створювати шрифт. У нашому розпорядженні - типові інструменти для роботи з векторними кривими: графічні примітиви (квадрат і коло), перо, іскрівітелі-трансформатори, управління вузловими точками. Політ творчої думки затиснутий тільки обмежувальними лініями. Уже перші торкання кадру мишею дають розуміння складності роботи, адже шрифт повинен бути красивим, пропорційним і естетичним.

Замінюємо символ національної валюти

Статті - fontlab - лабораторія шрифтів

Встановимо символ рубля

Як символ для підміни візьмемо гліф 164, який наші програмісти здавна вважали символом української валюти і ласкаво називали, в залежності від настрою, то "сонечко", то "клоп". Знаходимо в Інтернеті зображення символу рубля, конвертуємо його в чорно-білий файл формату BMP і завантажуємо фоном обраного гліфа через меню File - Import - Background. Результат видно на скріншоті.

Виділимо і видалимо криві, що відображають "клопа", підгонимо розмір фонової картинки через меню Tools - Background - Move and Scale, а потім використовуємо "чарівну" функцію трасування, яка перетворить растрове зображення у векторний контур гліфа. Запускається функція через меню Tools - Background - Trace Pixels. В результаті отримаємо точний векторний контур реєстрового символу. Змінимо ім'я шрифту (File - Font Info) і Збережемо шрифт через меню File - Generate Font в файл формату TTF під іншим ім'ям, щоб не переплутати з відповідним системним шрифтом. З метою перевірки успішності експерименту шрифт навіть можна встановити в систему і що-небудь надрукувати, але використовувати шрифт не можна, так як демоверсія псує символи.

Створимо власний шрифт

Статті - fontlab - лабораторія шрифтів

"Інфографіка". Створюємо рукописний шрифт

1. На аркуші паперу від руки тонким чорним маркером пишемо букви алфавіту - прописні, рядкові, а також знаки. Можна писати і кульковою ручкою, але у неї лінія тонше, тому в сканованою лінії будуть розриви, які доведеться правити.

3. Конвертуємо букву в двокольорові чорно-біле зображення, при необхідності підправляємо картинку, прибираючи зайві точки і заповнюючи розриви.

4. Створюємо новий шрифт в FontLab Studio, вже відомим способом додаємо до потрібного символу фон з збереженої картинки через меню File - Import - Background. Підганяємо розмір фонового малюнка через меню Tools - Background - Move and Scale. Трассіруем картинку для створення векторного символу. Можна вибрати перший варіант (трасування пікселів), але краще скористатися другим варіантом (Tools - Background - Trace): крива лінія плавно окреслить всі елементи букви і згладить всі нерівності, що дозволить надати більшу плавність нашому майбутньому "почерку". Можна переходити до наступної букви.

5. Коли все гліфи будуть готові, створимо шрифт (меню File - Generate Font) і збережемо його в файл поширеного формату TTF. Створений шрифт можна завантажити в систему через меню "Пуск" - "Налаштування" - "Панель управління" - "Шрифти".

Від лабораторії - до польової кухні

Якщо в попередньому розділі ми спостерігали, як працюють професіонали, по частках міліметра вивіряючи кривизну гліфів та кернинг, то для швидкого домашнього виготовлення шрифтів, є спеціальні онлайнові сервіси. Деякі з них - платні, пропонують зробити побутової шрифт за цінами професійних шрифтів (до 15 доларів за гарнітуру), також знайшовся сервіс дешевше, він так і називається Chip fonts (5 доларів за гарнітуру). На щастя, добрі люди підтримують і безкоштовні сервіси. Про таке ми зараз і розповімо.

Сервіс MyScriptFont.com, як і його платні побратими, працює за принципом обробки фіксованою матриці символів. Це означає, що, перш ніж створити свій шрифт, треба завантажити з сайту шаблон, заповнити його певним чином і завантажити на сайт. Сайт розпізнає наші письмена, векторизуется їх і збереже в TTF-файл, який може бути завантажений в операційну систему як звичайний шрифт.

Статті - fontlab - лабораторія шрифтів

Мій рукописний шрифт

Завантажити з першої сторінки сайту шаблон і надрукуємо його на принтері. На жаль, шаблон відображає тільки латинські символи, тому, якщо ми хочемо зробити свій шрифт кириличним, нам доведеться помістити свої літери на місця латинських. Щоб це не викликало незручності при використанні шрифту, ми придумали один трюк. Заповнимо шаблон хитрим чином, так, щоб на місцях латинських букв шаблона були написані українські літери відповідно до стандартної розкладкою ЙЦУКЕН (тобто на місці букви "Q" в осередку шаблону пишемо букву "Й" і так далі). Тоді створений нами шрифт буде успішно працювати і писати українські літери відповідно до розкладкою клавіатури, треба тільки не переключати регістр на українську мову. На зображенні ніші приведена частина шаблону і прикладу його заповнення.

Статті - fontlab - лабораторія шрифтів

Схожі статті