Как в фотошопе определить шрифт по картинке
Перейти к содержимому

Как в фотошопе определить шрифт по картинке

  • автор:

Как использовать опцию «Подбор шрифта»

Не можете вспомнить какой шрифт использовали в недавнем проекте? Не желаете тратить время на прокрутку списка шрифтов и их подгонку? Из этого небольшого Photoshop урока вы узнаете, как использовать опцию Match Font (Подбор шрифта), которая поможет подобрать похожий шрифт.

Вам понравился шрифт на вывеске, тогда сделайте снимок на свой телефон. Вы, наверно спросите зачем? К счастью Adobe выпустила совершенно новую функцию в Photoshop с версии CC 2015.5, которая поможет вам определить, что это за шрифты, если они включены в службу Adobe TypeKit. Если нет, то постарайтесь выбрать из предложенных вариантов наиболее подходящий.

Фотограф Tigz Rice покажет вам, как использовать функцию Match Font (Подбор шрифта).

Как использовать опцию «Подбор шрифта»

Откройте любое изображение с надписью и перейдите в меню Type > Match Font (Текст – Подбор шрифта).

Как использовать опцию «Подбор шрифта»

В открывшемся окне появится сообщение: «Настройте метки обрезки на экране, чтобы выделить близко к контуру одну строку текста, который нужно указать».

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

Как использовать опцию «Подбор шрифта»

Если поставить галочку возле опции «Показать шрифты, доступные для синхронизации из TypeKit», то Photoshop так же предложит шрифты, доступные для синхронизации из TypeKit.

TypeKit – это служба для обеспечения шрифтов, принадлежащая компании Adobe. Если вам понравился какой-либо шрифт, то нажмите на значок облака, чтобы загрузить его к себе.

Как использовать опцию «Подбор шрифта»

Ссылка на источник урока.

Поиск шрифтов из изображений

Узнайте, как определить шрифты, используемые в изображении.

Сервис Adobe Fonts, работающий на базе Adobe Sensei, поможет найти шрифты, которые соответствуют используемому в изображениях тексту. Вы можете выбрать шрифт, отображаемый в результатах поиска, чтобы немедленно добавить его. После добавления шрифт станет доступным в различных приложениях CC.

Чтобы найти и использовать шрифты из изображения, выполните следующие действия:

Чтобы загрузить изображение для сканирования:

  • Щелкните значок камеры или перетащите файл изображения в Adobe Fonts.
  • В ограничительной рамке выровняйте текст и нажмите Следующий шаг.

Выбранный для сканирования текст

Чтобы найти шрифты, похожие на выделенный текст, подтвердите выбор и нажмите Next Step (Следующий шаг) снова.

5 способов распознать шрифт с картинки

Екатерина Малахова, редактор-фрилансер, написала статью для блога Нетологии о том, как распознать шрифт по картинке и какие инструменты можно для этого использовать.

Каждый дизайнер хоть раз сталкивался с проблемой, как определить шрифт по картинке. Идеального способа для этого всё ещё не придумали, но кое-какие хитрости есть. Рассмотрим пять инструментов для распознавания шрифтов, которые могут помочь, и расскажем, как найти шрифт по картинке:

WhatTheFont

Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:

  • текст расположен чётко горизонтально;
  • высота букв не меньше 100 пикселей;
  • буквы не касаются друг друга;
  • общее количество символов — не больше 50.

Больше советов по подбору картинки можно прочитать в соответствующем разделе на сайте.

Попробуем найти шрифт Circe с этого снимка:

Как и другие сервисы по распознаванию шрифтов, WhatTheFont не определяет кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.

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

What Font is

Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:

При загрузке есть возможность уточнить, темнее ли фон изображения, чем сами буквы. Ещё можно задать фильтры для поиска: например, искать похожие варианты только среди бесплатных шрифтов.

Требования к картинке во многом совпадают с WhatTheFont, главное различие в максимальном количестве букв на картинке — здесь их может быть не больше 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.

FontDetect

Программа для Windows, которая предлагает несколько вариантов подходящих шрифтов из имеющихся на компьютере. Из-за этого выбор может быть сильно ограничен. Распознаёт кириллицу. Чтобы начать поиск, загружаем картинку, выделяем область для распознавания и делаем ее более контрастной.

Задаём буквы для каждого распознанного символа.

Если нужно, добавляем папки для поиска.

И получаем список шрифтов.

5 способов распознать шрифт с картинки

Екатерина Малахова

5 способов распознать шрифт с картинки

курс

UX-писатель

Узнать больше

  • Научитесь создавать тексты для интерфейса — с заботой о пользователе и выгодой для бизнеса
  • После обучения у вас в портфолио будет проект, проверенный практикующими UX-писателями

Identifont

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

5 способов распознать шрифт с картинки

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

Профильные сообщества в сети

Если ни один из предложенных вариантов не помог распознать шрифт, всегда можно спросить совета у других дизайнеров. Для этого пригодятся форумы и сообщества, посвященные типографике:

  • Type&Typography на Фейсбуке;
  • форум MyFonts;
  • TypeID на Flickr;
  • Typophile.

Главное для распознавания шрифта — качество картинки

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

Читать также

5 способов распознать шрифт с картинки

UX-копирайтинг: как максимально эффективно работать с микротекстами

5 способов распознать шрифт с картинки

Лучшие книги для графических дизайнеров: подборка редакции Нетологии

Мнение автора и редакции может не совпадать. Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

5 способов распознать шрифт с картинки

Екатерина Малахова

Как определить шрифт с картинки

thumbr.jpg

Как определить шрифт на картинке? Существует такой сервис — myfonts. Достаточно залить на него картинку со словом, с компьютера или с интернета — и он определит шрифт, дав подборку самых похожих вариантов.

Требования к картинкам —
1) Шрифт должен располагаться строго горизонтально
2) Буквы не должны быть связаны.
3) Высота желательно в пределах 100px

Ниже я приведу пример

Попробуем распознать шрифт с сайта galantine.com.

gala.jpg

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

gala1.jpg

Далее открываем сайт, загружаем картинку. Нам выводиться страница, га которой предлагается определить, какая часть картинки какой букве соответствует. Мы прописываем варианты.

gala2a.jpg

Как результат, мы получим несколько вариантов, что это может быть за шрифт.

gala2.jpg

Проверив ряд вариантов, я определил мой шрифт — Polonaise URW D Bold.

gala3.jpg

В конечном счёте, немного подредактировав и раскрасив наше слово, получим нужный результат

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *