Определяем шрифт по картинке онлайн

Когда ты постоянно находишься в интернете, возникают разнообразные потребности. Сегодня мы поговорим о способах решения одной из этих потребностей, а именно - как определить шрифт, который использовался на логотипе / сайте / печатной продукции / и т.д.

Вы можете спросить "Зачем это нужно?".

    У меня подготовлена масса ответов:

  • Вам просто захотелось использовать увиденный шрифт в каком-то своём проекте / логотипе, установить его себе на телефон или компьютер.
  • Вы должны исправить логотип / изображение, но у вас нет исходника. Возможно вам необходимо полностью перерисовать логотип с нуля, но заказчик хочет шрифт, который использовался в прошлом логотипе и выходит ситуация: сам шрифт есть, а вот его название вы не знаете.
  • Вы поспорили с другом / подругой на абсолютно любое желание, насчёт того, как называется шрифт и теперь должны решить кто выиграет.

Но лично у меня свой собственный вариант. Не так давно я купил футболку с очень интересным принтом, а точнее сказать, вот с таким текстом: "Sarcasm just one of my many talents". Понимая, что футболка рано или поздно придёт в негодность, я решил заказать такую-же футболку в одной из фирм города. Для того, чтобы сделать дубликат футболки, необходимо перевести изображение в электронный вариант, так как это текст - самый простой способ узнать шрифт и набрать картинку в фотошопе. Сейчас мы узнаем, что за шрифты были использованы при создании принта для моей футболки.

Перейдем, собственно, к делу:

1. Для начала нам необходимо сделать скриншот или подготовить картинку с изображением. (этот пункт подробно объяснять не буду, надеюсь и так всё понятно)

1.1. Нашли интересующий нас сайт / логотип

Лично я - сделал фото той части футболки, где располагается надпись. 20130528_214416

1.2. Обрезали / сделали скриншот с него так, чтобы было видно только одну надпись, которая выполнена тем шрифтом, который нам интересен.

Я - вырезал две части с текстом, где используются разные шрифты. Я хочу опознать оба шрифта.
1.1 1.2

1.3. Для улучшения распознавания необходимо сделать так, чтобы на загружаемом изображении буквы не касались друг друга и было как можно меньше мусора на заднем фоне. (Если вы делали картинку на однотонном фоне - можете ничего не делать)

У меня одна надпись нормально, а вот другая - заляпана кляксами и есть пересечения букв, поэтому я немного подправил её в редакторе
1.1(3)

2. Необходимо залить картинку на сайт и тогда он сам, в режиме онлайн покажет какой шрифт использовался на картинке, которую мы загрузим (показывает не всегда 100% точно такой же, но есть шанс найти очень близкий шрифт). На самом деле не всё так просто и нам придётся немного помочь сервису, но об этом чуть дальше)

2.2. Открываем сайт сервиса и выбираем файл в форме

1.2.3

2.3. Нажимаем "Continue"


2.2

2.4. Видим как он проставил буквы при помощи авто-распознавания, если есть ошибки - исправляем. ВАЖНО: если на загруженной картинке - большие буквы, то при распознавании указывайте большие буквы, там где прописные - пишем прописные, там где строчные - строчные. Это поможет сервису лучше подобрать шрифт. Так как во многих шрифтах прописные и строчные буквы выглядят совсем по разному.

Опознал часть букв верно, увидел букву там где её нет
2.3
Исправили ошибки, там где нет букв - оставляем пустые клеточки
2.4

2.5. Снова нажимаем "Continue"


2.5

2.6. Выбираем шрифт, который по нашему мнению больше всего похож и радуемся тому, что теперь мы знаем его название)

В моём случае более-менее похож шрифт "Smeethe"
2.6

3.0. На самом сайте мы конечно не сможем скачать большинство шрифтов, так как нам предлагают их купить, но если вы вдруг захотите "попробовать" шрифт бесплатно и если он вам понравится - купить, то можно просто забить в яндекс запрос "(название шрифта) скачать" и вполне возможно вам повезёт в поисках.

Ну тут уж вы сами ;)
Пост размещен 06.10.2013 в категории: Slider, Полезое 1 комментарий