Поиск шрифтов из изображений
Узнайте, как определить шрифты, используемые в изображении.
Сервис Adobe Fonts, работающий на базе Adobe Sensei, поможет найти шрифты, которые соответствуют используемому в изображениях тексту. Вы можете выбрать шрифт, отображаемый в результатах поиска, чтобы немедленно активировать его. После активации шрифт станет доступным в приложениях CC.
Чтобы найти и использовать шрифты из изображения, выполните следующие действия:
Чтобы загрузить изображение для сканирования:
- Щелкните значок камеры или перетащите файл изображения в Adobe Fonts.
- В ограничительной рамке выровняйте текст и нажмите Next Step
(Следующий шаг).
Чтобы найти шрифты, похожие на выделенный текст, подтвердите выбор и нажмите Next Step (Следующий шаг) снова.
Чтобы активировать шрифт, нажмите кнопку Activate Font (Активировать шрифт).
5 инструментов для определения шрифта
Вы когда-нибудь встречали шрифт, который идеально подходил для вашего проекта, но не могли его опознать? Или другая частая история: вашему клиенту нужно, чтобы шрифт соответствовал существующему дизайну, но название его он, конечно, не помнит. В этом материале — о том, как быть в подобных ситуациях.
Общие советы
1. Первый, самый простой шаг: если вы работаете с клиентом, спросите у него, знает ли он название шрифта и заплатил ли за него.
2. Существует множество инструментов для идентификации шрифта, но все они имеют свои ограничения. Именно здесь пригодится знание теории типографики, чтобы вы могли понять, как найти шрифт, наиболее похожий на тот, который нужен.
Зная анатомию шрифта, вы можете лучше понимать, чем отличаются шрифты и почему именно они выбраны для проекта. Обращайте особенное внимание на штрихи, линиям, засечкам, выносные элементы и т.д.
3. Прежде чем искать шрифт, оптимизируйте изображение для поисковой системы. Создайте чёрно-белое высококонтрастное изображения, содержащее только символы. Это сделает поиск более быстрым и точным.
4. Избегайте включения сложных вещей, таких как лигатуры, которые разветвляются на несколько букв. Большинство идентификаторов шрифтов не очень хорошо их распознают.
5. Ищите специальный символ, который легко идентифицировать: например, строчная буква g, которая содержит уникальные идентификаторы в большинстве шрифтов. Если вы сузите изображение для поиска до нескольких отдельных символов, у вас будет больше шансов на успех.
Инструменты для определения шрифта
Дисклеймер: это отличные поисковые системы, но нет никакой гарантии, что вы найдете точное совпадение с первой попытки.
What the Font
Простой и удобный метод поиска шрифтов. Просто перетащите изображение на страницу, обведите шрифт и позвольте MyFonts сравнить его с более чем 130 000 вариантов. Работает только с VPN.
Font Identifier
Сервис работает так же, как и предыдущий. Перетащите изображение или загрузите его с компьютера, а дальше в работу вступает поисковая система.
WhatFontIs
Сервис содержит более 850 000 шрифтов для сравнения с вашим образцом. Из недостатков — достаточно назойливая реклама.
Identifont
Сервис всё ещё выглядит как web 1.0 (логотип говорит сам за себя), но может быть полезен, так как помогает найти шрифты по наводящим вопросам об анатомии шрифта.
Функция подбора шрифта в ADOBE PHOTOSHOP
Система поиска шрифтов встроена в саму программу. Photoshop имеет достаточно мощный идентификатор шрифтов, подключенный к библиотеке Adobe Fonts.
Откройте изображение, которое вы хотите идентифицировать в Photoshop, и выделите шрифт. Затем перейдите в меню Type > Match Font. Это даст альтернативные варианты шрифтов, которые соответствуют особенностям выбранного вами изображения (только те, что доступны в Adobe Fonts). Это может оказаться полезным, если у вас нет бюджета на покупку новых шрифтов, но есть возможность найти похожие шрифты.
Загрузите шрифт прямо из библиотеки Adobe и сразу же приступайте к работе!
Как использовать опцию «Подбор шрифта»
Не можете вспомнить какой шрифт использовали в недавнем проекте? Не желаете тратить время на прокрутку списка шрифтов и их подгонку? Из этого небольшого Photoshop урока вы узнаете, как использовать опцию Match Font (Подбор шрифта), которая поможет подобрать похожий шрифт.
Вам понравился шрифт на вывеске, тогда сделайте снимок на свой телефон. Вы, наверно спросите зачем? К счастью Adobe выпустила совершенно новую функцию в Photoshop с версии CC 2015.5, которая поможет вам определить, что это за шрифты, если они включены в службу Adobe TypeKit. Если нет, то постарайтесь выбрать из предложенных вариантов наиболее подходящий.
Фотограф Tigz Rice покажет вам, как использовать функцию Match Font (Подбор шрифта).
Откройте любое изображение с надписью и перейдите в меню Type > Match Font (Текст – Подбор шрифта).
В открывшемся окне появится сообщение: «Настройте метки обрезки на экране, чтобы выделить близко к контуру одну строку текста, который нужно указать».
В результате Photoshop отобразит список предлагаемых шрифтов, которые входят в стандартный набор программы. Кликните по любому шрифту, чтобы активировать его или нажмите на звёздочку слева от названия шрифта, чтобы пометить как избранное для дальнейшего использования.
Если поставить галочку возле опции «Показать шрифты, доступные для синхронизации из TypeKit», то Photoshop так же предложит шрифты, доступные для синхронизации из TypeKit.
TypeKit – это служба для обеспечения шрифтов, принадлежащая компании Adobe. Если вам понравился какой-либо шрифт, то нажмите на значок облака, чтобы загрузить его к себе.
5 способов распознать шрифт с картинки
Екатерина Малахова, редактор-фрилансер, написала статью для блога Нетологии об инструментах для распознавания шрифтов.
Каждый дизайнер хоть раз сталкивался с необходимостью распознать незнакомый шрифт. Идеального способа для этого всё ещё не придумали, но кое-какие хитрости есть. Рассмотрим пять инструментов, которые могут помочь ?
WhatTheFont
Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:
- текст расположен чётко горизонтально;
- высота букв не меньше 100 пикселей;
- буквы не касаются друг друга;
- общее количество символов — не больше 50.
Больше советов по подбору картинки можно прочитать в соответствующем разделе на сайте.
Попробуем найти шрифт Circe с этого снимка:
Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.
В итоге программа сразу определила шрифт правильно. Если результаты далеки от нужного, стоит обратить внимание на теги справа — они помогут найти похожий вариант.
What Font is
Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:
При загрузке есть возможность уточнить, темнее ли фон изображения, чем сами буквы. Ещё можно задать фильтры для поиска: например, искать похожие варианты только среди бесплатных шрифтов.
Требования к картинке во многом совпадают с WhatTheFont, главное различие в максимальном количестве букв на картинке — здесь их может быть не больше 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.
FontDetect
Программа для Windows, которая ищет подходящие варианты среди имеющихся на компьютере шрифтов, из-за этого выбор может быть сильно ограничен. Умеет распознавать кириллицу. Чтобы начать поиск, загружаем картинку, выделяем область для распознавания и делаем ее более контрастной.
Задаём буквы для каждого распознанного символа.
Если нужно, добавляем папки для поиска.
И получаем список шрифтов.
Екатерина Малахова
курс
UX-писатель
Узнать больше
- Научитесь создавать тексты для интерфейса — с заботой о пользователе и выгодой для бизнеса
- После обучения у вас в портфолио будет проект, проверенный практикующими UX-писателями
Identifont
Для поиска шрифта на Identifont загружать картинку не понадобится: сайт предлагает найти подходящие варианты с помощью перебора их характерных признаков. Чтобы получить результат, нужно ответить на ряд вопросов.
Ещё Identifont предлагает искать по названию шрифта (например, если известна его часть) или компании-издателя, фамилии дизайнера или по наличию каких-либо особых символов. Также можно ввести название уже известного шрифта и подобрать похожие на него варианты.
Профильные сообщества в сети
Если ни один из предложенных вариантов не помог распознать шрифт, всегда можно спросить совета у других дизайнеров. Для этого пригодятся форумы и сообщества, посвященные типографике:
Главное для распознавания шрифта — качество картинки
Какой бы способ вы ни выбрали, важнее всего по возможности позаботиться о качестве картинки для распознавания. Размер и разрешение должны быть достаточными, чтобы можно было различить характерные особенности шрифта. Стоит дополнительно свериться с требованиями к изображению и отредактировать его, если нужно.
Читать также
UX-копирайтинг: как максимально эффективно работать с микротекстами
Лучшие книги для графических дизайнеров: подборка редакции Нетологии
Мнение автора и редакции может не совпадать. Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.