Як створити рукописний шрифт. Подумайте про глобальне використання

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

Програма X-Fonter не призначена для створення власних шрифтів. Вона, по суті, є просунутим менеджером, що дозволяє краще орієнтуватися серед множини встановлених на комп'ютер наборів.

Також у X-Fonter є інструмент для створення простих компактних банерів.

Type

Type є чудовим засобом для створення власних шрифтів. Дозволяє малювати символи практично будь-якої складності за допомогою застосування доступних у вбудованому наборі інструментів. Серед таких прямі лінії, сплайни та базові геометричні об'єкти.

Крім описаного вище стандартного методу створення символів, у Type є можливість вручну програмувати їх за допомогою командного вікна.

Scanahand

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

Цей засіб для створення шрифтів найбільше підійде людям, які мають навички каліграфічного листа.

FontCreator

FontCreator – програма розроблена компанією High-Logic. Вона, як і Scanahand, надає можливість створення власних унікальних шрифтів. Однак, на відміну від попереднього рішення, FontCreator не потребує застосування додаткового обладнання на кшталт сканера та принтера.

Загалом дана програма схожа за своїм функціоналом на Type, адже в ній використовуються приблизно такий же набір інструментів.

FontForge

Ще один інструмент для створення власних та редагування готових шрифтів. Має практично такий же набір функцій, як FontCreator і Type, проте при цьому є повністю безкоштовним.

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

Наведені вище програми допоможуть краще взаємодіяти з різними шрифтами. Всі з них, крім хіба що X-Fonter, мають безліч корисних функцій для створення власних шрифтів.

Адама Севіджа. На початку дня він має лише матеріали, а наприкінці він стає володарем чогось, що він хотів.

Тому я кинув собі виклик: створити з нуля абсолютно новий шрифт та відправити його до Google Fonts за 24 години.

У старому блокноті я мав ескізи кількох літер. Я хотів створити вузький шрифт без засічок, який можна використовувати на постерах або інших великих зображеннях. Під час роботи в Men's Health я використовував шрифти на кшталт Tungsten або Heron, які виглядають жахливо в тексті, але чудово виглядають у заголовках або промоматеріалах (які були моєю основною роботою). Це був стиль, який я хотів створити.

Дуже грубі нариси

13:00, середа

Я вирушив до Adobe Illistrator із двома-трьома літерами, які були у мене в ескізах. Я створив сітку з п'яти рядків – для лінії нижніх виносних, базової лінії, лінії малих, лінії великих і лінії верхніх виносних букв. Потім я визначив ширину великих букв і товщину основного штриха.

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

• Лінія рядкових = 2 × висота лінії верхніх виносних / висота лінії нижніх виносних
• Ширина основного штриха = ¼ ширини великої літери
• Ширина малої літери = ¾ ширини великої літери

Ось як це виглядає на ілюстрації

Спочатку я створив літери O та B. Я вирішив, що ці літери матимуть не форму овалу, а форму закругленого кута. Багато букв будуть виглядати як високий прямокутник, але O, B і D будуть мати округлені кути замість овалів.

Зовнішній кут має радіус 12 мм, а внутрішній – 6 мм. З цими правилами я почав створювати великі літери.

Мій шрифт був дуже простим, але з однією «прикрасою». Будь-яка апертура, тобто зріз кінців півовала, повинна була бути відрізана під кутом. Найскладнішими літерами стали G та K.

Потім я приступив до малих літер. Це було складніше, але із встановленими правилами працювати було простіше. Я використовував більше «прикрас», особливо у верхніх виносних та нижніх виносних елементах. Найскладнішими стали літери f, g, a та e, оскільки вони були абсолютно новими.

21:00, середа

Я перейшов до інших символів, таких як знаки оклику і питання. Я почав працювати швидше та встиг створити близько 35 знаків.

Ранок четверга

Вранці я досить швидко закінчив цифри від 0 до 9 і почав створювати файл зі шрифтом. Це був абсолютно новий досвід. Мій знайомий каліграф Ієн Барнардпорадив для цього програму Glyphs. Я скачав програму, подивився кілька навчальних відео та зрозумів, що неправильно створив файл у Illustrator. Тому мені довелося вставляти кожен символ вручну та підганяти його під правила програми.

