у меня этот .psd
(файл Photoshop), и я пытаюсь преобразовать его в HTML и CSS.
единственное, что я не могу определить, какой шрифт они использовали в .psd
Как узнать, какие шрифты использовались в файле Photoshop?
у меня этот .psd
(файл Photoshop), и я пытаюсь преобразовать его в HTML и CSS.
единственное, что я не могу определить, какой шрифт они использовали в .psd
Как узнать, какие шрифты использовались в файле Photoshop?
зависит от того, как вы хотите извлекать информацию.
Выберите инструмент "Текст" (T значок с засечками) и нажмите на текстовую область, чтобы отредактировать его. Он покажет, какой шрифт используется в окне персонажа.
Это список всех встраиваемых шрифтов, используемых в файле PSD, при условии, что вы можете вставлять их.
в инструменте символов перейдите к раскрывающемуся списку выбор шрифта. В конце списка будут все шрифты, которые используются в изображении, но отсутствуют в вашей системе. Они, как правило, неактивны.
Если вы видите растеризованные изображения, то вам нужна сторона шрифта, вы бы лучше экспортировать только этот раздел в виде четкого, автономного изображения и использовать сервис, как какой шрифт определить шрифт.
сохранить этот скрипт как новый файл в папке Photoshop > Presets > Scripts. Назовите его как угодно, например " обнаружение шрифтов.jsx"
var p = new ActionReference();
function arrayUnique(a){
var t = []
i = a.length;
while(i--) {
var f = false,
n = t.length;
while (n--) {
if(a[i] === t[n]) {
f = true;
}
}
if(!f) {
t.push(a[i]);
}
}
return t;
}
function findFonts() {
p.putEnumerated( charIDToTypeID('Dcmn'), charIDToTypeID('Ordn'), charIDToTypeID('Trgt') );
var c = executeActionGet(p).getInteger(charIDToTypeID('NmbL'))+1,
fonts = [];
while(c--) {
var r = new ActionReference(),
descLayer,
layerStyles,
countStyles;
r.putIndex( charIDToTypeID( 'Lyr ' ), c );
try {
descLayer = executeActionGet(r);
} catch (e) {
continue;
}
if(!descLayer.hasKey(stringIDToTypeID( 'textKey' ))) continue;
layerStyles = descLayer.getObjectValue(stringIDToTypeID('textKey')).getList(stringIDToTypeID('textStyleRange'));
countStyles = layerStyles.count;
while(countStyles--) {
var n = layerStyles.getObjectValue(countStyles).getObjectValue(stringIDToTypeID('textStyle')).getString(stringIDToTypeID('fontPostScriptName'));
fonts.push(n);
}
}
return arrayUnique(fonts).sort();
}
if (documents.length) {
var d = findFonts();
alert(d.length +' fonts found\n'+d.join('\n'));
} else {
alert('No fonts used in the active document.',);
}
формат файла PSD документирована компания Adobe - вы можете прочитать, как он хранит информацию о шрифте.
затем вы можете изучить шестнадцатеричный дамп файла и использовать спецификацию формата файла для поиска шрифтов.
кроме того, имена шрифтов должны быть видны в выводе strings
утилита найдена в системах Linux / Unix.
Это на самом деле очень легко сделать с помощью скриптов PS, которые могут перебирать слои вашего PSD и вытягивать данные текстового слоя.
в последнее время я экспериментировал с JavaScript-скриптом для наложения информации о шрифтах непосредственно на comps, которые доставляются разработчикам. Это не закончено, но если есть еще интерес (я вижу, что это довольно старый), я могу поставить быструю и грязную версию, которая просто всплывает шрифты, используемые в окне.
обновление: Я собрал грубо, но работает "Lite" версия скрипта я разрабатываю. Не стесняйтесь вносить свой вклад -https://github.com/davidklaw/completer. Для тех, кто не знаком со сценариями, просто возьмите файл сценария и поместите его в папку PS Presets/Scripts, и он будет доступен в разделе File -> Scripts.
быстрый и простой способ найти недостающие шрифты
Windows -> Character маленькое поле символов будет содержать информацию о шрифтах.
выберите раскрывающийся список имя шрифта и прокрутите вниз до конца.
вы заметите список отсутствующих шрифтов светло-серого цвета в конце списка шрифтов.
от : http://www.bala-krishna.com/how-to-find-fonts-used-in-psd-file/
Если текст уже растеризован, проще всего обрезать область шрифтом, который вы хотите идентифицировать, сохранить как .png и загрузить его в WhatTheFont, где он должен быть в состоянии сказать вам, что это такое, если это непонятная или заказ один.
Identifont еще один сайт, который вы можете использовать, где вы описываете характеристики шрифта.
Я хотел бы взять оснастку текста вам нужно (желательно увеличить) и использовать WhatTheFont В сделать некоторые догадки. (Не должен ли шрифт отображаться при открытии PSD и выборе соответствующего текста?)
и, конечно, если это не веб-безопасный шрифт, вам нужно найти подходящий способ его замены или предоставить резервный стек.
использовать Creative Cloud Извлечь
Он будет список всех шрифтов, используемых (среди других удобных вещей).
Открываем Photoshop. Перейти к Windows " Символ. Появится небольшая коробка. Просто выберите текстовый слой, и окно сообщит вам семейство шрифтов, размер и так далее.
используйте онлайн-инструмент, чтобы получить шрифты psd файла
разработчик спросил меня почти то же самое думаю, как вам нужно. Я придумал простой скрипт для редактирования, чтобы экспортировать свойства слоя (текст, название шрифта, размер шрифта, цвет шрифта) которые вам нужны при разработке, в один txt файл (должен работать на Windows машине).
просто сохраните это как " ExportTexts.js " и поставить в Adobe Photoshop > пресеты > Скрипты.
после этого запустите (или перезапустите) Photoshop и запустите скрипт (File - > Scripts - > ExportTexts). Также убедитесь, что вы разведены все слои перед этим. Экспортированный файл должен находиться в том же каталоге, что и psd-файл.
if (documents.length > 0)
{
var docRef = activeDocument;
CurrentFolder = activeDocument.path;
var outputFile = new File(CurrentFolder + "/" + activeDocument.name + "fonts.txt" );
outputFile.open("w");
for (var i = docRef.layers.length-1 ; i >=0 ; i--)
{
docRef.activeLa`enter preformatted text here`yer = docRef.layers[i]
if (docRef.activeLayer.kind == LayerKind.TEXT)
{
outputFile.write(
docRef.activeLayer.textItem.contents + "\n" +
docRef.activeLayer.textItem.font +"," +
docRef.activeLayer.textItem.size +"," +
docRef.activeLayer.textItem.color.rgb.hexValue + "\n\n\n");
}
}
outputFile.close();
alert("Finished");
}
else
{
alert("You must have at least one open document to run this script!");
}
docRef = null
есть бесплатный Photoshop/расширение панелей, который может сделать эту работу за вас, бесплатно детектор шрифтов в Photoshop (http://www.layerhero.com/photoshop-font-detector/), и если вы хотите собрать шрифт/скопировать файлы из папки системы, попробовать фотошоп арт-упаковщик(http://www.layerhero.com/photoshop-art-packer/)
на вкладке слои есть опция, которая позволяет фильтровать все слои, чтобы показать только шрифты. Вы должны выбрать каждый слой, чтобы увидеть их и это полезно, только если вам нужен быстрый взгляд на них
надеюсь, это поможет кому-то через три года после того, как об этом спросили.
чтобы получить информацию о шрифтах из PSD-файла, вы можете использовать онлайн-инструменты, если вы не можете или не хотите использовать Photoshop (или если вы предпочитаете использовать Gimp, который растрирует PSD-шрифты).
например, вы можете попробовать этот HTML5 PSD шрифт онлайн экстрактор "получить PSD шрифты".
Это информация о шрифте PSD экстрактор на основе Melitingice на GitHub проекта в формате PSD.js это не требует загрузки файлов, работающих локально на странице вашего браузера
Постоянная ссылка на данную страницу: [ Скопировать ссылку | Сгенерировать QR-код ]