Advertisement
  1. Design & Illustration
  2. Fonts

Як створити свій власний шрифт

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Andy Yur (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

Якщо ви не збираєтеся малювати шрифт, але він вам потрібен для проектів, одразу переходить на сторінку шрифту Bananito Font Duo на GraphicRiver і отримаєте його!

Bananito Font Duo

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

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

symbols font
Приклад шрифту символів з карлючками замість букв

Дивлячись на всю цю розкіш, я помітила, що рукописні екранні шрифти і химерні прописи стають все більш модними, освіжаючи будь-який дизайн. Подивіться в such fonts on GraphicRiver, наприклад, або в статті про приголомшливі рукописні шрифи:

  • 30 Best Handwritten Fonts

Мене надихнула ідея спробувати щось нове після багатьох років роботи ілюстратором. Так чому б не передати мою пристрасть через ... малювання букв?

Як я створювала свій перший шрифт

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

digital practice sheets
Цифрова версія паперу для каліграфії. Вправи на iPad.

Коли я ближче познайомилася з типографікою і каліграфією, то вирішила зробити справжній шрифт, який можна використовувати в програмах Adobe CC, Affinity Designer і Corel Draw для дизайну або Microsoft Office та Pages для набору та форматування тексту.

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

using font in a software

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

Так народився набір Bananito Font Duo!

Після появи шрифту в Інтернеті він був обраний для рекламного бюлетеня email і був включений у велику добірку шрифтів.

bananito font used in a design
Приклад використання Bananito Font Duo

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

Рукопис в дизайні виглядає дуже елегантно. Ось надихаюча стаття о стильних курсивах:

  • 30 Best Stylish Cursive Fonts

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

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

designing a script font
Проектування рукописного шрифту з текстурою. Перші кроки.

Дозвольте, я розповім вам про створення Bananito Font Duo від початку до кінця.

Як створюється шрифт із символів

Як викреслити букви

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

  • затребуване (перегляньте top fonts on GraphicRiver, наприклад, щоб зрозуміти, що зараз затребуване і які шрифти мають більш високий рейтинг або були відібрані персоналом Envato)
  • легко читалося у будь-якому масштабі
  • придатним для будь-якого дизайну, тобто, багатоцільовим

Він не повинен виглядати як ваш почерк, але може, якщо ви цього прагните (крім того, рукописні шрифти дуже популярні).

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

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

Ви можете подивитися на Calligraphr (раніше відомий як MyScriptFont.com), де ви знайдете дуже корисний шаблон, що містить всі гліфи для майбутнього шрифту. Роздрукуйте його і тримайте за зразок або імпортуйте в свої програми, коли робити все в цифровому вигляді.

drawing letters on the template

До речі, кілька слів про цифру. Я починала практикувати каліграфію на папері. Пізніше перейшла на малювання в iPad, використовуючи Apple Pencil і додаток Procreate. Можна знайти відмінні пензлі для каліграфії або зробити свої власні, як я. Кілька годин я гралася з настройками та текстурами, поки не створила ідеальну кисть, яка вела себе як справжня, плавно і швидко.

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

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

drawing letters digitally
Малювання букв на iPad по сітці

Як перенести малюнок на комп'ютер

Якщо ви задоволені малювати літери, пора відкрити їх в Adobe Illustrator і за допомогою функції Image Trace перетворити в красиві, чисті вектори!

Ваші налаштування Image Trace можуть відрізнятися від моїх по товщині і розміром літер, їх яскравості і контрастності, якщо ви малюєте на папері. Зазвичай Threshold я ставлю між 120 і 170, якщо мені потрібна більша або менша деталізація. Paths і Corners ставлю на 75%, решта за замовчуванням.

Закінчивши, натисніть кнопку Expand на панелі управління зверху, щоб перетворити букви в криві. Не забудьте видалити білий фон клацанням по Magic Wand Tool (Y).

Може знадобитися час на правку букв після перекладу, на згладжування ліній, позбавлення від непотрібних елементів і випадкових точок.

trancing the font in adobe illustrator

Коли будемо задоволені результатом, можна помістити кожен символ в свій осередок і підготувати до експорту.

traced letters distributed in adobe illustrator

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

Якщо у вас Windows, пропоную спробувати FontLab, дуже потужну програму для створення шрифтів! Цей набір уроків буде дуже корисний для створення вашого першого шрифту з нуля:

Я віддаю перевагу Glyphs. Придатний тільки для macOS, але це єдиний його недолік.  Сама програма дуже проста і цікава в роботі, зі зручним інтерфейсом, з описом в guides and tutorials. Тому, якщо у вас Mac, візьміть на пробу безкоштовну 30-денну версію.

Glyphs app interface
Інтерфейс Glyphs

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

Я люблю момент, коли шрифт остаточно протестований і експортований, і він йде наживо! Тепер їм можна користуватися, створюючи банери, листівки і химерні листівки набагато швидше і легше, ніж якби ви писали слова окремими літерами.

making postcard with your font

А ось пара докладних покрокових посібників зі створення шрифту з нуля до самого кінця. Перевір їх!

Чому варто спробувати створити власний шрифт

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

  1. Це відмінна можливість спробувати щось нове. Якщо ви застрягли в середині свого шляху і відчуваєте, що втрачаєте мотивацію займатися своєю справою, створення шрифтів стане ковтком свіжого повітря. Процес складний і цікавий. Але може здатися медитативним і заспокійливим.
  2. Дизайн шрифту - хороший спосіб спробувати як традиційні, так і цифрові носії. Багатьом подобається малювати букви на папері, користуючись пір'ям, китицями і каллиграфическими ручками.  Інші вибирають цифрову каліграфію на ПК або iPad, пробують різні кисті і створюють свої, щоб знайти ідеальне поєднання розміру, нахилу і текстури.
  3. Розвивається техніка малювання. Виконуючи вправи день у день, ви виявите, що ваша рука робиться більш стійкою і витягує довгі прямі лінії впевнено і твердо.  Ніяких тремтячих рядків! Цей навик стане в нагоді для інших областей ілюстрації, так як в малюванні важливо мати тверду руку.
  4. Цікаво, що освоєння нових навичок змушує ваш мозок створювати нові зв'язки між нейронами, замінюючи з плином часу деякі з втрачених.  Хіба це не чудово? Крім того, новий досвід підвищує рівень дофаміну, наділяючи вас відчуттям радості.
  5. Це привід додати до вашого резюме нові навички. Які додадуть очок в очах вашого майбутнього боса або клієнта.
  6. Навчившись поєднувати шрифти, ви наберетеся досвіду в дизайні. Красиві комбінації шрифтів прикрасять будь-який дизайн, а недоречні зіпсують самий хороший.
  7. У своїх проектах краще використовувати власні шрифти, не піклуючись про потрібної ліцензії в залежності від мети вашого кінцевого продукту.
example of the package design
Приклад дизайну упаковки зі шрифтом Bananito Font Duo

Продавати чи не продавати?

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

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

using your font in package design

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

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

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

all the features of the font

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

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

using the bananito font

Спробуйте!

От і все! Сподіваюся, ви дізналися щось нове про створення шрифтів і набралися натхнення, щоб спробувати самим! Це не так складно або страшно, як може здатися. Почніть з чогось простого, крок за кроком переходячи до більш складного. Коли виявите, що процес приносить вам радість і розслаблення, то вже не зможете зупинитися, це точно.

Якщо вам сподобався Bananito Font Duo і він вам може стати в нагоді для проектів, візьміть його на GraphicRiver всього за кілька кліків.

Bananito Font Duo
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.