Vind alle gebruikte lettertypen in een Photoshop bestand

Afhankelijk van hoe u de informatie wilt extraheren.

Per sectie of tekstgebied

Selecteer het Tekstgereedschap ( T icoon met serifs) en klik op het tekstgebied om het te bewerken. Het zal laten zien welk lettertype gebruikt wordt in het Karakter venster.

Alle gebruikte lettertypes in een oogopslag

1. Sla het afbeeldingsdocument op of exporteer het als een PDF
2. Open de PDF-versie in Adobe Reader

4. Kies Bestand → Eigenschappen → Lettertypen

Dit zal een lijst van alle embeddable lettertypen die gebruikt zijn in het PSD-bestand, mits je ze kunt embedden.

Ontbrekende lettertypen

In het tekengereedschap, ga naar de lettertypeselectie drop down. Aan het einde van de lijst staan de lettertypes die in de afbeelding gebruikt worden, maar die op uw systeem ontbreken. Deze zullen meestal grijs worden weergegeven.

Gerasterde afbeeldingen

Als je gerasterde afbeeldingen ziet waarvan je het lettertype nodig hebt, kun je het beste alleen dat gedeelte exporteren als een duidelijke, op zichzelf staande afbeelding en een service als Wat het Lettertype gebruiken om het lettertype te bepalen.

Sla dit script op als een nieuw bestand in je Photoshop > Voorinstellingen > Scripts map. Geef het een naam zoals je wilt, bijvoorbeeld “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.',);
}

Het PSD bestandsformaat is gedocumenteerd door Adobe - je kunt lezen hoe het lettertype informatie opslaat.

Je zou dan een hex dump van het bestand kunnen onderzoeken en de bestandsformaat specificatie gebruiken om de fonts te vinden.

Als alternatief zouden de lettertypenamen zichtbaar moeten zijn in de uitvoer van de stringsutility die op Linux/Unix systemen te vinden is.

Dit is eigenlijk heel gemakkelijk te doen met behulp van PS-scripts, die door de lagen van je PSD kunnen lopen en de gegevens van de tekstlaag eruit kunnen halen.

Ik heb de laatste tijd geëxperimenteerd met een JavaScript-gebaseerd script om font informatie direct op comps te zetten die aan ontwikkelaars worden geleverd. Het is nog niet af, maar als er nog belangstelling is (ik zie dat dit al vrij oud is) kan ik een snelle en vieze versie maken die eenvoudig de gebruikte lettertypen in een venster laat verschijnen.

UPDATE: Ik heb een ruwe maar werkende “lite” versie van het script dat ik aan het ontwikkelen ben in elkaar gezet. Voel je vrij om bij te dragen - https://github.com/davidklaw/completer . Voor diegenen die niet bekend zijn met scripts, neem het script bestand en zet het in je PS Presets/Scripts map en het zal beschikbaar zijn onder Bestand -> Scripts.

Snelle en gemakkelijke manier om ontbrekende lettertypes te vinden

1. Windows - Teken Een klein tekenvakje verschijnt met informatie over de lettertypes. 0x2 & 0x2 & 2. Selecteer lettertype naam dropdown en scroll naar beneden tot het einde.

2. Aan het eind van de lettertypenlijst ziet u een lijst met ontbrekende lettertypen in lichtgrijze kleur.

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

Als de tekst al gerasterd is, is de eenvoudigste manier om het gebied met het lettertype dat u wilt identificeren uit te snijden, op te slaan als .png en te uploaden naar WhatTheFont , waar het u zou moeten kunnen vertellen wat het is, tenzij het een obscuur of op maat gemaakt lettertype is. Identifont is een andere site die u kunt gebruiken, waar u kenmerken van het lettertype beschrijft.

Op basis van het oorspronkelijke antwoord van David (DetectFonts.jsx), heb ik het script aangepast om het probleem op te lossen dat door Drew in de opmerkingen werd gemeld: Zoek alle lettertypes die gebruikt worden in een Photoshop bestand .

Volg de originele instructies maar gebruik in plaats daarvan deze script body - het enige verschil is een paar null checks (vermoedelijk ofwel een photoshop versie verschil of iets te maken met ontbrekende gegevens op bepaalde objecttypes, waarschijnlijk ontwerper of besturingssysteem specifiek)

