Как посмотреть шрифт в фотошопе
Обновлено: 05.07.2024
У меня есть этот .psd (файл Photoshop), и я пытаюсь преобразовать его в HTML и CSS.
Единственное, что я не могу определить, это какой шрифт они использовали в .psd
Как узнать, какие шрифты использовались в файле Photoshop?
По состоянию на CC2018 2 из приведенных ниже скриптов и подключаемый модуль jsx не работают. Я прокомментировал конкретно для каждого.
16 ответов 16
Зависит от того, как вы хотите извлечь информацию.
За раздел или текстовую область
Выберите инструмент «Текст» (значок T с засечками) и щелкните текстовую область, чтобы отредактировать ее. Он покажет, какой шрифт используется в окне символов.
Краткий обзор всех используемых шрифтов
- Сохранить или экспортировать документ изображения в формате PDF.
- Откройте PDF-версию в Adobe Reader.
- Выберите «Файл» → «Свойства» → «Шрифты».
Здесь будут перечислены все встраиваемые шрифты, используемые в PSD-файле, при условии, что вы можете их встроить.
Отсутствуют шрифты
В инструменте «Символ» откройте раскрывающийся список выбора шрифта. В конце списка будут шрифты, которые используются в изображении, но отсутствуют в вашей системе. Обычно они отображаются серым цветом.
Растровые изображения
Если вы видите какие-либо растровые изображения, шрифт которых вам нужен, лучше всего экспортировать только этот раздел как отдельное изображение и использовать такой сервис, как What the Font, чтобы определить шрифт.
Сохраните этот сценарий как новый файл в папке Photoshop > Presets > Scripts. Назовите его как хотите, например "Detect Fonts.jsx"
(Photoshop CC2018) Ошибка 8500: запрошенное свойство не существует. Строка 53: var n = layerStyles.getObjectValue(countStyles).getObjectValue(stringIDToTypeID('textStyle')).getString(stringIDToTypeID('fontPostScriptName'));
Формат файла PSD задокументирован Adobe — вы можете прочитать, как в нем хранится информация о шрифтах.
Затем можно просмотреть шестнадцатеричный дамп файла и использовать спецификацию формата файла для поиска шрифтов.
В качестве альтернативы имена шрифтов должны быть видны в выводе утилиты strings в системах Linux/Unix.
+1: я нашел такое же решение. По какой-то причине GIMP неправильно импортировал PSD, и я не знал, какой шрифт использовался. Я проанализировал файл PSD в HEX-редакторе, чтобы найти его (ищите: «Шрифт» как ТЕКСТ). Рекомендуемый редактор: "благослови".
На самом деле это очень легко сделать с помощью скриптов PS, которые могут перебирать слои вашего PSD и извлекать данные текстового слоя.
В последнее время я экспериментировал со сценарием на основе JavaScript для наложения информации о шрифтах непосредственно на композиции, которые доставляются разработчикам. Он еще не закончен, но если интерес все еще есть (я вижу, что он довольно старый), я могу быстро выложить грязную версию, в которой просто всплывают шрифты, используемые в окне.
Вы когда-нибудь сталкивались со шрифтом на изображении и задавались вопросом, что это такое? Теперь с помощью Adobe Photoshop вы можете сопоставлять и идентифицировать пользователей всего за три простых шага.
Будучи начинающим дизайнером, вы должны работать со шрифтами. Может быть, даже влюбиться в некоторых из них. Есть также хороший шанс, что вы хорошо разбираетесь в типографике на фотографиях или любых других носителях. Но вы можете не определить используемые шрифты, если вы не являетесь экспертом.
Но не волнуйтесь. Малоизвестная функция Adobe CC может вмешаться и сделать всю работу за вас.
Подбор шрифта доступен в Adobe Photoshop CC 2015 и последующих обновлениях. Он работает с Adobe Typekit, чтобы помочь вам найти шрифты и воспроизвести их в своей работе. Вы должны войти в Adobe Typekit онлайн, используя свое имя пользователя Creative Cloud. Для начала откройте изображение в Photoshop.
Шаг 1. В меню выберите «Текст» > «Подобрать шрифт».
Шаг 2. Рамка захвата накладывается поверх шрифта в файле изображения. Измените размер окна захвата как можно ближе к шрифту, который вы хотите идентифицировать.
Photoshop предлагает шрифты, хранящиеся на вашем компьютере. Нажмите на шрифт, чтобы сделать его активным, или нажмите на звездочку рядом со шрифтом, чтобы отметить его как избранный для дальнейшего использования.
Шаг 3. Установите флажок в маленьком поле с надписью Показать шрифты, доступные для синхронизации из Typekit. Photoshop отображает еще несколько совпадений, из которых вы можете выбирать. Это огромная помощь, поскольку в Typekit есть тысячи шрифтов от партнеров-основателей. Это может быть шрифт, который точно соответствует шрифту, который вы пытаетесь идентифицировать, или очень похож на него.
Вот страница устранения неполадок, если вы не видите шрифты из Typekit. Приложение Creative Cloud для настольных ПК должно работать в фоновом режиме на вашем компьютере
Нажмите на значок облака, чтобы загрузить шрифт и использовать его в своих проектах. Шрифт добавляется в вашу собственную библиотеку шрифтов.
Существует несколько способов определения используемого шрифта, но теперь инструмент Match Tool в Photoshop — это еще один мощный инструмент, с помощью которого можно копаться в поисках шрифта, который вам нравится. Возможно, это не всегда дает идеальный результат, но попробовать всегда стоит.
Какой самый красивый шрифт вы встречали? Вы легко его определили?
Понимание того, как добавлять шрифты в Photoshop, не должно вас пугать, независимо от того, используете ли вы Mac или Windows.
Научиться добавлять шрифты в Photoshop – довольно простой навык, но очень важный, потому что почти каждый дизайнерский проект требует добавления текста. Сейчас. Photoshop не может быть вашим первым портом захода, если вы начинающий наборщик текста, но он может воспроизвести многие отличные текстовые параметры других приложений. Программное обеспечение для редактирования изображений сочетает эти параметры с собственными, более наглядными инструментами, позволяющими создавать оригинальные и новые дизайны.
Из-за возросшего спроса теперь проще, чем когда-либо, находить и загружать совершенно новые шрифты. Вы можете ознакомиться с нашими фаворитами в наших руководствах по лучшим бесплатным шрифтам, шрифтам для кисти и шрифтам для пишущих машинок, а затем добавить их в свою коллекцию.
В этой статье о том, как добавлять шрифты в Photoshop, объясняется, как загрузить шрифт из онлайн-библиотеки и активировать его в Photoshop, а также рассмотрены возможные проблемы с лицензированием. Получите Adobe Creative Cloud, чтобы начать работу в Photoshop (но обязательно сначала ознакомьтесь с нашей страницей скидок Creative Cloud), а также получите доступ к огромной библиотеке шрифтов, доступных в Adobe Fonts. И обратите внимание, что описанные ниже процессы основаны на современных операционных системах и могут немного отличаться от более старых версий. У вас еще нет фотошопа? Вот все, что вам нужно знать, чтобы скачать Photoshop прямо сейчас.
Как добавить шрифты в Photoshop на Mac
01. Найдите и скачайте шрифт
Просмотрите выбранную вами библиотеку, чтобы найти шрифт, подходящий для вашего проекта. Большинство более известных сайтов предлагают параметры фильтрации, позволяющие сузить область поиска по определенным параметрам, например отображать только рукописные или декоративные шрифты. Когда вы найдете вариант, который вас устраивает, нажмите кнопку загрузки. На этом этапе убедитесь, что вы закрыли все активные приложения.
02. Найдите файл шрифта в системе
Следующим шагом для добавления шрифтов в Photoshop является поиск файла шрифта в папке «Загрузки». Если папка заархивирована, дважды щелкните ее, чтобы получить доступ к ее содержимому. Если вы загрузили несколько шрифтов, у каждого из них будет своя отдельная папка. Двумя наиболее распространенными расширениями файлов шрифтов, на которые следует обратить внимание, являются OTF и TTF (дополнительную информацию см. в разделе ниже или см. наше руководство по распространенным форматам файлов изображений).
03. Установить шрифт
Чтобы установить шрифт в Photoshop, у вас есть три варианта:
Вариант 01. Дважды щелкните файл шрифта, чтобы открыть приложение Font Box, где вы можете просто нажать кнопку, чтобы установить шрифт, сделав его доступным для всех приложений на вашем компьютере, а не только для Photoshop.
Вариант 02. Вручную скопируйте/переместите файлы шрифтов из папки «Загрузки» либо в папку «Пользователи/Библиотека/Шрифты» (чтобы сделать их доступными для определенных отдельных пользователей), либо в папку «Библиотека/Шрифты» (чтобы сделать их доступными для всех пользователей).< бр />
Вариант 03. Чтобы использовать утилиту управления шрифтами, обратитесь к соответствующей документации за инструкциями по добавлению и активации шрифтов.
04. Выберите шрифт в Photoshop
Откройте Photoshop и прокрутите вниз вкладку «Символ», пока не найдете нужный шрифт. Выберите его и используйте инструмент «Текст», чтобы добавить его в свой проект. Чтобы применить к тексту художественные эффекты, вам может потребоваться сначала растрировать его, что превращает текст в растровое изображение на основе пикселей. После этого вы больше не сможете редактировать текст.
Как добавить шрифты в Photoshop в Windows
01. Найдите и скачайте шрифт
Существует множество онлайн-библиотек, предоставляющих широкий выбор шрифтов. Используйте их параметры фильтрации, чтобы сосредоточиться на нужных стилях. Вы также можете загрузить шрифты из Microsoft Store. Нажмите кнопку загрузки и закройте все активные приложения.
02. Найдите файл шрифта в системе
Откройте папку «Загрузки» и прокрутите вниз до недавно добавленного файла шрифта. Если папка заархивирована, щелкните ее правой кнопкой мыши и выберите «Извлечь все», чтобы получить доступ к ее содержимому. Шрифты загружаются по отдельности, поэтому если вы загрузили несколько шрифтов, будет несколько папок. OTF и TTF — два наиболее распространенных расширения файлов шрифтов.
03. Установить шрифт
Существует три варианта установки шрифта в Photoshop в Windows.
Вариант 01. Щелкните правой кнопкой мыши файл шрифта и выберите «Установить», после чего ваш шрифт будет доступен во всех приложениях на компьютере, а не только в Photoshop.
Вариант 02. Нажмите «Пуск» > «Панель управления» > «Оформление и персонализация» > «Шрифты». Вы можете просто скопировать и вставить новые файлы шрифтов в этот список активированных шрифтов.
Вариант 03. Чтобы использовать утилиту управления шрифтами, обратитесь к этой документации за инструкциями по добавлению и активации шрифтов.
04. Выберите шрифт в Photoshop
Выбранный вами шрифт теперь должен быть доступен на вашем компьютере, поэтому откройте Photoshop и выберите его на вкладке «Символ». Если вы хотите добавить какие-либо художественные эффекты Photoshop, вам может потребоваться растрировать текст, сделав его редактируемым растровым изображением на основе пикселей. Сначала убедитесь, что вы довольны своим текстом, так как вы не сможете редактировать его после этого процесса.
Лицензии на шрифты: на что обратить внимание
Google Fonts предоставляет коллекцию шрифтов с открытым исходным кодом, которые можно использовать в личных или коммерческих целях (Изображение предоставлено Google)
Хотя бесплатные библиотеки шрифтов могут показаться безграничным шведским столом, стоит подумать о лицензиях, прежде чем их использовать. Поскольку каждый шрифт рассматривается как отдельная часть программного обеспечения, он связан теми же лицензионными соглашениями при установке на ваш компьютер. Каждый шрифт поставляется с лицензией определенного типа, которую вы можете проверить в Лицензионном соглашении с конечным пользователем, которое прилагается к любому загружаемому вами шрифту.
Лицензия для настольных компьютеров позволит вам установить шрифт на свой компьютер и использовать его в любом приложении, что делает его пригодным для использования в личных проектах, но возникают проблемы, когда вы беретесь за любую коммерческую работу.
Даже если шрифт рекламируется как бесплатная загрузка, на него могут распространяться ограничения в отношении коммерческой работы. Точно так же возможно, что кто-то может загрузить шрифт и описать его как «бесплатный» без разрешения оригинального дизайнера. При работе с клиентами обязательно проверяйте лицензию на шрифт и при необходимости приобретайте лицензии.
Проще всего решить эту проблему с помощью лицензирования с открытым исходным кодом. Их можно загрузить и использовать бесплатно, если вы не перепродаете и время от времени не даете кредит на использование. Хорошим примером является Google Fonts, коллекция с открытым исходным кодом, популярная среди дизайнеров, которую можно использовать в личных или коммерческих целях.
Как добавить шрифты в Photoshop: Adobe Fonts
Adobe Fonts доступен с любой подпиской Adobe CC. Доступ через Интернет или через приложение (Изображение предоставлено Adobe)
Другим хорошим ресурсом для подписчиков Adobe CC является Adobe Fonts, который предлагает огромный выбор шрифтов, предназначенных для личного и коммерческого использования, с бесшовной интеграцией с CC. Если вы находитесь в сети и вошли в CC, вы можете получить доступ к Adobe Fonts из приложения или через Интернет.
Если вы найдете шрифт, который вам нравится, вы можете просто щелкнуть ползунок, чтобы активировать отдельные шрифты или целые семейства. Они станут доступны во всех приложениях Adobe. При открытии проекта со шрифтами, которыми вы не владеете, вам будет предоставлена возможность разрешения шрифтов, которая синхронизирует любые совпадающие шрифты из Adobe Fonts. Все шрифты включены в любую подписку CC, и нет ограничений на их количество одновременно.
OTF против TTF
Из всех расширений, указывающих на файл шрифта, наиболее распространены два – TTF (шрифт TrueType) и OTF (шрифт OpenType). TTF — это более старый формат, в котором используются таблицы глифов для определения внешнего вида символов, в то время как OTF использует глифы вместе с таблицами компактного формата шрифтов, что дает возможность использовать файлы меньшего размера. Хотя шрифты OTF становятся все более популярными, TTF по-прежнему остается жизнеспособной альтернативой, и его проще создать, чем OTF.
В этом уроке вы узнаете, как сопоставлять шрифты в Photoshop, чтобы использовать их в своих проектах.
Функция сопоставления шрифтов в Photoshop была представлена в выпуске CC 2015.5.
Подбор шрифта позволяет вам не гадать при определении определенных шрифтов, а Photoshop CC делает всю тяжелую работу за вас.
Благодаря волшебству Adobe Sensei (искусственного интеллекта Adobe) Photoshop использует интеллектуальный анализ изображений для определения шрифта, используемого на фотографии.
После того как Photoshop проанализирует изображение с помощью технологии машинного обучения, вы получите набор совпадающих или похожих шрифтов с вашего компьютера и из библиотеки Typekit.
Оглавление
Сопоставление шрифтов в Photoshop с изображением
Шаг 01. Откройте окно подбора шрифтов
Для любого изображения с открытым текстом выберите «Текст» > «Подобрать шрифт». Откроется окно «Подбор шрифта», и вы увидите поле выбора над изображением.
Шаг 02. Выберите текст с помощью поля выбора подходящего шрифта
Нажмите и перетащите угловые маркеры поля выбора, чтобы оно включало одну строку текста.Выберите один шрифт и стиль. Не смешивайте шрифты и стили в разделе «Подбор шрифта».
Кроме того, убедитесь, что вы точно обрезаете поле выделения по левому и правому краям текста.
Примечание. В настоящее время функция Photoshop Match Font, классификация шрифтов и сходство шрифтов работают только для латинских и латинских символов.
Шаг 03. Выберите шрифт в окне подбора шрифтов
После того, как вы поместите поле выбора подходящего шрифта вплотную к тексту, Photoshop автоматически отобразит список шрифтов, похожих на шрифт на изображении, включая шрифты из Typekit.
Шрифты Typekit необходимо будет синхронизировать с вашей учетной записью Creative Cloud.
Чтобы просматривать только шрифты, установленные на вашем компьютере, снимите флажок Показать шрифты, доступные для синхронизации из Typekit.
В результатах нажмите на шрифт, ближайший к шрифту на изображении.
После того, как вы нажмете OK, Photoshop выберет шрифт, на котором вы щелкнули.
Исправьте перспективу шрифтов перед поиском шрифтов в Photoshop
Некоторые изображения могут быть слишком искажены или иметь крайний угол, что затрудняет поиск шрифтов в Photoshop.
В приведенном ниже примере перспектива знака слишком экстремальна, и команда «Подобрать шрифт» не работает.
Для такого изображения можно использовать инструмент "Кадрирование перспективы" (вложенный в инструмент "Кадрирование"), чтобы скорректировать перспективу.
Просто нажмите и перетащите угловые маркеры, чтобы подобрать угол поверхности, на которой лежит текст. Затем нажмите Enter (Mac: Command).
После исправления перспективы выполните те же действия, что и в первом примере, чтобы подобрать шрифт.
Для лучших результатов используйте веб-сайт Typekit для подбора шрифтов
Вместо того, чтобы использовать Photoshop для поиска шрифтов, я недавно использовал веб-сайт Typekit.
Веб-сайт позволяет выполнять визуальный поиск (в форматах jpg, gif или png.) и обеспечивает лучший предварительный просмотр, чем Photoshop. Вы можете предварительно просмотреть шрифт с любой копией, которая вам нравится, а также настроить размер текста, чтобы было проще решить, какой шрифт лучше всего подходит.
Как и в Photoshop, убедитесь, что рамка выделения плотно обведена одной строкой текста. Помните, что образцы, содержащие символы Aa–Zz, дадут наилучшие результаты.
Похожие записи
Использование диспетчера событий сценария в Adobe Photoshop CS6
В этом учебном пособии показано, как использовать диспетчер событий сценариев в Adobe Photoshop, чтобы улучшить рабочий процесс, научив вас автоматически воспроизводить любое действие каждый раз, когда Photoshop открывает файл.
Как создавать собственные панели с помощью Adobe Configurator 3.1
В этом уроке я покажу вам, как создавать собственные панели для Photoshop без программирования.
Затем вы можете экспортировать результаты для использования в Photoshop или InDesign. Изучение того, как использовать этот инструмент, потенциально может сэкономить вам много времени и повысить вашу продуктивность.
Учебники Photoshop CS6
Меня часто спрашивают, стоит ли им обновлять новый Photoshop CS6. Чтобы ответить на этот вопрос, я решил создать 5 мини-руководств по Photoshop CS6, демонстрирующих 5 моих любимых новых функций. Я уверен, что вы найдете их такими же замечательными и полезными, как и я.
Сочетания клавиш Photoshop
Обязательные сочетания клавиш Photoshop, которые помогут вам ускорить рабочий процесс и превратить вас в мастера Photoshop. Обновлено для Photoshop 2020
В этом видео я возьму 10 самых популярных и популярных советов дня по Photoshop с 1 декабря по 25 января и покажу вам, как именно они работают. Как вы, наверное, знаете, я…
Учебники Photoshop CC
Следующая версия Photoshop, Photoshop CC, будет доступна участникам Creative Cloud в июне этого года! Это всего через шесть месяцев после выпуска Photoshop 13.1. Ознакомьтесь с новыми функциями здесь!
Читайте также: