Как найти/определить шрифт по картинке
Работая с текстом, часто задаем себе вопрос «как найти или определить шрифт по заданной картинке?». Например, вы нашли какой-либо PSD файл, а в нем был встроен некий красивый шрифт с тестовой записью. Понятное дело, нам нужно эту запись отредактировать, но только фотошоп пишет уведомление, что такой шрифт не установлен в общей библиотеке и в случае изменения текста он будет потерян. Но нам нужен именно этот шрифт, так как он идеально вписывается в общую концепцию этого PSD файла. Тут-то и задаемся вопросом: где найти шрифт? Кстати, рекомендую ознакомиться с основными принципами и возможностями работы со шрифтами и инструментом Текст в фотошопе. Уверен, вы найдете много полезного и нового для себя.
На самом деле найти или определить шрифт по картинке сейчас не проблема. В интернете существует множество сервисов, которые помогут с большой вероятностью это сделать.
Если как следует покапаться, то, как правило, многие рекомендуют сайты по поиску шрифтов WhatTheFont и Whatfontis. На самом деле, последний мне больше всех понравился, поэтому именно о нем подробно я расскажу. Но сначала общая концепция, на которой построены почти каждый подобный сервис.
Сайты вам предлагают загрузить картинку, после чего система начинает анализ и ищет подходящий шрифт. Как правило, для большей точности совпадения, предлагается дополнительно ввести буквы с клавиатуры в соответствующие окна, например так:

Рекомендуется подбирать картинки большого размера, хотя бы 100 пикселей, и слова на картинке в идеале должны быть нарисованы четкими черными буквами на белом фоне и длиною хотя бы в 4 буквы. Все это нужно, чтобы машина могла сравнить вашу картинку со своей базой шрифтов, а как правило, такая база насчитывает десятки тысяч наименований, и на выходе был шрифт максимально приближенный к искомому.
Потестив несколько таких сайтов, причем искал я один и тот же шрифт с картинки, я пришел к выводу, что самый удобный и эффективный сайт — это Whatfontis. Остальные сильно и часто ошибаются в своей выдаче.
Одно из главных достоинств — это вероятность того, что вам предложат бесплатно скачать тот шрифт, что вы ищите.

Сначала определите каким способом вы хотите воспользоваться.
1. Нажав на кнопку Browse, выберите нужную картинку. Мой пример:

