Trouver toutes les polices utilisées dans un fichier Photoshop

Cela dépend de la manière dont vous voulez extraire les informations.

Par section ou zone de texte

Sélectionnez l'outil Texte ( icône T avec empattements) et cliquez sur la zone de texte pour l'éditer. Il affichera la police utilisée dans la fenêtre Caractère.

Toutes les polices utilisées en un coup d'œil

1. Enregistrez ou exportez le document image au format PDF
2. Ouvrez la version PDF dans Adobe Reader
3. Sélectionnez Fichier → Propriétés → Polices

Cela permettra de énumérer toutes les polices incorporables utilisées dans le fichier PSD, à condition que vous puissiez les incorporer.

Polices manquantes

Dans l'outil Caractère, allez dans le menu déroulant de sélection des polices. À la fin de la liste se trouvent les polices utilisées dans l'image mais qui sont manquantes dans votre système. Ces polices sont généralement grisées.

Images rasterisées

Si vous voyez des images rasterisées dont vous avez besoin de la police de caractères, il vaut mieux exporter uniquement cette section sous forme d'image claire et autonome et utiliser un service comme What the Font pour déterminer la police de caractères.

Enregistrez ce script comme un nouveau fichier dans votre dossier Photoshop > Presets > Scripts. Nommez-le comme vous voulez, par exemple “Detect Fonts.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.',);
}

Le format de fichier PSD est documenté par Adobe - vous pouvez lire comment il stocke les informations sur les polices.

Vous pouvez alors examiner un vidage hexadécimal du fichier et utiliser la spécification du format de fichier pour trouver les polices.

Alternativement, les noms des polices devraient être visibles dans la sortie de l'utilitaire strings trouvé sur les systèmes Linux/Unix.

C'est en fait très facile à faire en utilisant des scripts PS, qui peuvent itérer à travers les couches de votre PSD et extraire les données de la couche texte.

J'ai expérimenté récemment un script basé sur JavaScript pour superposer les informations sur les polices directement sur les compositions qui sont livrées aux développeurs. Il n'est pas terminé, mais s'il y a encore de l'intérêt (je vois que c'est assez vieux), je peux mettre en place une version rapide qui affiche simplement les polices utilisées dans une fenêtre.

MISE À JOUR: J'ai mis au point une version “lite” du script que je suis en train de développer. N'hésitez pas à contribuer - https://github.com/davidklaw/completer . Pour ceux qui ne sont pas familiers avec les scripts, il suffit de prendre le fichier du script et de le placer sous votre dossier PS Presets/Scripts et il sera disponible sous Fichier -> Scripts.

Méthode rapide et facile pour trouver les polices manquantes

1. Windows -> Caractère Une petite boîte de caractères s'affiche avec les informations sur les polices.

2. Sélectionnez le nom de la police dans la liste déroulante et faites défiler jusqu'à la fin.

3. Vous remarquerez la liste des polices manquantes en couleur gris clair à la fin de la liste des polices.

De : http://www.bala-krishna.com/how-to-find-fonts-used-in-psd-file/

Si le texte a déjà été tramé, le moyen le plus simple est de recadrer la zone avec la police de caractères que vous souhaitez identifier, de l'enregistrer en .png et de le télécharger sur WhatTheFont , où il devrait pouvoir vous dire de quoi il s'agit, à moins qu'il ne s'agisse d'une police obscure ou personnalisée. Identifont est un autre site que vous pouvez utiliser, où vous décrivez les caractéristiques de la police de caractères.

Sur la base de la réponse originale de David (DetectFonts.jsx), j'ai modifié le script pour corriger le problème signalé par Drew dans les commentaires : Trouver toutes les polices utilisées dans un fichier Photoshop .

Suivez les instructions originales mais utilisez plutôt ce corps de script - la seule différence réside dans quelques vérifications nulles (probablement une différence de version de Photoshop ou quelque chose en rapport avec des données manquantes sur des types d'objets particuliers, probablement spécifiques au concepteur ou au système d'exploitation)

Je soumettrai également une demande d'extraction à https://github.com/dcondrey/DetectFontsinPSD

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'));
        if(!layerStyles) continue;

        countStyles = layerStyles.count;

        while (countStyles--) {
            var textStyle = layerStyles.getObjectValue(countStyles).getObjectValue(stringIDToTypeID('textStyle'));
            if(!textStyle || !textStyle.hasKey(stringIDToTypeID('fontPostScriptName'))) continue;

            var n = 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.');
}

Je prendrais un cliché du texte dont vous avez besoin (de préférence avec un zoom) et j'utiliserais WhatTheFont pour obtenir quelques suppositions. (Mais la police de caractères ne devrait-elle pas s'afficher lorsque vous ouvrez le PSD et que vous sélectionnez le texte correspondant ?)

