Визначення шрифту онлайн російською. WhatTheFont - визначаємо шрифт по картинці

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

Специфіка мережевих ресурсів для ідентифікації шрифтів

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

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

Сам процес розпізнавання по фото здійснюється двома основними способами:

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

Давайте уважніше розглянемо мережевий інструментарій для розпізнавання шрифтів з описом особливості його роботи.

Сервіс myfonts.com – потужний інструмент для розпізнавання шрифту

Сайт myfonts.com може похвалитися не тільки стандартним для таких ресурсів функціоналом, але й наявністю форуму, де вам можуть допомогти у визначенні потрібного шрифту місцеві ентузіасти. Для досягнення ідеального розпізнавання ресурс вимагає максимально горизонтального розміщення тексту, літери повинні мати близько 100 пікселів висоти і не торкатися одна одної. Кількість букв на картинці має бути не більше 50, а максимальний розмірзображення – 400,000 пікселів (ширина та висота).

Щоб розпізнати шрифт, виконайте такі дії:

Fontspring.com — пошук потрібних шрифтів онлайн

Другий інструмент, про який я хочу розповісти, – це fontspring.com. Його можливості мають схожим з іншими ресурсами цього плану функціоналом та вимогами.

1. Для роботи з сайтом перейдіть на fontspring.com.
2. Тут натисніть кнопку "Upload the image" для завантаження картинки зі шрифтом на сайт, або на "image URL" для приведення лінка на потрібну сторінку зі шрифтом у мережі.
3. Після завантаження вашого зображення за допомогою рамки вкажіть потрібні символи тексту для ідентифікації та натисніть кнопку «Matcherate It!». Буде проведено процедуру розпізнавання шрифту, а потім ви зможете переглянути список знайдених збігів.

Identifont.com — текстовий пошук шрифтів

Сервіс identifont.com використовує текстовий спосіб пізнання шрифту онлайн. При переході на сайт вам запропонують відповісти (на вибір) на низку навідних питань щодо:

• зовнішнього вигляду шрифту (appearance);
• його імені чи частини імені (name);
• схожість з іншими шрифтами (similarity);
• окрему картинку або символ, що міститься в шрифті (picture);
• видавцеві чи публікатору шрифту (designer/publisher).

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

Whatfontis.com — сервіс для впізнання букв на зображенні

Whatfontis.com - популярний в Рунеті ресурс, який досить часто потрапляє в різні огляди. Його популярність обумовлена ​​як добротним механізмом пошуків та ідентифікації шрифту, так і наявним на даному сайті форумом, відвідувачі якого також здатні допомогти в пошуку шуканого прототипу.

Робота з ресурсом не відрізняється від інших відповідних сервісів:

Rentafont.com - знайде шрифт з безлічі альтернатив

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

Висновок

У цій статті були викладені основні популярні в мережі інструменти, що дозволяють швидко знайти та впізнати потрібний користувачеві шрифт на картинці. Їх недоліком є ​​робота переважно зі шрифтами, що використовують латинські символи, а робота з кирилицею у даних ресурсів дещо утруднена. У разі кириличних шрифтів рекомендую також звертатися на форуми місцевих ентузіастів (рівня photoshop-master.ru/forum), де вам допоможуть знаходження шуканого графічного прототипу.

Зараз я вас навчу поганого.

Припустимо, є картинка

і потрібно знайти шрифт, яким зроблено напис, або підібрати схожий за стилем та характером.

Пошук за картинками

Йдемо в пошукові системи і пробуємо знайти джерело зображення, використовуючи пошук за картинкою.

https://www.google.ru/imghp?hl=ru

Вихідну картинку завантажуємо через форму або кидаємо на сторінку пошуку перетягуванням.

Часом Яндекс відпрацьовує краще за Гугла.

https://yandex.ru/images/

Користь від пошукових системнаступна.

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

Хто знає, це справа така. Шанси малі, але не настільки, щоб їх ігнорувати. Тим більше у безвихідній ситуації.

Що за шрифт на MyFonts.som

Ідемо на Майфонтс у розділ, де працює спеціально навчений робот.

http://www.myfonts.com/WhatTheFont/

Ми роботу картинку, він нам – шрифти. Ну чи нічого.

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

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

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

