Дизайнер Сергей Бабич провел исследование старинных сервисов, новых мобильных приложений, нейросетей и малоизвестных китайских источников.
Дизайнеру для полного счастья нужны две вещи, и это не деньги и не слава, а — шрифты и картинки. Без них даже не начать работу. Чистый лист на экране, референсы, тайные знания, немного вдохновения и много кофе — так рождается дизайн, растут гонорары и приходит успех… но нужны картинки и шрифты.
Иногда случается так, что шрифт и есть картинка. Удачная, казалось бы, комбинация, два в одном, но вместо счастья — скрытые смыслы и мучительный вопрос: что же это за шрифт, как он называется, где его найти и, главное, — как? Случайный фрагмент прошлогодней афиши, вывеска, флаер, скриншот, сфотографированная на смартфон обложка книги — мало ли где нас может заинтересовать текст и шрифт, которым он набран. Как, не имея специального образования и достаточного опыта, найти ключ к решению этой задачи?
Проведем расследование!
Изучаем фрагмент текста
Никто не знает, как у меня на десктопе появилось загадочное сообщение про сотрудника Егора, которое обрывалось на самом интересном месте:
Кто же у нас Егор — амби… Амбициозный? Ну, это не секрет. Амбивалентный? Подумаешь, мы все полны противоречий! Написано латинскими буквами — название? Может, название шрифта? Примем это за гипотезу и проверим ее!
Ищем шрифт через поисковики
Google Lens
Для начала погуглим — вдруг повезет?
В ноябре прошлого года сервис Lens был интегрирован в главную страницу Google и поиск по картинкам вышел на новый уровень, так что игнорировать такой инструмент сейчас, скажем прямо, грешно. Загружаем картинку. Выделяя разные фрагменты изображения, можно влиять на результаты поиска, поэтому пробую искать и по «Егору» и по «Ambi».
На всякий случай уберем в графическом редакторе желтый фон, кажется, он отвлекает Lens от поиска в нужном направлении.
Результат еще раз изменился! Что ж, Егора я теперь буду звать Эзопом (так гугл визуально определил слово «Егор» — и предъявил это в выдаче). Но скажем гуглу спасибо и за другие интересные находки. Нужный шрифт мы пока не нашли, зато пополнилась копилка интересных версий: есть несколько новых шрифтов, любопытные шрифтовые композиции и ссылки на шрифтовые ресурсы. Отлично, тем более что поисковик не обязан знать, что на картинке мы ищем именно шрифт, хотя в нашем случае, судя по результатам, догадывается.
Яндекс Картинки
В Яндекс Картинках все примерно так же, как и в Google, нужно просто загрузить изображение.
Будем считать, что и тут время провели с пользой, несмотря на то что Ambi-что-то опять не нашлось.
Bing
Когда-то глагол «бинговать» пытались ввести в обиход, но он не прижился, хотя сейчас был бы кстати — поисковая система Bing занимает по популярности второе место в мире, чему способствовали, в частности, оснащение поисковика искусственным интеллектом и работа на основе ChatGPT (как пользоваться этим инструментом, мы уже писали здесь). Шрифты, интересно, Bing искать умеет?
Результат примерно такой же, как и в предыдущих случаях: егор-амби-шрифт не найден, но коллекция интересных референсов пополнилась интересными экземплярами.
Предварительные выводы №1
Поисковики Google, Яндекс и Bing в нашем случае не могут найти по картинке конкретный шрифт, ведь мы используем картинку, которая выглядит как образец шрифта, как типографика — поэтому поисковики и выдают похожее. Но пробовать этот способ поиска все же стоит — в каком-то случае может и сработать.
Да и открыть для себя новые шрифты, найти хорошие примеры леттеринга, шрифтовые ресурсы — тоже дорогого стоит.
Ищем шрифт мобильными приложениями
WhatTheFont
Еще в XX веке дизайнеры знали, что аббревиатура WTF — это не «какого хрена!», а «что за шрифт?». Сервис WhatTheFont, этот шрифтовой Шерлок, существует — вдуматься только! — аж с 2000 года! Почти четверть века! И вот так это выглядело:
Идеальная картинка для поиска шрифта выглядела так:
А в 2009 году уже было приложение для айфона!
За двадцать три года если что и изменилось, то не сочетание слов «загрузить» и «картинка». Чем бы мы ни пользовались в нашем расследовании, принцип будет один и тот же:
- изображение нужно доступным и очевидным образом скормить сервису или приложению (в случае со смартфоном будет возможность сфотографировать);
- отредактировать или подправить (повернуть, убрать фон, откадрировать лишнее);
- осуществить поиск и оценить результат.
Отличия в этом алгоритме если и будут, то несущественные, так что не будем превращать «загрузить картинку» в заклинание и повторять это с каждым новым инструментом, сервисом или приложением.
WTF для смартфона существует по сей день и для iOS, и для Android. С приложения и начнем. Итак, загрузить картинку!
Кажется, у нас есть подозреваемый. По крайней мере, похож. Но все же это не тот результат, которого мы добиваемся.
На самом деле, пока все движется не то чтобы здорово – расследование явно буксует. Похоже, дело сложное: шрифт, судя по всему, редкий, еще и кириллический. Проведем следственный эксперимент: возьмем логотип Supreme и попробуем на его примере понять, как работают выбранные нами инструменты (мы знаем, что в логотипе используется шрифт Futura Heavy Oblique, так что обмануть нас никому не удастся).
Тестируем приложение WTF еще раз:
Что ж, идеальный результат с первого раза — Футура в нужном начертании! Теперь мы знаем, что в ответ за запрос сервис выдает не просто случайный набор шрифтов. Но работа в целом — WTF!
Find my Font
В Find my Font работает все по той же схеме: картинка, загрузили, ищем.
Интерфейс выглядит, мягко говоря, не то чтобы как-то современно, но, по крайней мере, приложение автоматически определяет символы и распознает их как буквы.
То, что Find my Font считает на 77,83% похожим на Егора, и близко не «май фонт», так что проверим на Supreme:
Нашли Футуру. Ну, по крайней мере, работает. Но все же и Find my Font не подходит для нашего тяжелого случая.
Adobe Capture
Относительно свежий продукт от Adobe, мобильное приложение с интересной задумкой — создавать на основе сфотографированных референсов целые библиотеки с текстурами, фильтрами, кистями, цветовыми схемами, узорами и прочим. Но нас сейчас интересует другая способность Adobe Capture — искать шрифты. Проверим, как это работает.
Процесс выглядит действительно увлекательно, особенно в его последней части, где на основе результата поиска предлагается создать библиотеку из картинки, шрифта и цветовой схемы, но посмотрим на то, что нам выдает приложение:
Наш искомый амби-шрифт, по мнению Adobe Capture, похож на рисуночное письмо. Я хотел бы, наверное, знать точную расшифровку графического сообщения с самолетиком собачкой, орангутаном и листиком, но, пожалуй, оставлю это египтологам и любителям ребусов. Но вообще похоже, что Adobe нас только что послал (на самолетике к орангутану с листиком, собака!).
Предварительные выводы №2
Особенность сервисов, которые мы выше протестировали, состоит в том, что они не занимаются глобальным поиском — они ищут по собственным базам. Мы, гуглящие все подряд по несколько десятков раз в день, и привыкшие к тому, что поиск сейчас практически равен результату (попробуйте НЕ найти что-нибудь в интернете — интересный будет опыт), не понимаем, когда нам выдают практически иероглифы вместо названия шрифта. И MyFonts (приложение WhatTheFont) со своими 230 000 шрифтов, и Adobe, у которых шрифтов меньше, но не сильно, и Find my Font, которые обращаются, вероятно, к тем же базам, не смогут помочь нам. Так что придется учитывать, что шрифты независимых разработчиков, кириллические от российских шрифтовиков, восточноевропейские и азиатские — описанным выше способами определить не всегда удастся.
Ну, зато мы запросто нашли Футуру — что-что, а этот-то шрифт у них есть. Еще бы, ведь это классика!
Ищем шрифт десктоп-приложениями
Adobe Photoshop
От мобильных приложений перейдем к десктопным и начнем с довольно неожиданного — Adobe Photoshop! Далеко не все знают, что возможность искать шрифт по изображению существует в фотошопе уже лет семь как. Причем эта функция не спрятана где-нибудь в недрах меню, а доступна буквально в два клика: Type > Match Font (Текст > Подбор шрифта):
Что происходит с поиском шрифтов в Adobe мы, вроде, разобрались выше, но тут все еще хуже:
Мы не можем даже Футуру найти. Это уже не саботаж, а просто дача ложных показаний…
Font Massive
Программа Font Massive существует только для РС, но попробовать ее все же стоит, хотя бы для того, чтобы понять, чего лишены пользователи компьютеров Apple.
Процесс, кажется, такой же как и везде, поиск шрифта по картинке разбит на несколько этапов.
- Загрузили файл с картинкой:
- Назначили символы шрифта для дальнейшего поиска:
- Назначили… папку? Так, погодите-ка, что это?
Но ответ неожиданный: программа предназначена для поиска шрифтов… на локальном диске. Наверное, это может пригодиться какому-нибудь коллекционеру, у которого тысячи или даже десятки тысяч шрифтов на компьютере, или какому-то очень забывчивому дизайнеру, но нам сейчас такой инструмент не поможет.
Впрочем, решение предлагает сама программа: в случае неудачного результата поиска формируется запрос в сообщество Fonts Discuss на сайте разработчика программы.
Там даже есть какая-то жизнь:
Предварительные выводы №3
С десктоп-приложениями дело обстоит, кажется, совсем неважно, и особенно сильно огорчил Adobe Photoshop — если бы такой мастеровитый продукт еще и шрифты умел искать, то, наверное, это было даже слишком хорошо (впрочем, ему и так цены нет).
Искать шрифты на своем же компьютере, навскидку, звучит какой-то глупостью (это как если бы мы собрались гуглить у себя на письменном столе вместо интернета), тем не менее, для больших локальных коллекций это вполне себе решение. Просто нам оно сейчас не подходит.
А вот обратиться за помощью к профессиональному сообществу — действительно ценный совет! Так что не поленитесь спросить про незнакомый шрифт у коллеги, друга-дизайнера, найдите профильную группу в телеграме, паблик в соцсетях — это и общение, и опыт, и кругозор. Лишним точно не будет!
Ищем шрифт с веб-сервисами
WhatFontIs
WhatFontIs обещает найти нам ответ среди более чем 840 000 шрифтов — ого!
Алгоритм работы стандартный, но, по крайней мере, интерфейс выглядит свежо (относительно того, что мы видели ранее):
Есть возможность оптимизировать изображение для более комфортного поиска:
И назначить отдельным символам конкретные значения:
Результат, впрочем, такой же, как мы видели уже не раз — шрифт не найден…
Но не будем опускать руки!
Font Matcherator
Font Matcherator — еще один веб-сервис для поиска шрифта по картинке с функционалом, который мало чем отличается от выше названных. И процесс, и результат действительно похожи (для разнообразия поищем Supreme, чтобы от Егоров не рябило уже в глазах): загрузили…
…назначили буквы:
…и сюрприз — не нашли даже Футуру.
Ну, что ж, по крайней мере, будем знать, как называются похожие него шрифты.
Font Identifier
Но не будем унывать, у нас есть еще еще инструменты: Font Identifier мало чем отличается…
от собратьев…
…по несчастью…
Шрифт Егора хорошо путает следы — мы опять не смогли его найти!
Ищем шрифт с нейросетями
Рано или поздно слово «нейросети» должно было прозвучать в нашем расследовании, но, откровенно говоря, я боялся, что тогда и разговор был бы коротким, мы не познакомились бы ни с одним из приложений, не провели бы следственный эксперимент, не заучили бы мантру «загрузить картинку» и не узнали бы боль поражений, которая сделала нас сильнее.
В общем, Bing, в который так глубоко интегрирована нейросеть, я устал от картинки, просто найди мне шрифт по описанию!
Обычно ответ нейросети – это что-то особенное: приятно осознавать, что ты уже живешь в будущем! Но в этот раз что-то пошло не так…
Переспрошу на всякий случай:
Ну же?
Может, проще один раз увидеть?
Очевидно, мы имеем дело с чем-то очень серьезным. Я не припомню случая, чтобы даже нейросети-поисковику кто-то умудрился задурить голову: сначала явная ошибка, потом тот же PT Serif нейросеть предлагает еще раз, потому, дескать, что он красивый и универсальный. Но это не то, о чем мы спрашиваем!
Переведем дух, заглянем в ChatGPT:
Разговор короткий, чат сказал как отрезал. Но тут все честно: ChatGPT — не поисковик, так что он буквально не может ничего найти. Что ж, перекур окончен.
LikeFont
Честно говоря, я не очень хотел обращаться за помощью к LikeFont: я не то чтобы противник чего-то китайского, но с такого сайта сразу хочется убежать:
Судя по описанию (а также оформлению и баннерам), специализация поисковика — азиатские штифты. Но мало ли, чем черт не шутит, мы исчерпали и весь набор инструментов, и запас терпения, и, кажется, надежду… Пробуем:
У сайта есть английская версия, так что понятно, что нужно делать, к тому же, алгоритм нам знаком: загрузили файл и указываем, какие на нем изображены символы
Но что это — чудо?
Это не 92,9% вероятности, шрифт Ambidexter Regular Егора Белозерова — это все 100!
Шрифт бесплатный, по ссылке с LikeFont на Paratype его можно даже скачать.
А Егор-то у нас — амби…
Выводы, окончательные (почти)
Задаче искать шрифты по картинке, по всей видимости, примерно столько же лет, сколько самой возможности штифт на картинку поместить. По крайней мере, так кажется, глядя на устаревшие интерфейсы и методы, которые используются в 2023 году. Никак не ожидаешь столкнуться с подходом, практически исключающим и глобальный поиск, и бескрайние мощности искусственного интеллекта. Тем не менее, факт остается фактом: перед нами набор не очень рабочих решений, а нейросети пока не у дел. Старейший из расследователей — WhatTheFont — борозды не испортил, но, как мы с сожалением увидели, и не вспахал глубоко. А победил довольно скромный на вид продукт, предназначенный искать везде и всюду, а не внутри себя.
Однако есть и хорошие новости. Гуглить — это, по-прежнему, результативно. Если нет задачи обнаружить буквально такой же шрифт, как на картинке, то красивое решение обязательно найдется. А классический шрифт, который вы как будто знаете, но просто забыли название, с большой вероятностью удастся определить одним из детективных способов, сервисов и приложений, которые тут прозвучали (пусть даже за какие-то из них было немного стыдно).
Общаться, спрашивать, искать шрифты самостоятельно, смотреть и расширять кругозор — возможно самый ценный вывод, который мы можем сделать.
Закажите у нас сайт под ключ — шрифты будут включены.
Ну и для тех, кто дочитал до конца, напомним анекдот, фрагмент которого у меня на мониторе:
— А ты слышал, что Егор-то у нас — амбидекстр! — Кто? — ЕГОР!
Читайте также:
Топ-19 актуальных в 2023 году шрифтов для сайта
Зачем вашей компании нужен свой шрифт – кейс инжинирингового центра
Все о типографике: откуда берутся шрифты и как их используют бренды