Et bien sûr, s'il ne s'agit pas d'une police adaptée au web, vous devrez trouver un moyen approprié de la remplacer, ou de fournir une pile de secours.

Utilisez Creative Cloud Extract

Il répertoriera toutes les polices utilisées (entre autres choses pratiques).

Ouvrez Photoshop. Allez dans Fenêtres “ Caractère. Une petite boîte apparaîtra. Il suffit de sélectionner la couche de texte et la boîte vous indiquera la famille de police, la taille, etc.

Il existe une extension/un panneau Photoshop gratuit qui peut faire ce travail pour vous, Free Photoshop Font Detector http://www.layerhero.com/photoshop-font-detector/ ), et si vous voulez collecter/copier des fichiers de police du dossier système, essayez Photoshop Art Packer http://www.layerhero.com/photoshop-art-packer/ )

Je voulais connaître les polices des documents ainsi que leurs styles, tailles, couleurs, formatage, etc. pour le développement web et le CSS, alors voici ce que j'ai trouvé :

1. Cliquez sur l'icône “T” dans le panneau “Layers” pour filtrer/afficher uniquement les couches de texte
2. Shift + clic gauche sur la couche de texte la plus haute dans la palette Layers
3. Faites défiler jusqu'au bas de la palette des calques et Shift + clic gauche sur la couche de texte inférieure
4. Faites un clic droit sur les couches sélectionnées dans la palette Calques et choisissez “Dupliquer les couches”
5. Sous Document de destination, sélectionnez Nouveau
6. Allez à votre nouveau document qui doit contenir toutes vos couches de texte
7. Sélectionnez à nouveau toutes les couches de texte (voir étapes 2 et 3)
8. Cliquez sur l'icône du dossier en bas de la palette des couches pour faire de toutes les couches de texte un seul groupe
9. Changez le mode de fusion du groupe (la liste déroulante de la palette des calques) en “Normal”
10. Faites un clic droit sur votre nouveau groupe
11. Choisissez “Copy CSS”
12. Collez dans un document et formatez votre liste de styles selon vos besoins !

Utilisez l'outil en ligne pour obtenir les polices du fichier psd http://psdfonts.com/

Il existe une option dans l'onglet Calques qui vous permet de filtrer tous les calques pour n'afficher que les polices. Vous devez sélectionner chaque couche pour les voir réellement et cette option n'est utile que si vous avez besoin d'un coup d'œil rapide

J'espère que cela aidera quelqu'un trois ans après que cette question ait été posée.

Le promoteur m'a demandé presque la même chose que ce dont vous aviez besoin. J'ai imaginé un script simple, pour exporter les propriétés des calques (texte, nom de la police, taille et couleur de la police) dont vous avez besoin lors du développement, dans un seul fichier txt (qui devrait fonctionner sur la machine Windows).

Il suffit d'enregistrer ceci comme “ExportTexts.js” et de le mettre dans Adobe Photoshop > Presets > Scripts.

Après cela, lancez (ou redémarrez) Photoshop et exécutez le script (Fichier -> Scripts -> ExportTexts). Veillez également à dégrouper tous les calques avant de faire cela. Le fichier exporté doit se trouver dans le même répertoire que le fichier 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

Pour obtenir les informations sur les polices sous forme de fichier PSD, vous pouvez utiliser des outils en ligne si vous ne pouvez pas ou ne voulez pas utiliser Photoshop (ou si vous préférez utiliser Gimp, qui rastérise les polices PSD).

Par exemple, vous pouvez essayer cet extracteur en ligne de polices PSD html5 “Get PSD Fonts”.

Il s'agit d'un extracteur d'informations sur les polices PSD basé sur le projet psd.js de Melitingice Github qui ne nécessite pas le téléchargement de fichiers, fonctionnant localement dans votre page de navigateur