2011-04-09 17:57:57 +0000 2011-04-09 17:57:57 +0000
54
54

Znajdź wszystkie czcionki użyte w pliku programu Photoshop

Mam ten plik .psd (plik Photoshopa) i próbuję go przekonwertować na HTML & CSS.

Jedyną rzeczą, której nie mogę ustalić, jest to, jakiej czcionki użyto w pliku .psd

Jak mogę się dowiedzieć, jakie czcionki zostały użyte w pliku Photoshopa?

Odpowiedzi (16)

63
63
63
2011-11-13 22:52:45 +0000

Zależy od tego, jak chcesz wyodrębnić informacje.

Na sekcję lub obszar tekstowy

Wybierz narzędzie Tekst (T ikona z szeryfami) i kliknij na obszar tekstowy, aby go edytować. W oknie znaków pojawi się informacja, jaka czcionka jest używana.

Wszystkie używane czcionki w skrócie

  1. Zapisz lub wyeksportuj dokument graficzny jako PDF
  2. Otwórz wersję PDF w programie Adobe Reader
  3. Wybierz Plik → Właściwości → Czcionki

Spowoduje to wylistowanie wszystkich możliwych do osadzenia czcionek użytych w pliku PSD, o ile możesz je osadzić.

Brakujące czcionki

W narzędziu Znaki, przejdź do rozwijanej listy wyboru czcionki. Na końcu listy znajdą się czcionki, które są używane w obrazie, ale brakuje ich w systemie. Zazwyczaj będą one wyszarzone.

Obrazy rasteryzowane

Jeśli widzisz jakiekolwiek obrazy rastrowane, do których potrzebujesz czcionki, najlepiej wyeksportuj tylko tę sekcję jako czysty, samodzielny obraz i użyj usługi takiej jak Jaka czcionka aby określić czcionkę.

23
23
23
2015-04-29 22:34:00 +0000

Zapisz ten skrypt jako nowy plik w folderze Photoshop > Presets > Scripts. Nazwij go jak chcesz, na przykład “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.',);
}

8
8
8
2011-04-09 18:08:16 +0000

Format pliku PSD jest udokumentowany przez Adobe - możesz przeczytać jak przechowuje informacje o czcionkach.

Możesz wtedy zbadać zrzut heksadecymalny pliku i użyć specyfikacji formatu pliku do znalezienia czcionek.

Alternatywnie, nazwy czcionek powinny być widoczne na wyjściu narzędzia strings znajdującego się w systemach Linux/Unix.

5
5
5
2012-07-18 02:56:44 +0000

W rzeczywistości jest to bardzo łatwe do zrobienia przy użyciu skryptów PS, które mogą iterować po warstwach PSD i wyciągać dane z warstw tekstowych.

Eksperymentowałem ostatnio ze skryptem opartym na JavaScript do nakładania informacji o czcionkach bezpośrednio na kompoty, które są dostarczane do deweloperów. Nie jest on jeszcze skończony, ale jeśli jest zainteresowanie (widzę, że jest to dość stary temat), to mogę opublikować szybką i brudną wersję, która po prostu wyskakuje w oknie z użytymi czcionkami.

UPDATE: Stworzyłem zgrubną, ale działającą wersję “lite” skryptu, który rozwijam. Zapraszam do współtworzenia - https://github.com/davidklaw/completer . Dla tych, którzy nie są zaznajomieni ze skryptami, po prostu weź plik skryptu i umieść go w folderze PS Presets/Scripts, a będzie on dostępny pod Plik -> Skrypty.

4
4
4
2014-10-14 04:50:44 +0000

Szybki i łatwy sposób na znalezienie brakujących czcionek

  1. Windows - znak Małe pole znaku zostanie wyświetlone z informacjami o czcionkach.

  2. Wybierz nazwę czcionki z listy rozwijanej i przewiń w dół do końca.

  3. Zauważysz listę brakujących czcionek w jasnoszarym kolorze na końcu listy czcionek.

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

3
3
3
2011-01-25 23:25:48 +0000

Jeśli tekst został już zrasteryzowany, łatwym sposobem jest wykadrowanie obszaru z krojem pisma, który chcesz zidentyfikować, zapisanie go jako .png i przesłanie na WhatTheFont , gdzie powinien być w stanie powiedzieć, co to jest, chyba że jest to niejasne lub na zamówienie. Identifont to kolejna strona, na której możesz opisać cechy charakterystyczne kroju pisma.

1
1
1
2019-10-17 20:58:11 +0000

Opierając się na oryginalnej odpowiedzi Davida (DetectFonts.jsx), zmodyfikowałem skrypt, aby naprawić problem zgłoszony przez Drew w komentarzach: Znajdź wszystkie czcionki użyte w pliku Photoshop ](https://superuser.com/questions/268785/find-all-the-fonts-used-in-a-photoshop-file/907818#comment2057721_907818).

Postępuj zgodnie z oryginalnymi instrukcjami, ale użyj tego ciała skryptu zamiast niego - jedyną różnicą jest kilka sprawdzeń null (przypuszczalnie albo różnica w wersji Photoshopa, albo coś związanego z brakującymi danymi na temat określonych typów obiektów, prawdopodobnie specyficznych dla projektanta lub systemu operacyjnego)

Złożę również prośbę o pociągnięcie do 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.');
}
1
1
1
2011-04-09 23:02:10 +0000

