Trouver toutes les polices utilisées dans un fichier Photoshop

J'ai ce fichier .psd (fichier Photoshop) et j'essaie de le convertir en HTML et CSS.

La seule chose que je ne peux pas déterminer, c'est la police qu'ils utilisaient dans .psd

Comment puis-je savoir quelles polices ont été utilisées dans le fichier Photoshop?

Dépend de la façon dont vous souhaitez extraire l'information.

Par section ou zone de texte

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

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

  1. Enregistrer ou exporter le document image en format PDF
  2. Ouvrir la version PDF dans Adobe Reader
  3. Sélectionnez Fichier → Propriétés → Polices

Cela répertorie toutes les polices incorporées utilisées dans le fichier PSD, à condition de pouvoir les intégrer.

Caractères manquants

Dans l'outil Caractère, accédez à la liste déroulante de la sélection de la police. À la fin de la liste seront les polices utilisées dans l'image mais manquent dans votre système. Ceux-ci seront généralement grisés.

Images rastrées

Si vous voyez des images rasterisées, vous avez besoin de la police, vous souhaitez exporter exactement cette section comme une image claire et autonome et utiliser un service comme What the Font pour déterminer la police.

Enregistrez ce script en tant que nouveau fichier dans votre dossier Photoshop> Presets> Scripts. Nommez-le ce que vous voulez, comme "Détecter les polices. 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.',); } 

Entrez la description de l'image ici

Le format de fichier PSD est documenté par Adobe – vous pouvez lire comment il stocke les informations de police.

Vous pouvez ensuite examiner une décharge hexadécimale du fichier et utiliser la spécification du format de fichier pour trouver les polices.

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

C'est en fait très facile à utiliser en utilisant les scripts PS, qui peuvent être répercutés dans les couches de votre PSD et extraire des données de couche de texte.

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

MISE À JOUR: J'ai mis en place une version «lite» brève mais fonctionnelle du script que je développe. N'hésitez pas à contribuer – https://github.com/davidklaw/completer . Pour ceux qui ne connaissent pas les scripts, prenez le fichier script et placez-le sous votre dossier Presets / Scripts PS et il sera disponible sous Fichier -> Scripts.

Un moyen rapide et facile de trouver des polices manquantes

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

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

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

Entrez la description de l'image ici

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

Si le texte a déjà été rasterisé, la manière simple serait de recadrer la zone avec la police de caractères que vous souhaitez identifier, d'enregistrer en tant que .png et de le télécharger dans WhatTheFont , où il devrait pouvoir vous dire ce que c'est, sauf si Est obscure ou sur mesure.

Identifont est un autre site que vous pouvez utiliser, où vous décrivez les caractéristiques de la police de caractères.

Je voudrais aborder le texte dont vous avez besoin (de préférence, zoomer ) et utiliser WhatTheFont pour obtenir des suppositions. (Ne devrait-on pas afficher la police de caractères lorsque vous ouvrez le PSD et sélectionnez le texte respectif?

Et bien sûr, si ce n'est pas une police sécurisée, vous devrez trouver un moyen approprié de le remplacer ou de fournir une pile de secours.

Ouvrez Photoshop. Aller à Windows »Caractère . Une petite boîte apparaîtra. Sélectionnez simplement la couche de texte et la boîte vous indiquera la famille de polices, la taille, etc.

Utilisez l'outil en ligne pour obtenir les polices du fichier psd

http://psdfonts.com/

Le développeur m'a demandé presque la même chose comme vous aviez besoin. Je viens d'éditer un script simple, d'exporter des propriétés de couche (texte, nom de police, taille de police, couleur de police) dont vous avez besoin lors du développement, à un seul fichier txt (devrait fonctionner sur une machine Windows).

Enregistrez simplement ceci comme "ExportTexts.js" et mettez Adobe Photoshop> Presets> Scripts.

Ensuite, exécutez (ou redémarrez) Photoshop et exécutez le script (Fichier -> Scripts -> ExportTexts). Assurez-vous également que vous n'avez pas regroupé toutes les couches avant de faire cela. Le fichier exporté devrait être dans un 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 

Il existe une extension / panneau de Photoshop gratuit qui peut vous aider à trouver ce travail, Free Photoshop Font Detector ( http://www.layerhero.com/photoshop-font-detector/ ), et si vous souhaitez collecter / copier des fichiers de police depuis le système Dossier, essayez Photoshop Art Packer ( http://www.layerhero.com/photoshop-art-packer/ )

Il existe une option sur l'onglet Calques qui vous permet de filtrer toutes les couches pour afficher uniquement les polices. Vous devez sélectionner chaque couche pour les voir et il est utile uniquement si vous avez besoin d'un coup d'œil rapide

J'espère que cela aide quelqu'un trois ans après qu'on ait demandé.

Utilisez Creative Cloud Extract

Il répertorie toutes les polices utilisées (entre autres choses utiles).

Pour obtenir l'information sur les polices d'un fichier PSD, vous pouvez utiliser des outils en ligne si vous ne pouvez pas ou n'utilisez pas Photoshop (ou si vous préférez utiliser Gimp, cela rasterise les polices PSD).

Par exemple, vous pouvez essayer cet extracteur en ligne html5 PSD en ligne "Get PSD Fonts".

C'est un extracteur d'informations de police PSD basé sur le projet psitt.js de Melitingice Github qui ne nécessite pas de télécharger des fichiers, en travaillant localement sur votre page de navigateur