59 votes

Trouver toutes les polices utilisées dans un fichier Photoshop

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

La seule chose que je n'arrive pas à déterminer, c'est la police de caractères qu'ils ont utilisée pour le .psd

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

0voto

bessarabov Points 1932

Utilisez un outil en ligne pour obtenir les polices du fichier psd.

http://psdfonts.com/

0voto

van Points 1

Développeur m'a demandé presque le même penser comme vous avez eu besoin. Je suis arrivé à éditer un simple script, pour exporter les propriétés des couches (texte, nom de la police, taille de la police, couleur de la police) dont vous avez besoin lors du développement, dans un seul fichier txt (devrait fonctionner sur une machine Windows).

Il suffit de l'enregistrer 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 -> script -> ExportTexts). Assurez-vous également d'avoir dégroupé tous les calques avant de faire cela. Le fichier exporté doit être 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

0voto

user3110420 Points 21

Il existe une extension/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 polices depuis le dossier système, essayez Photoshop Art Packer( http://www.layerhero.com/photoshop-art-packer/ )

0voto

edrpls Points 21

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 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.

0voto

cfx Points 101

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

  1. Cliquez sur l'icône "T" dans le panneau des calques pour filtrer/visualiser uniquement les calques de texte.
  2. Shift + clic gauche sur le calque de texte le plus élevé dans la palette des calques.
  3. Faites défiler l'écran jusqu'au bas de la palette des calques et cliquez sur le calque de texte inférieur en appuyant sur la touche Maj + clic gauche.
  4. Faites un clic droit sur les calques sélectionnés dans la palette des calques et choisissez "Dupliquer les calques".
  5. Sous Document de destination, sélectionnez Nouveau
  6. Allez dans votre nouveau document qui doit contenir toutes vos couches de texte.
  7. Sélectionnez à nouveau toutes les couches de texte (voir les étapes 2 et 3).
  8. Cliquez sur l'icône de dossier au bas de la palette des calques pour regrouper tous les calques de texte en un seul groupe.
  9. Changez le mode de mélange du groupe (le menu déroulant dans la palette des calques) en "Normal".
  10. Cliquez à droite sur votre nouveau groupe
  11. Choisissez "Copier le CSS".
  12. Collez dans un document et formatez votre liste de styles selon vos besoins !

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X