10:00, четвер

Я почав займатися інтервалами та кернінгом. Це було дуже довго. Перш ніж зайнятися цим, потрібно освоїти безліч поєднань клавіш у програмі. І перед кернінгом вам потрібно зробити інтервал якомога ближчим до того, що ви хочете бачити в результаті. Для цього потрібно виміряти ширину отвору в літері О та розділити її на три. Такий інтервал варто помістити ліворуч і праворуч від літери.

11:00, четвер

З розставленими інтервалами я приступив до кернінгу. Це стало дуже болючим процесом. Спочатку я зайшов на цей сайт і вставив у їхній текст для кернінгу свій шрифт.

Для створення шрифтів я рекомендую використовувати редактор FontCreatorвід High-Logic. Відразу скажу, програма платна, але це найкращий з варіантів, що попалися мені на очі. Якщо Вам потрібний безкоштовний редактор шрифтів, зверніть увагу на програму Type lightвід cr8software та онлайн сервіс Glyphr Studio. Я ж зупинюся на FontCreator (якщо не помиляюся, то була версія 6.0).

Крок 1:і так, запускаємо редактор і використовуючи команду: File > New(Файл > Новий) – створюємо новий шрифт. У вікні, що відкрилося New Font (З англ. Новий Шрифт) Вам потрібно буде вказати ряд параметрів:

• Font family name- Назву сімейства шрифтів, тобто. просто назва шрифту, на кшталт того ж Times New Roman, я вказав My Font.
• Character set- набір включених до шрифту символів, рекомендую вибрати Unicode (characters).
• Font style- Стиль шрифту, для кожного стилю тут потрібно створювати окремий файл. Для звичайного стилю шрифту (за замовчуванням) виберіть варіант Regular.
• Predefined outlines- Вбудовані контури. Рекомендую вибрати варіант Don't include outlines, що дозволить створити чистий бланк силуетів.

Крок 2:перед Вами з'явиться вікно із бланком силуетів деяких символів, цифр та латинських букв. Для додавання кирилиціу шрифт, Вам потрібно виконати такі дії:

2.1. Використовуючи команду: Insert > Characters… (Вставити > Символи…)- Відкрийте вікно Insert Characters(З англ. вставка символів).

При цьому Ви можете отримати повідомлення:

Ця операція не є undoable. Do you want to continue?

Воно повідомляє Вам про те, що операція є незворотною і для її виконання Вам потрібно підтвердити свою дію, натискаємо кнопку « Yes».

2.2. Далі перед вами з'явиться таблиця символів. Для зручності у списку Fontsвиберіть шрифт Arial. В списку Go to Unicode BlockВиберіть Cyrillic. Використовуючи поле Selected Character, дивиться код літер «А» ($0410) та «я» ($044F) . В полі Add these characters and/or character ranges…додаємо потрібні символи та/або діапазон символів, у нашому випадку це: $0410-$044F. Тиснемо кнопку « OK».

2.3. До бланку шрифту будуть додані символи букв кирилиці. Так само, але вже окремо, Ви можете додати літери «е» ($0451) і «Е» ($0401) , які не увійшли до зазначеного, на попередньому кроці, діапазону символів.

Крок 3:тепер можна розпочинати створення символів. Тут, крім векторного редагування, з використанням відповідних інструментів, FontCreator дозволяє створювати символи з картинок шляхом їх перетворення у векторне зображення. Очевидно, що для кожного символу потрібно намалювати окрему картинку.

3.1. Як приклад я намалюю велику літеру «А».

3.2. В принципі, вже після сканування, цей файл зображення можна використовувати для імпорту. Для цього виберіть у бланку образ потрібного символу. Потім, використовуючи команду: Tools > Import Image… (Інструменти > Імпорт Зображення)- Відкрийте вікно Import Raster Image (З англ. імпорт растрового зображення) .

