Як зробити власний шрифт у слово. Створюємо шрифт, що імітує ваш рукописний почерк

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

Тому я кинув собі виклик: створити з нуля абсолютно новий шрифт та відправити його до 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.

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

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

Використовуючи команду: File > New(Файл > Новий) – відкрийте вікно New Font(З англ. Новий Шрифт).

В полі Font family name(З англ. назва сімейства шрифтів) введіть, наприклад: My Font. Для Character set(З англ. набір символів) вибирає: "Unicode (characters)". Для Font style(З англ. стиль шрифту): "Regular". І для Predefined outlines(З англ. вбудовані контури): "Don't include outlines" - що дозволить створити чистий бланк силуетів.

Перед вами з'явиться бланк із силуетами деяких символів, цифр та латинських літер. Для того щоб додати кирилицюзнадобиться зробити таке:

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

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

У вікні, натисніть кнопку Load…(З англ. завантажити) і виберіть відповідний файл зображення. Пересуваючи бігунок Threshold(З англ. поріг) Ви можете контролювати рівень затемнення зображення, що використовується для створення контуру майбутнього символу. Також ви можете використовувати фільтри: Smooth Filter(З англ. фільтр згладжування), Erode(З англ. розмивати) - робить шрифт жирнішим і Dilate(З англ. розширювати) - робить шрифт тоншим. Import Mode(З англ. режим імпорту) краще залишити «Trace» для перетворення картинки на криві. З Negative(З англ. негатив) Думаю все і так зрозуміло. Так що клацаємо кнопку «Generate».

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

Шрифт

– це те, як літери написані. Тобто шрифт – це вид букв.

Ось приклад написання різними шрифтами:

У світі є дуже багато шрифтів. Деякі з них вже вбудовані в Windows, інші ж можна додати. Наприклад, завантажити з Інтернету та встановити на комп'ютер.

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

Для вибору шрифту в програмі Microsoft Word, потрібно скористатися спеціальним полем. Знаходиться воно у верхній частині з лівого боку.

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

Їх чимало. Щоб у цьому переконатися, потрібно покрутити коліщатко на мишці або потягнути повзунок з правого боку. Вибравши шрифт зі списку, текст набиратиметься саме цим видом.

Як змінити шрифт

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

Розглянемо з прикладу. Надрукуйте кілька речень. Зверніть увагу, що текст буде набиратися тим видом, який показаний у полі зі шрифтами в даний момент. У моєму випадку це Calibri.

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

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

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

Шрифт, яким прийнято друкувати документи, називається Times New Roman.

Як змінити розмір шрифту

Розмір шрифту – це розмір літер у надрукованому тексті.

Для зміни розміру букв є спеціальне поле. У цьому полі вказано значення, яке встановлено в даний момент.

Його можна змінити. Для цього потрібно натиснути на маленьку кнопку зі стрілкою наприкінці поля. Відкриється список. Натисніть на потрібний розмір- і текст буде друкуватися.

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

Розмір шрифту можна змінити іншим чином. Виділіть значення, яке встановлено зараз. Для цього достатньо натиснути лівою кнопкою мишки всередині поля – за цифрами. Цифри зафарбуються іншим кольором.

Потім надрукуйте потрібне значення та натисніть кнопку Enter на клавіатурі.

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

Тепер залишилося змінити розмір. Для цього потрібно натиснути на маленьку кнопку поряд із поточним розміром шрифту та вибрати потрібний. Також можна просто видалити це значення, надрукувати потрібне та натиснути кнопку Enter на клавіатурі.

Варто зазначити, що текст прийнято друкувати 14 або 12-м розміром шрифту, а заголовки - 16-м.

Для створення шрифтів я рекомендую використовувати редактор 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 цей час можна багато в чому заощадити, використовуючи імпорт та перетворення зображення символу у вектор. Проте, навіть такий варіант це чимала праця. На цьому маю все. Спасибі за увагу. Успіхів!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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