Zrobiłbym zdjęcie tekstu, którego potrzebujesz (najlepiej w powiększeniu) i użyłbym WhatTheFont aby zgadnąć. (Czy krój czcionki nie powinien być widoczny po otwarciu PSD i zaznaczeniu odpowiedniego tekstu)?

I oczywiście, jeśli nie jest to czcionka web-safe, będziesz musiał znaleźć odpowiedni sposób na jej zastąpienie, lub zapewnić stos awaryjny.

1
1
1
2015-01-08 20:26:37 +0000

Użyj Creative Cloud Extract

Spowoduje to wyświetlenie listy wszystkich użytych czcionek (między innymi).

0
0
0
2011-05-21 07:50:50 +0000

Otwórz Photoshopa. Przejdź do Windows “ Character. Pojawi się małe okienko. Zaznacz warstwę tekstową, a okienko podpowie Ci rodzinę czcionek, rozmiar i tak dalej.

0
0
0
2014-05-06 07:22:17 +0000

Istnieje darmowe rozszerzenie/panel Photoshopa, które może wykonać tę pracę za Ciebie, Free Photoshop Font Detector http://www.layerhero.com/photoshop-font-detector/ ), a jeśli chcesz zbierać/kopiować pliki czcionek z folderu systemowego, spróbuj Photoshop Art Packer http://www.layerhero.com/photoshop-art-packer/ )

0
0
0
2019-03-11 01:26:50 +0000

Chciałem poznać czcionki dokumentowe wraz z ich stylami, rozmiarami, kolorami, formatowaniem itp. dla celów tworzenia stron internetowych i CSS, więc oto co wymyśliłem:

  1. Kliknij ikonę “T” w panelu Layers (Warstwy), aby filtrować/przeglądać tylko warstwy tekstowe
  2. Shift + kliknięcie lewym przyciskiem myszy najwyższej warstwy tekstowej w palecie Warstwy
  3. Przewiń paletę warstw do samego dołu i kliknij Shiftem + lewym przyciskiem myszy dolną warstwę tekstową
  4. Kliknij prawym przyciskiem myszy na wybrane warstwy w palecie Warstwy i wybierz opcję “Duplikuj warstwy”
  5. W sekcji Dokument docelowy wybierz opcję Nowy
  6. Przejdź do swojego nowego dokumentu, który powinien zawierać wszystkie warstwy tekstowe
  7. Zaznacz ponownie wszystkie warstwy tekstu (patrz krok #2 i #3)
  8. Kliknij ikonę folderu na dole palety Layers (Warstwy), aby wszystkie warstwy tekstowe utworzyły jedną grupę
  9. Zmień tryb mieszania grupy (rozwijana lista w palecie warstw) na “Normalny”
  10. Kliknij prawym przyciskiem myszy na swoją nową grupę
  11. Wybierz “Kopiuj CSS”
  12. Wklej do dokumentu i sformatuj swoją listę stylów według potrzeb!
0
0
0
2013-09-26 04:39:43 +0000

Użyj narzędzia online, aby uzyskać czcionki z pliku psd http://psdfonts.com/

0
0
0
2014-09-27 05:04:39 +0000

W zakładce Warstwy jest opcja, która pozwala filtrować wszystkie warstwy, aby pokazać tylko czcionki. Musisz wybrać każdą warstwę, aby faktycznie je zobaczyć i jest to przydatne tylko wtedy, gdy potrzebujesz szybkiego spojrzenia na nie

Mam nadzieję, że to pomoże komuś trzy lata po tym, jak to zostało zadane.

0
0
0
2013-11-17 13:46:06 +0000

Programista zapytał mnie o prawie to samo, czego Ty potrzebowałeś. Wymyśliłem edycję prostego skryptu, aby wyeksportować właściwości warstwy (tekst, nazwa czcionki, rozmiar czcionki, kolor czcionki), które są potrzebne podczas tworzenia, do pojedynczego pliku txt (powinien działać na maszynie Windows).

Wystarczy zapisać to jako “ExportTexts.js” i umieścić w Adobe Photoshop > Presets > Scripts.

Po tym, uruchom (lub zrestartuj) Photoshopa i uruchom skrypt (Plik -> Skrypty -> ExportTexts). Upewnij się również, że przed wykonaniem skryptu odłączyłeś wszystkie warstwy. Wyeksportowany plik powinien znajdować się w tym samym katalogu co plik 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
-1
-1
-1
2016-05-09 10:58:33 +0000

Aby uzyskać informacje o czcionkach z pliku PSD, możesz użyć narzędzi online, jeśli nie możesz lub nie chcesz używać Photoshopa (lub jeśli wolisz używać Gimpa, który rasteryzuje czcionki PSD).

Na przykład możesz wypróbować ten html5 PSD font online extractor “Get PSD Fonts”.

Jest to ekstraktor informacji o czcionkach PSD oparty na Melitingice Github projekt psd.js który nie wymaga wgrywania plików, działa lokalnie w przeglądarce.