Ik zal ook een pull-request indienen bij 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.');
}

Ik zou een foto maken van de tekst die je nodig hebt (bij voorkeur ingezoomd) en WhatTheFont gebruiken om wat gissingen te krijgen. (Zou het lettertype echter niet getoond moeten worden als je de PSD opent en de betreffende tekst selecteert)?

En natuurlijk, als het geen web-safe font is, zul je een passende manier moeten vinden om het te vervangen, of een fallback stack te leveren.

Gebruik Creative Cloud Extract

Het zal een lijst geven van alle gebruikte lettertypes (naast andere handige dingen).

Open Photoshop. Ga naar Vensters “ Karakter. Er verschijnt een klein vakje. Selecteer de tekstlaag en het vakje vertelt je de letterfamilie, grootte, enzovoort.

Er is een gratis Photoshop-extensie/paneel dat dit werk voor je kan doen, Free Photoshop Font Detector http://www.layerhero.com/photoshop-font-detector/ ), en als je lettertypebestanden uit de systeemmap wilt verzamelen/kopiëren, probeer dan Photoshop Art Packer http://www.layerhero.com/photoshop-art-packer/ )

Ik wilde documentlettertypen kennen, samen met hun stijlen, maten, kleuren, opmaak, enz. voor webontwikkeling en CSS-doeleinden, dus dit is wat ik bedacht heb:

1. Klik op het “T” pictogram in het Lagenpaneel om alleen tekstlagen te filteren/bekijken
2. Shift + klik links op de bovenste tekstlaag in het Lagenpalet
3. Schuif helemaal naar de onderkant van het palet Lagen en Shift + klik links op de onderste tekstlaag
4. Klik met de rechter muisknop op de geselecteerde lagen in het Lagen palet en kies “Dupliceer Lagen”
5. Onder Bestemmingsdocument, selecteer Nieuw
6. Ga naar je nieuwe document dat al je tekstlagen moet bevatten
7. Selecteer alle tekstlagen opnieuw (zie stap #2 en #3)
8. Klik op het mappictogram onderaan het palet Lagen om van alle tekstlagen één groep te maken
9. Verander de overvloeimodus van de groep (het dropdownmenu in het palet Lagen) in ‘Normaal’
10. Klik met rechts op je nieuwe groep
11. Kies “CSS kopiëren”
12. Plak in een document en formatteer je lijst met stijlen naar behoefte!

Gebruik online hulpprogramma om lettertypen van psd-bestand te krijgen http://psdfonts.com/

Er is een optie op het tabblad Lagen waarmee je alle lagen kunt filteren om alleen de fonts te laten zien. Je moet elke laag selecteren om ze daadwerkelijk te zien en het is alleen nuttig als je ze in een oogopslag moet zien

Hoop dat het iemand helpt drie jaar nadat dit werd gevraagd.

Een ontwikkelaar vroeg me bijna hetzelfde als wat jij nodig had. Ik heb een eenvoudig script gemaakt om de eigenschappen van de lagen (tekst, lettertype, lettergrootte, letterkleur), die je nodig hebt bij het ontwikkelen, te exporteren naar een txt-bestand (zou moeten werken op een Windows-machine).

Sla dit gewoon op als “ExportTexts.js” en zet het in Adobe Photoshop -> Voorinstellingen -> Scripts.

Start daarna Photoshop op (of herstart het) en voer het script uit (Bestand -> Scripts -> ExportTexts). Zorg er ook voor dat je alle lagen hebt gedegroepeerd voordat je dit doet. Het geëxporteerde bestand moet in dezelfde map staan als het psd-bestand.

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

Om de fonts informatie uit een PSD bestand te halen kun je online tools gebruiken als je Photoshop niet kunt of wilt gebruiken (of als je liever Gimp gebruikt, dat PSD fonts rastert).

Je kunt bijvoorbeeld deze html5 PSD font online extractor “Get PSD Fonts” proberen.

Het is een PSD font informatie extractor gebaseerd op Melitingice Github project psd.js dat geen upload van bestanden vereist, maar lokaal werkt in je browser pagina