2. Укажите url-адрес к этой картинке, в случае, если она находится у вас не на компьютере, а где-то висит на просторах интернета.
Затем кликаем на Continue.
[stextbox Сколько бы не искал, но я не нашел подобного сервиса с русским интерфейсом. Но это не страшно, поскольку тут все интуитивно понятно и можно быстро разобраться куда кликать.
Главная беда в том, что шрифт, содержащий буквы русского алфавита, вы никогда не найдете на таком сервисе, поскольку они еще не поддерживают кириллицу. Но если вы знаете примеры, подтверждающие обратное — пишите в комментарии, это, несомненно, будет полезно каждому. [/stextbox]

Как видите, программа сама распознала где буквы и разделила их по отдельности. Затем она просит вписать в соответствующие поля каким буквам на клавиатуре соответствуют данные картинки.
Еще ниже имеется три регулятора, влияющие на поисковую выдачу.
1. Display only free fonts or free alternative fonts. Галочка здесь означает, что поисковая выдача будет содержать только бесплатные аналоги.
2. Display only commercial fonts or commercial alternative fonts — здесь наоборот — только платные аналоги.
3. Display all fonts — отобразятся сразу все возможные шрифты.
Выбрав нужную галочку, жмите на Continue.
Появится та самая поисковая выдача, среди которой вы ищите самый похожий шрифт. Для удобства ваш искомый система все время показывает в нижнем правом углу.

Как видите, подходящий для меня вариант отображен самым первым под названием «SummerCrushes». Я кстати поставил галочку, чтобы мне предлагали только бесплатные аналоги. Поэтому я могу с легкостью нажать на «Click here to download the font», чтобы скачать шрифт который я определял по картинке.
Подобные сервисы очень полезные и должны быть обязательно на заметке у мастеров, работающих с графическими редакторами. Остается только надеяться, что появятся и такие, которые смогут поддерживать кириллицу.
Поиск шрифтов из изображений
Узнайте, как определить шрифты, используемые в изображении.
Сервис Adobe Fonts, работающий на базе Adobe Sensei, поможет найти шрифты, которые соответствуют используемому в изображениях тексту. Вы можете выбрать шрифт, отображаемый в результатах поиска, чтобы немедленно добавить его. После добавления шрифт станет доступным в различных приложениях CC.
Чтобы найти и использовать шрифты из изображения, выполните следующие действия:
Чтобы загрузить изображение для сканирования:
- Щелкните значок камеры или перетащите файл изображения в Adobe Fonts.
- В ограничительной рамке выровняйте текст и нажмите Следующий шаг.

Чтобы найти шрифты, похожие на выделенный текст, подтвердите выбор и нажмите Next Step (Следующий шаг) снова.
Чтобы добавить шрифт, нажмите кнопку Добавить шрифт .
Добавление похожих шрифтов
определить шрифт по картинке
Очень частый вопрос, который задают дизайнеры и фотошоп мастера: «Как определить шрифт по картинке?».
Вы имеете фото, на котором есть текст и Вам хочется использовать такой же шрифт и на своей работе.
И тут возникает этот вопрос.
Как на него ответить?
Оказывается есть несколько способов.
Смотрите видео урок и Вы их узнаете.
Урок сделан в русифицированной программе СС 2018 , но может быть легко повторен практически в любой версии фотошопа.
Приятного и полезного просмотра!

Посмотреть серию уроков по работе с текстом можно здесь:
- статья «Основы типографики и текста в фотошопе»
- видео урок «Работа с текстом в фотошопе. Просто? Сложно? Целесообразно?»
- видео урок «Как написать текст в фотошопе»
- видео урок «Где найти бесплатные русские шрифты «
- видео урок «Как избежать ошибок при работе с текстом в Photoshop «
- видео урок «Пушистый текст»
Если у Вас не очень быстрый Интернет, нажмите на » Play «, а потом на паузу и немного подождите пока видео подгрузится для его комфортного просмотра.
- Автор — Накрошаев Олег
- Продолжительность видеоурока — 11 мин 19 сек
- Размер картинки — 1920х1080
- Формат видео — MP4
- Размер архива — 41,5 Мб
«КАК ОПРЕДЕЛИТЬ ШРИФТ ПО КАРТИНКЕ » :
Если Вы хотите получить серию уроков по работе с текстом в Photoshop, подпишитесь на специальную рассылку сайта.
Форма для подписки находится ниже.
- Назад
- Вперед
Комментарии
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Популярные уроки сайта:
Какие настройки приме…

[video url=»https://storage.yandexcloud.net/prosmotr-urokov/adobe-camera-raw-sohranenie-na-pc.mp4″ title nspInfo nspInfo2 tleft fleft»>
Какие настройки лучше…

[video url=»https://storage.yandexcloud.net/prosmotr-urokov/adobe-camera-raw-otkrytie-v-ps.mp4″ title nspInfo nspInfo2 tleft fleft»>
С какими настройками …

[video url=»https://storage.yandexcloud.net/prosmotr-urokov/adobe-camera-raw-otkrytie-v-acr.mp4″ title nspInfo nspInfo2 tleft fleft»>
Как настроить Adobe Camera R…

Как настроить Adobe Camera R…

Чем отличается модуль…

Как быстро и аккуратн…

Практический пример работы с фильтром Frequency Separation. Урок по установке этого плагина здесь: https://dzen.ru/video/watch/63e8a9755252e75a1cddeb9f Урок по интерфейсу плагина.
Как с помощью бесплат…

В уроке показан практический пример работы с кожей модели. Урок по установке этого плагина здесь: https://dzen.ru/video/watch/63e8a9755252e75a1cddeb9f Урок по.
Как работать в беспла…

В уроке рассказано о настройках и интерфейсе плагина Retouch4me Frequency Separation. Урок по установке этого плагина.
Как скачать и установ…

В уроке рассказывается о том, где найти, скачать и как установить специальный плагин для ретуши.
Как быстро создать в ф…
В уроке показан прием применения инструмента «Кадр». [video url=»https://storage.yandexcloud.net/prosmotr-urokov/delaem-avatar.mp4″ title nspInfo nspInfo2 tleft fleft»>
Применяем специальны…

В уроке рассказывается о работе экшенов для работы с пейзажными снимками. Скачать операции и материалы можно.
Как удобно усиливать …

В уроке показана работа 2-х групп экшенов по усилению резкости снимка. Скачать операции и материалы можно.
Как применить 2 операц…

В уроке рассказывается о 2-х экшенах по усилению резкости снимка. Скачать операции и материалы можно здесь: https://dzen.ru/video/watch/63f87152e59c5a53fd1755c5 [video.
Как грамотно настроит…

В уроке показана работа 7 экшенов по усилению резкости. Скачать операции и материалы можно здесь: https://dzen.ru/video/watch/63f867233b6ad87fb5ed3568 [video url nspInfo nspInfo2 tleft fleft»>
Как создать выделение…

В уроке показано, как создать выделение из корректирующего слоя «Цветовой тон/Насыщенность» и использовать его для.
Как, для перекраски об…

В уроке показан прием использования команды «Цветовой тон/Насыщенность». Вся серия уроков по перекраске здесь: https://dzen.ru/media/photoshopsunduchok/podborka-urokov-po-raskraske-perekraske-obektov-na-foto-v-fotoshope-62f8c47ea305f504678173bb [video url=»https://storage.yandexcloud.net/prosmotr-urokov/izmenyem-cvet-bez-vydeleniya.mp4″ title nspInfo nspInfo2 tleft fleft»>
Самый простой способ …

В уроке показан метод изменения цвета объекта на снимке. Вся серия уроков по перекраске находится здесь: https://dzen.ru/media/photoshopsunduchok/podborka-urokov-po-raskraske-perekraske-obektov-na-foto-v-fotoshope-62f8c47ea305f504678173bb [video.
Фильтр фотошопа «Фрак…

В уроке рассказано о том, как применять фильтр для получения нужных результатов. Скачать и установить фильтр.
Как создать интересны…

В уроке показан процесс установки фильтра, который позволяет добавлять эффекты на снимок. Скачать фильтр можно здесь: https://dzen.ru/video/watch/63d0cfa8b6bd9c5faddae47b [video.
Оформляем фото с помо…

В уроке показано, как работать с операцией по оформлению фотоснимка. Скачать операции можно здесь: https://dzen.ru/video/watch/63ceb1e342c5a72df68be111 [video url=»https://storage.yandexcloud.net/prosmotr-urokov/fotoplenka-3%20varianta.mp4″ title nspInfo nspInfo2 tleft fleft»>
Самый быстрый и полез…

В уроке показан прием, позволяющий очень быстро найти центр снимка. [video url=»https://storage.yandexcloud.net/prosmotr-urokov/centr-foto.mp4″ title nspInfo nspInfo2 tleft fleft»>
Две полезных настройк…

В уроке рассказано, как применить 2 нужные настройки фотошопа. [video url=»https://storage.yandexcloud.net/prosmotr-urokov/2-parametra-uskorenie.mp4″ title nspInfo nspInfo2 tleft fleft»>
Как быстро запустить …

В уроке показан простой способ применения английской операции. Предыдущий урок по этой теме здесь: https://dzen.ru/video/watch/63c8ea836b8ff378c3c6ebd9 Скачать файлы: https://dzen.ru/video/watch/63ca65383edde44ff18922b7 [video url nspInfo nspInfo2 tleft fleft»>
Как из английской вер…

В уроке показана работа с операциями. Скачать операции можно здесь: https://dzen.ru/video/watch/63c8ea836b8ff378c3c6ebd9 Первый урок по этой теме здесь: https://dzen.ru/video/watch/63c29c3a485a3e425fd14cc3 [video url nspInfo nspInfo2 tleft fleft»>
Как быстро и очень акк…

В уроке показана работа 2-х великолепных операций, позволяющих удалять фон. Скачать операции можно по этой ссылке: https://dzen.ru/video/watch/63c51079597386205cab1bb4 [video.
Как быстро добавить р…

В уроке показана работа 3-х операций по добавлению снега. Скачать операции можно здесь: https://dzen.ru/video/watch/63c29c3a485a3e425fd14cc3 [video url=»https://storage.yandexcloud.net/prosmotr-urokov/sneg-operacii.mp4″ title nspInfo nspInfo2 tleft fleft»>
Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2022
Как узнать, каким шрифтом ты писал в фотошоп?(объясн. внутри)
нажми английскую букву «T» и нажми на текст. курсор попадет в надпись, при этом на верхней панели будет показан шрифт.
Если другие слои мешают выделить текст, временно поотключай их видимость (глазик напротив слоя в списке слоев справа) .
блин, почти пять утра. надо спать (
подскажите пожалуйста, что за шрифт?