Тиснемо Continue.

Робот намагатиметься знайти оригінал шрифту та запропонує відповідні теги для подальшого самостійного пошуку.

Пошук за ключовими словами на MyFonts.som

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

Наше зображення виконане фломастером (brush pen). Ще тут підійдуть слова на кшталт «каліграфія» (calligraphic), «від руки» (handwritten) тощо. Тут можна скористатися тегами, які запропонував робот.

Можна шукати терміни окремо або об'єднувати їх і комбінувати в одному запиті.

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

Тиснемо кнопку Search і переглядаємо результати, попутно відзначаючи для себе відповідні варіанти на заміну.

На Майфонтсі багато варіантів заміну вихідному шрифту.

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

Скрине.

Растр

У Фотошопі скрін перетворюємо на смарт-об'єкт.У смарт-об'єкті накладаємо на нього Gradient Mapвід потрібного кольору до білого.

У макеті виставляємо смарт-об'єкту режим накладання шарів, наприклад, Multiply.

Для більшості випадків із білим тлом цього достатньо.

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

отримуєте виділення за кольором, інвертуєте виділення,

згладжуєте його пару разів на піксель-другий, щоб межа контуру не була такою рваною,

і приховуєте все біле під маску

В основному документі вже робите зі смарт-об'єктом все, що завгодно, майже як з векторним шейпом.

При зменшенні смарт-об'єкта нерівності контуру стануть менш помітними. Тому краще скринити із запасом, а потім уже зменшувати до потрібного розміру.

Вектор

Якщо потрібен вектор, то робимо трасування в Ілюстраторі.

Відкриваємо скрін з PNG-файлу:

На панелі Image Traceставимо Mode: Black and White,галочку Previewі акуратнокрутимо Thresholdта налаштування в Advanced:

Отримавши прийнятний результат, робимо написи Expand

і отримуємо вектор на всі випадки життя:

Безкоштовні шрифти

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

За безкоштовними шрифтами йдемо у Вконтакті, до групи «

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

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

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

Graphic Design Blog корисний ресурс, але може допомогти лише в тому випадку, якщо ви знаєте ім'я дизайнера або студію, яка створила шрифт. Список студій та дизайнерів дуже широкий і пошук шрифту в рази спрощується. Але що робити, якщо ви бачите шрифт вперше?

Крок 2: Після завантаження картинки, перевірте, що What The Font правильно визначив гліфи, і лише після цього натисніть на «пошук».

Коротко, ГЛІФ– це графічний образ знака. Один знак може відповідати декільком гліфам; рядкова «а», капильна «а» і альтернативний варіантРядковою «а» з розчерком є ​​одним і тим же знаком, але в той же час це три різні гліфи (графеми).

З іншого боку, один гліф також може відповідати комбінації кількох знаків, наприклад, лігатура «ffi», будучи єдиною графемою, відповідає послідовності трьох знаків: f, f і i. Т.о. для програми перевірки орфографії слово suffix складатиметься з 6 знаків, а графічний процесорвидасть на екран 4 гліфи.

Спочатку я завантажив це зображення:

Відмінна спільнота, величезна кількість ресурсів, блогів, новин зв'язкових із друкарською культурою. Є навіть типографія Wiki.

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

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

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

Найкращі сервіси для визначення шрифту за зображенням онлайн

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

Сервіс "WhatTheFont" допоможе ідентифікувати гарний шрифт

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

1. Для роботи з сервісом перейдіть на сайт myfonts.com.
2. Натисніть кнопку "Choose File" (вибрати файл), і виберіть на жорсткому диску вашого ПК картинку з потрібним вам фоном.
3. Потім натисніть кнопку "Continue".

Робоче вікно сервісу «WhatTheFont»

Сервіс проведе процедуру розпізнавання, і відкриє вам екран, на якому вам доведеться визначити, чи правильно розпізнав сервіс літери (якщо ні, введіть необхідні корективи).

Після цього натисніть на «Continue», і ви отримаєте результат із імовірною назвою потрібного вам шрифту. Шрифти, назви яких забарвлені синім кольором, можна завантажити до себе на ПК (деякі з таких шрифтів можуть мати платний характер).