3.3. У вікні, натисніть кнопку « Load…» (З англ. завантажити) та виберіть потрібний Вам файл зображення.

3.4. Пересуваючи бігунок Threshold (З англ. поріг) встановіть рівень затемнення зображення для створення чіткішого контуру. Також Ви можете використовувати фільтри:

• Smooth Filter- Фільтр згладжування.
• Erode- Розмиття, робить символ жирнішим.
• Dilate- Розтягування, робить шрифт тоншим.

Import Mode (З англ. режим імпорту) краще залишити Traceдля перетворення в криві. З Negative (З англ. негатив) Думаю, все і так зрозуміло. Так що клацаємо кнопку « Generate».

Крок 4:перейшовши в режим редагування, подвійним клацанням за символом у бланку, Вам залишиться лише виправити нерівності, підігнати розмір та виставити лінію відступу. Також потрібно буде зробити і для інших символів.

Загалом процес створення шрифту не можна назвати особливо складним. Тут потрібно терпіння і багато часу. За допомогою редактора шрифтів FontCreator цей час можна багато в чому заощадити, використовуючи імпорт та перетворення зображення символу у вектор. Проте, навіть такий варіант це чимала праця. На цьому маю все. Дякую за увагу. Успіхів!

Учням старших класів та студентам ВНЗ, часто, роблячи домашню роботу, доводиться виконувати велику кількість письмових вправ. Наприклад, наш викладач із суспільствознавства кожен урок задає нам ДЗ, яке полягає в тому, щоб ми знайшли матеріал у бібліотеці чи Інтернеті, і написали його від руки (тільки за це можна отримати оцінку «відмінно»), навіть якщо знайдений матеріал буде вірним, але роздрукований на комп'ютері, вище за четвірку не чекай…

Виходячи з усього вищесказаного, я дійшов висновку: потрібно зробити шрифт для комп'ютера, що дублює мій почерк. На мою думку, зробив я його успішно. Рідна мати не відрізнить, де я писав від руки, а де надрукував комп'ютер. Багатьом моїм знайомим сподобалася ця витівка, і вони почали розпитувати мене, як я все це зробив. І щоб кожному сто разів не пояснювати, я вирішив написати цю статтю – план виконання роботи з докладними коментарями.

Отже, у цій статті я розповім вам, як зробити шрифт, що імітує ваш почерк.

Для роботи нам знадобляться:
1) аркуші чистого паперу у форматі А4;
2) чорна гелева ручка;
3) принтер;
4) сканер;
5) програма High-Logic FontCreator (пропоную завантажити з офіційного сайту програми).
Для завантаження натисніть на пропоноване посилання.

1 крок

2 крок

3 крок

У вікні потрібно ввести назву вашого майбутнього шрифту.

Клацаємо «OK» - з'являється слід. вікно.

У цьому вікні відкрийте зображення з вашими літерами. Виділіть літеру «А», скопіюйте її і поверніться до FontCreator, відкрийте комірку з літерою «F» і вставте туди свою літеру. Червоні пунктирні лінії можна пересувати, розставте їх так, як показано на малюнку.

Літера має стояти на лінії (Baseline) і НЕ повинна вилазити за верхню горизонтальну лінію (WinAscent), а також НЕ повинна вилазити за нижню горизонтальну лінію (WinDescent), інакше вона буде обрізана. Вертикальна ліва лінія повинна стояти на тому місці, де буква починається, а вертикальна права лінія – де буква закінчується. Якщо літера вилізе за вертикальні лінії, то при друкуванні буде накладення однієї літери на іншу, це також нам не підходить.

Зараз поясню, чому літеру «А» ми вставили в комірку з літерою «F». Ця програма призначена для створення шрифтів, що використовує латинські літери. Нам навпаки потрібно виготовити шрифт для російських букв. Тому зроблений нами УКРАЇНСЬКИЙ шрифт вийде на Латинській розкладці. Для того щоб було зручніше, вставлятимемо російські літери в осередки з латинськими літерами, відповідно до клавіатури.

