Шрифты окружают нас повсюду - на упаковках товаров, в рекламе, в интернете. Каждый день мы сталкиваемся с сотнями разных шрифтов. Но как узнать, какой именно шрифт использован в той или иной картинке или фотографии?
Почему важно уметь распознавать шрифты
Распознавание шрифтов - полезный навык для любого, кто работает с дизайном и версткой. Вот несколько ситуаций, когда это пригодится:
- Найдена картинка в интернете и нужно использовать такой же шрифт в своем дизайне
- Заказчик прислал макет и просит воспроизвести стиль оформления
- Нужно подобрать пару к уже используемому шрифту в проекте
- Обновляется фирменный стиль компании и требуется найти старый шрифт
Вот несколько причин, почему стоит овладеть навыком распознавания шрифтов:
- Экономия времени. Быстрее найти нужный шрифт, чем перебирать варианты.
- Удобство в работе. Не нужно отвлекаться и искать шрифт вручную.
- Расширение возможностей. Можно использовать интересные находки из интернета.
- Профессионализм. Знание шрифтов повышает квалификацию дизайнера.
Давайте рассмотрим конкретный пример. Дизайнеру нужно было сверстать баннер по макету заказчика. В макете использовался необычный засеченный шрифт. С помощью онлайн-сервиса удалось быстро его определить как Berthold Akzidenz Grotesk. Это сэкономило кучу времени на поиски и перебор вариантов.
Обзор популярных онлайн-сервисов для распознавания шрифтов
Самый простой способ распознать шрифт по картинке - воспользоваться специальными онлайн сервисами. Рассмотрим самые популярные из них.
WhatTheFont
Это один из самых известных сервисов для поиска шрифтов. Его интерфейс интуитивно понятен. Чтобы найти шрифт, нужно загрузить картинку и указать символы для распознавания. WhatTheFont ищет похожие шрифты в своей базе из более 200 000 вариантов.
Плюсы:
- Простой и понятный интерфейс
- Есть мобильные приложения для iOS и Android
- Хорошо распознает популярные шрифты
Минусы:
- Не всегда точный поиск
- Мало шрифтов кириллицы
- Только коммерческие шрифты для покупки
WhatFontIs
Этот сервис работает по тому же принципу, что и WhatTheFont. Отличия в деталях.
WhatFontIs может лучше распознавать шрифт, если уточнить, темнее или светлее фон. В настройках есть фильтры для поиска только бесплатных шрифтов.
Максимальное количество букв для распознавания - 10. Если картинка не подходит, сервис позволяет отредактировать ее прямо на сайте.
FontSquirrel
Этот сервис может не только распознать шрифт, но и сразу предложить скачать его. В базе FontSquirrel около 900 000 вариантов коммерческих и бесплатных шрифтов.
Интересная особенность - генератор шрифтовых наборов. Можно выбрать несколько разных шрифтов, и сервис автоматически создаст гармоничный набор для проекта.
Пошаговая инструкция распознавания шрифта на WhatTheFont
Давайте на практике разберем, как найти шрифт с помощью популярного онлайн сервиса WhatTheFont.
Подготовка изображения в Photoshop
Для начала загрузим в Photoshop картинку, на которой нужно распознать шрифт. В нашем примере это фотография вывески магазина.
Чтобы упростить задачу для WhatTheFont, изображение лучше предобработать:
- Обрезать лишние детали, оставив только текст
- Повысить контрастность
- Убрать perspective искажения
- Выровнять буквы по горизонтали
Загрузка картинки на WhatTheFont
Теперь переходим на сайт сервиса WhatTheFont. Выбираем вкладку "Upload an image". Загружаем отредактированную картинку.
WhatTheFont автоматически распознает символы. Если есть ошибки - исправляем вручную в поле ниже. Указываем язык текста. И нажимаем кнопку "Find my font!".
Ручное распознавание символов
Иногда автоматика не справляется с распознаванием сложных шрифтов и рукописных надписей. Тогда приходится указывать каждый символ вручную. Это занимает больше времени, зато повышает точность.
Чтобы ввести символ, нужно кликнуть по нему на картинке. В появившемся окне выбрать соответствующую букву или цифру. Если подходящего варианта нет - можно нарисовать символ во встроенном редакторе.
Анализ результатов
После запуска поиска WhatTheFont выдаст список похожих шрифтов. Сначала идут наиболее вероятные варианты. Можно просмотреть шрифты в разных начертаниях и выбрать подходящий.
Установка шрифта на компьютер
Когда нужный шрифт найден, его можно сразу распознать и установить на компьютер. На странице шрифта нажимаем кнопку "Add to SkyFonts". Эта функция позволяет загрузить шрифт и использовать в работе.
Поиск альтернатив среди бесплатных шрифтов
WhatTheFont предлагает только платные коммерческие шрифты. Чтобы найти бесплатную альтернативу, воспользуемся ссылкой "Find free alternative". Сервис подберет похожие варианты из библиотеки Google Fonts.
Таким образом, используя WhatTheFont можно быстро распознать шрифт с фотографии и подобрать нужный вариант для проекта.
Использование шрифта в дизайн-проекте
Когда нужный шрифт установлен на компьютер, его можно использовать в своих дизайн-проектах. Рассмотрим основные сценарии применения:
- Верстка сайта
- Оформление презентации
- Дизайн визиток и листовок
- Создание рекламных баннеров
Для веб-разработки подойдут шрифты из Google Fonts и других бесплатных библиотек. Их можно безопасно использовать на сайтах.
Проверка лицензии шрифта
Прежде чем применять шрифт в коммерческих проектах, важно убедиться, что его лицензия это позволяет. WhatTheFont предлагает только лицензионные варианты, но лучше перепроверить условия использования на всякий случай.
Комбинирование с другими шрифтами
Один шрифт редко используется в проекте. Чаще нужно подобрать пару дополняющих гарнитур. В WhatTheFont есть специальный функционал для этого.
Можно выбрать несколько шрифтов и сервис автоматически оценит их совместимость. Также будут даны рекомендации по использованию шрифтовых пар.
Редактирование шрифта
Иногда требуется видоизменить шрифт под нужды проекта. К примеру, добавить недостающие символы или начертания. Это можно сделать с помощью онлайн сервисов по редактированию шрифтов.
Популярный вариант - Fontself. С его помощью за пару кликов можно сконвертировать шрифт в нужный формат, изменить начертания, добавить эффекты.
Покупка шрифта
Если есть необходимость часто использовать найденный шрифт в работе, имеет смысл купить его лицензию. Это избавит от неудобств повторного поиска и установки шрифта.
На странице шрифта на WhatTheFont доступны различные варианты покупки лицензии под любые нужды - для дизайнеров, веб-разработчиков, рекламных агентств.
Создание шрифтового набора
После того как нужный шрифт найден и установлен, его можно использовать в дизайн-проектах. Но чаще требуется создать гармоничную шрифтовую пару или целый набор гарнитур.
Это можно сделать вручную на основе базовых правил сочетания шрифтов. А можно воспользоваться автоматическими генераторами шрифтовых наборов.
Подбор пары к шрифту
Для подбора парного шрифта используем специальный функционал на WhatTheFont. Выбираем основной шрифт и стиль пары (рубленый, с засечками). Сервис подберет несколько вариантов, из которых можно выбрать подходящий.
Генератор шрифтовых наборов
Этот инструмент позволяет автоматически сформировать полноценный набор из 3-4 гарнитур. Достаточно добавить один-два шрифта, которые хотелось бы использовать.
Генератор подберет к ним подходящие дополняющие шрифты с учетом стиля, насыщенности, пропорций. Можно настраивать параметры набора и скачать результат в виде PDF.
Ручной подбор набора
Если автоматика не устраивает, всегда можно создать комбинацию шрифтов вручную с учетом особенностей проекта. Главное при этом - соблюдать базовые правила гармоничного сочетания гарнитур.
Например, совмещать шрифты разных временных эпох или стилей чаще всего не стоит. Лучше ограничиться одной гармоничной тематикой.
Кастомизация шрифта
Иногда требуется изменить или дополнить выбранный шрифт - преобразовать формат, добавить специальные символы, создать дополнительные начертания. Для этого используются онлайн сервисы и приложения по редактированию шрифтов.
