ga('send', 'pageview');

Компьютер + Интернет + блог = Статьи, приносящие деньги

Забирайте в подарок мой многолетний опыт — книгу «Автопродажи через блог»

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

Комментариев к записи Как определить шрифт по картинке, на сайте, в PSD файле нет 66 просмотров

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

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

Вероятно вы хотите узнать как стабильно зарабатывать в Интернете от 500 рублей в день?
Скачайте мою бесплатную книгу
=>> «Как гарантированно зарабатывать от 500 рублей в день»

Как часто у вас возникала ситуация, когда требовалось определить название шрифта?

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

А несколько раз возникала ситуация, при открытии PSD файла, что в Фотошопе не установлены требуемые шрифты. Для того, чтобы их установить, нужно точно знать их название. Так как же я выхожу из этих ситуаций?

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

Сегодня мы будем искать, шрифты.

Эти поиски затронут три случая

  1. увидели на сайте и захотели себе такой же;
  2. увидели на картинке и захотели себе такой же;
  3. Открыли PSD файл и обнаружили, что нет нужного шрифта.

Мы рассмотрим все три варианта и для этого понадобится всего один сайт и программа Фотошоп.

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

Начнём с поиска шрифта по картинке. Для этого я в поиске найду любую картинку с надписью.

Ввожу в поиск слово – надпись и сразу перехожу в картинки.

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

Нашёл несколько подходящих картинок с текстом, которые мне понравились.

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

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

Буквы должны быть контрастного цвета, то есть белые на чёрном или чёрные на белом. Если исходная картинка не соответствует этим правилам, то её следует обработать в графическом редакторе.

Это, в дальнейшем, облегчит поиск самого шрифта на онлайн сервисе. А вот если картинка не требует корректировки, то есть чёрная надпись находится на чистом, белом фоне или наоборот, то Фотошоп можно пропустить.

Итак, открыв картинку в программе Фотошоп, нужно:

  • Развернуть текст строго по горизонтали, если он находится под углом;
  • Выделить текст, перенести его на новый слой;
  • Закрасить текст в белый или чёрный цвет;
  • Залить фон контрастным, однотонным, белым либо чёрным цветом;
  • Обесцветить картинку;
  • Кадрировать, оставив лишь одно слово;
  • Сохранить картинку в формате jpeg;
  • Открыть браузер.

Онлайн сервис распознавания шрифтов

После того, как мы подготовили картинку, открываем сайт — WhatTheFont.

WhatTheFont

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

Туда, где вы видите надпись — Бросьте изображение здесь, чтобы определить шрифты!

Буквально через несколько секунд программа разделит слово на буквы и выдаст результат — название шрифта. Вот таким, простым способом можно определить шрифт по картинке.

А теперь мои результаты. Сразу хочу отметить, что буквы написанные кириллице, то есть на русском языке программа прочесть не смогла. Но это ещё ни о чём не говорит, может быть именно этого шрифта нет в её коллекции.

После этого я перетянул в окно чёткий шрифт латиницей. Вот этот.

надпись на картинке

И почти сразу получил не один, а сразу несколько результатов!

надпись на картинке

Вторая попытка также оказалась удачной.

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

Обратите внимание на букву «А», во втором варианте именно такая же, как и на образце. Из чего я могу сделать вывод, что шрифт под номером два использовался для написания данного слова. Кстати, цена шрифта — 35 долларов.

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

Да и насчёт русского текста — беру свои слова обратно, работает кириллица!

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

Но удалять свои слова из текста не стану, вы должны знать, что иногда случаются накладки и не каждый текст может быть прочитан. Однако я увлёкся, пора переходить к следующему пункту нашего урока!

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

Определить шрифт на сайте ещё проще и быстрее. Откройте любую страницу в браузере. Я не стал далеко ходить, а решил показать вам на примере своего блога.

Итак, нужно выделить кусочек текста и кликнуть правой кнопкой мыши и выбрать самый нижний пункт — просмотреть код или исследовать элемент (код). Возможно в вашем браузере будет написано иначе, но смысл останется тот же. Можно нажать на клавиатуре сочетание кнопок — Ctrl+Shift+C.

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

 

После этого действия откроется окно, оно может быть снизу, справа и так далее, в зависимости от настроек вашего браузера. В этом окне следует кликнуть на вкладку — шрифты, в правом углу.

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

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

Как вы видите, на моём блоге используется шрифт Roboto , размером 18 пикселей. Такое исследование кода вы получите в браузере Мазила (лисичка). А вот в Яндексе всё немного иначе. Вернее первая часть поиска ничем не отличается от предыдущего, но вот в окне другое содержание. Хотя, найти шрифты не составило большого труда.

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

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

А теперь переходим к последнему, третьему методу.

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

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

Если на вашем компьютере, а значит и в программе Фотошоп нет данного текста, то, на слое будет висеть восклицательный знак, если такой шрифт есть, то никакого значка не будет.

определить шрифты

Кликнув по слою с текстом вы получите следующее:

  1. Когда шрифт не установлен, то, появится окно с названием шрифта и указанием, что он отсутствует. Запишите название, скачайте шрифт и установите его на компьютер.
    определить шрифт находящийся в PSD файле
  2. Если шрифт установлен, то вы увидите его название на верхней панели в окне для выбора шрифта.

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

Советую почитать:

Как загрузить шрифты в Фотошоп, способы;

Как увеличить размер шрифта на экране компьютера;

Копировать текст с картинки, пошаговая инструкция;

Как добавить чат на стрим obs, пошаговые действия;

Как заменить цвет в Фотошопе.

P.S. Прикладываю скриншот моих заработков в партнёрских программах. Более того, напоминаю, что так зарабатывать может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов Интернет бизнеса.

Комиссионные Балыкова
Заберите список проверенных, особенно актуальных, Партнёрских Программ 2018 года, которые платят деньги!
2017
Скачайте чек-лист и ценные бонусы бесплатно
=>> «Лучшие партнёрки 2018 года»


Понравилась статья? Скажи автору спасибо, поделись с друзьями!



Хотите получать новые статьи к себе на почту?

Для этого нажмите на кнопку "Хочу получать новые статьи"



Оставить комментарий

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