У комірку з літерою «Q» вставимо літеру «Й»
У комірку з літерою «W» вставимо літеру «Ц»
У комірку з літерою «E» вставимо літеру «У»
У комірку з літерою «R» вставимо літеру «К»
У комірку з літерою «T» вставимо літеру «Е»
У комірку з літерою «Y» вставимо літеру «Н»

Після того, як розставите всі літери по осередках, у вас вийде така картина.

Тепер можна протестувати шрифт, що вийшов. Зробити це можна, натиснувши клавішу «F5», або, зайшовши до «Font - Test...»

Якщо вас все влаштовує, зберігаєте шрифт, що вийшов, і поміщаєте в папку «C: WINDOWS Fonts». Шрифт встановлюється, і тепер ви можете вибрати його, наприклад, Microsoft Word і друкувати їм текст. Нижче наведено текст, надрукований моїм шрифтом.

Мені здається у багатьох з тих, хто захоплений малюванням літер та створення леттерингу, в якийсь момент виникає думка: а чи не перетворити всю цю красу на шрифт? Щоб можна було не тільки милуватися на конкретну композицію, але друкувати ці прекрасні літери на справжній клавіатурі і створювати ще більше краси... Ну, принаймні так було в мене:) Коли я усвідомила, що шрифт можна створити самостійно, у мене стався буквально переворот свідомості (напевно, це саме те, що в англійській мові називається aha-moment).

І я почала намагатися зрозуміти, як це зробити. Інформації було мало, а та, що була, була незрозуміла та складна. Я заблукала в цьому дрімучому лісі термінів і мало не закинула задум навчитися створювати шрифти. Але якимось дивом не здалася, продовжила намагатись і зробила свій перший шрифт Bronks – далекий від ідеалу, але дуже цінний у плані досвіду. Про те, як створювався Бронкс, я, до речі, вже писала. А сьогодні хочу розповісти докладніше про процес створення шрифту в цілому, щоб вам було простіше зрозуміти, чи ваше це заняття і чи цікаво вам буде пробувати.

ШРИФТ ПОЧИНАЄТЬСЯ З БРИФУ

ОТРИСУВАННЯ ГЛІФІВ - СПРАВА ДНЯ:)

Зібравшись із духом, тобто з натхненням, я зазвичай чекаю моменту, коли в мене буде вільна хоча б половина дня (в ідеалі – цілий день) і сідаю за малювання гліфів. Гліфи - це символи шрифту, як літери, так і цифри, і всі ці знаки на кшталт плюсу, коми, знаку питання і так далі.

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