Сервіс "FontSquirrel" розпізнає літери алфавіту онлайн

Сервіс "Font Squirrel" - ще один англомовний ресурс для пошуку шрифту онлайн. Як і у випадку з "WhatTheFont" ви зможете не тільки можливість розпізнати потрібний нам алфавіт, але й одразу завантажити його з бази даного ресурсу (як безкоштовно, так і за гроші).

1. Перейдіть на сайт fontsquirrel.com, натисніть кнопку «Upload image» і завантажте картинку з потрібним вам шрифтом на ресурс.
2. Тепер розмістіть потрібний для розпізнавання шрифту текст у спеціальній рамці (розмір рамки регулюється, як і регулюється розмір тексту).
3. А потім натисніть кнопку «Matcherate It!».

Робоче вікно сервісу «FontSquirrel»

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

«IdentiFont» сервіс для пошуку шрифту

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

Цей сайт має п'ять унікальних інструментів:

• «Fonts by Appearance» (ідентифікація шрифту на вигляд);
• "Fonts by Name" (визначення шрифту за назвою або частиною назви);
• "Fonts by Similarity" (за схожістю);
• "Fonts by Picture" (пошук почерку по картинці);
• "Fonts by Designer/Publisher" (на ім'я творця або видавця).

Вибравши один із запропонованих п'яти інструментів, ви зможете впізнати потрібний шрифт онлайн.

Робоче вікно сервісу «IdentiFont»

Сервіс «FONTSPRING»

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

1. Для роботи з ресурсом перейдіть на fontspring.com.
2. І натисніть кнопку «Upload Image» для завантаження картинки з потрібним шрифтом на ресурс.
3. Розмістіть потрібний вам текст з картинки у центрі рамки та натисніть на кнопку «Matcherate It!» внизу (процедура de facto ідентична вищеописаному ресурсу "FontSquirrel").
4. Ви отримаєте результат зі списком знайдених збігів.

Робоче вікно сервісу «FONTSPRING»

Сервіс «Fontmassive»

Сервіс fontmassive.com пропонує вам звернутися до можливостей «людського фактора», та попросити інших користувачів допомогти вам у ідентифікації шрифту онлайн. Для роботи з ним необхідно перейти на даний ресурс, у спеціальному вікні написати текст із запитанням, натиснути кнопку «Вставити зображення» для завантаження зображення з потрібним шрифтом на ресурс, а потім натиснути кнопку «Надіслати».

Розширення «WhatFont»

Розширення для браузера Google Chrome (а також для інших браузерів на ядрі "Chromium") під назвою "WhatFont" дозволить вам легко виконати впізнавання шрифту онлайн. Після встановлення та активізації програми в браузері буде достатньо навести курсор на потрібний шрифт для ідентифікації останнього (розпізнаються як латинські, так і кириличні шрифти).

При цьому, за відгуками користувачів, точність визначення шрифту не завжди на висоті.

Розширення «WhatFont» у магазині Chrome

Висновок

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

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

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

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

Graphic Design Blog корисний ресурс, але може допомогти лише в тому випадку, якщо ви знаєте ім'я дизайнера або студію, яка створила шрифт. Список студій та дизайнерів дуже широкий і пошук шрифту в рази спрощується. Але що робити, якщо ви бачите шрифт вперше?

Крок 2: Після завантаження картинки, перевірте, що What The Font правильно визначив гліфи, і лише після цього натисніть на «пошук».

Коротко, ГЛІФ– це графічний образ знака. Один знак може відповідати декільком гліфам; Рядкова "а", капільна "а" і альтернативний варіант рядкової "а" з розчерком є ​​одним і тим же знаком, але в той же час це три різні гліфи (графеми).

З іншого боку, один гліф також може відповідати комбінації кількох знаків, наприклад, лігатура «ffi», будучи єдиною графемою, відповідає послідовності трьох знаків: f, f і i. Т.о. для програми перевірки орфографії слово suffix складатиметься із 6 знаків, а графічний процесор видасть на екран 4 гліфи.

Спочатку я завантажив це зображення:

Відмінна спільнота, величезна кількість ресурсів, блогів, новин зв'язкових із друкарською культурою. Є навіть типографія Wiki.