Коротко можу сказати, що перший шрифт я б радила робити простим і лаконічним, інакше, якщо відразу намагатиметеся зробити і початкові, і кінцеві варіанти букв, і кирилицю додати до латиниці, то ви просто не доробите шрифт (а якщо доробите, навряд чи це окупиться, тому що в шрифторобленні без помилок не обійтися, вміння бачити маленькі помарок і деталі, які впливають на якість шрифту, з'являється тільки з практикою). Тому спочатку найкраще обійтися стандартним набором A-Z, a-z, 0-9, основні розділові знаки.

Чому я виділяю для відображення шрифту півдня-день? Тому що коли «ловиш хвилю», тобто намацуєш якийсь стиль, атмосферу шрифту, краще відмалювати все в один захід, поки рука розроблена. Це, напевно, стосується більше рукописних шрифтів (інші робити поки що не пробувала). Якщо відкласти і спробувати намалювати решту літер потім, вони гарантовано відрізнятимуться, і піде час на те, щоб знову «налаштувати руку» і почати потрапляти в загальний стиль.

Відображення шрифту - це творчий процес з усього дійства. Якщо ви наївно вважаєте, що створення шрифтів - це суцільна творчість і свято натхнення, поспішаю вас засмутити: творчість і малювання літер займають від сили 20% (частіше - менше) часу, що йде на створення шрифту. Решта - техніка: сканування, обробка, витраювання алфавіту, тюнінг, експорт у програму, спейсинги та кернінги, налаштування коду, тестування і таке інше. Тому якщо вам хочеться виключно малювати літери, а про технічну частину вам навіть думати нудно, то краще створювати леттеринг.

ЦИФРОВА ЧАСТИНА ПРОЦЕСУ

Коли шрифт намальований, настав час його оцифровувати. Мій ланцюжок обробки виглядає так: сканер – фотошоп – ілюстратор. У сканері виставляю максимальні налаштування, у фотошопі роблю вище контраст і трохи чищу контури, в ілюстраторі роблю трейс, знаходжу алфавіт (тобто розставляю літери в послідовності, намагаюся «зібрати» кілька слів, щоб перевірити, як все виглядає) і чищу-чищу- чищу літери.

Про етап чищення – раніше мені здавалося, що «а навіщо чистити, це ж рукописний шрифт». Але потім відкрилася ось яка деталь: чим більше точок у векторі, тим більша ймовірність того, що шрифт буде всіляко глючити - від відмови Glyphs (або іншої програми, в якій шрифт буде збиратися) експортувати файл, до неможливості кінцевих користувачів юзати його без помилок. Тому мінімум точок – запорука комфорту, і так, чистити-таки треба, навіть шрифти з текстурою.

Чищу букви в ілюстраторі я декількома способами: по-перше, чарівною гумкою від Astute Graphics (частина платного плагіна, про який я), на жаль безкоштовної альтернативи хоча б наближеної якості я не знаю, по-друге, стандартним ілюстраторським олівцем - виділяю контур і роблю його акуратнішим.

Після цього я готую шрифт до експорту - це окрема велика історія, про яку буде, швидше за все, аж кілька відео, - і переношу літери в Glyphs.

ДОБРА ШРИФТОВА ПРОГРАМА - ЦЕ ВАЖЛИВО

Збирати шрифт, тобто перетворювати букви векторні на функціонуючі, такі, які можна набити на клавіатурі, теоретично можна в різних програмах. Якщо погуглити - ви знайдете значні списки варіантів на будь-який смак і гаманець. Не наводжу назв тут, тому що не готова рекомендувати те, чого не знаю/ніколи не пробувала. Я працюю в програмі Glyphs і знаю тільки, що всі серйозні шрифтові дизайнери (ті, які продають шрифти) роблять їх або в Glyphs, або Fontlab. Швидше за все це пов'язано з тим, що дешевші/безкоштовні програми не дають усіх опцій, які потрібні для створення цікавих шрифтових історій.

Я свого часу обрала Glyphs тому що хотілося, з одного боку, одразу звикати до «правильної» шрифтової програми (тобто тієї, яку можна використовувати для створення справді продуманих, складних, насичених елементами шрифтів, а не тикатися місяць у будь-якій безкоштовній тільки щоб потім з'ясувати, що там не можна створювати умовні лігатури), з іншого боку, я не була готова платити у кілька разів дорожче за Fontlab. Зважаючи на все, вибір був правильний - знаю людей, які перейшли з Фонтлаба на Гліфс і кажуть, що в останнього інтерфейс зрозуміліший:)

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

Після експорту в Гліфс я налаштовую багато різних штук: буквені групи, спейсинг (негативний простір ліворуч і праворуч від букв, якщо грубо), кернінг (відстань між конкретними парами букв), додаю мовну підтримку, лігатури (особливі варіанти буквених поєднань), початкові та кінцеві варіанти (з довгими хвостиками-свошами-флорішами і ось цим усім) та альтернативні набори, якщо передбачаються. Принагідно налаштовується код, щоб у кінцевого користувача все працювало так, як я задумала, і без проблем. Ось цей етап, який я описала в пару пропозицій, це насправді те, що займає близько 70% часу при створенні шрифту:) А коротко описую я його не тому, що жадина, а тому що про один кернінг можна написати замітку в три рази довші за цю, і все одно буде мало. В курсі про шрифти зупинятимуся на всіх цих моментах дуже докладно (ось якраз зараз намагаюся намацати межу між «недостатньо докладно» та «занадто багато інформації для перетравлення»).