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

Photoshopファイルで使用されているすべてのフォントを検索

私はこの.psd(Photoshopファイル)を持っていて、それをHTML&CSSに変換しようとしています。

.psd

0x6&(Photoshopファイル)で使われていたフォントがわからないのですが、どうやって調べればいいのでしょうか?

回答 (16)

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

情報をどのように抽出したいかによります。

セクションまたはテキストエリアごと

テキストツール(Tアイコンのセリフ付き)を選択し、テキストエリアをクリックして編集します。文字ウィンドウで使用しているフォントが表示されます。

使用されているすべてのフォントが一目でわかる

1.画像ドキュメントをPDFとして保存またはエクスポートする 2. Adobe Reader で PDF 版を開く 3. ファイル」→「プロパティ」→「フォント」を選択

これで、PSDファイル内で使用されているすべての埋め込み可能なフォントが一覧表示されます。

見つからないフォント

文字ツールで、フォント選択のドロップダウンに移動します。リストの最後には、画像で使用されているがシステムに存在しないフォントが表示されます。通常、これらのフォントはグレーアウトされています。

ラスタライズされた画像

フォント面が必要なラスタライズされた画像がある場合は、その部分だけを明確な独立した画像としてエクスポートし、What the Font のようなサービスを使用してフォントを決定することをお勧めします。

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

このスクリプトを新しいファイルとしてPhotoshopの「Presets」フォルダに保存してください。例えば、"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

PSDファイルフォーマットはAdobe社のドキュメント - フォント情報をどのように保存しているかを読むことができます。

ファイルの16進ダンプを調べて、ファイルフォーマットの仕様を使ってフォントを見つけることができます。

あるいは、Linux/Unixシステムにあるstringsユーティリティの出力にフォント名が表示されているはずです。

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

これはPSDのレイヤーを反復処理してテキストレイヤーのデータを引っ張ってくるPSスクリプトを使えば、実際には非常に簡単にできます。

私は最近、JavaScriptベースのスクリプトを使って、開発者に配信されるコンプに直接フォント情報をオーバーレイする実験をしています。まだ完成していませんが、もしまだ興味があれば(これはかなり古いものだと思いますが)、ウィンドウ内で使用されているフォントを単純にポップアップ表示するだけの簡単なバージョンを作ることができます。

UPDATE:私が開発中のスクリプトの大まかなバージョンをまとめました。遠慮なく貢献してください - https://github.com/davidklaw/completer . スクリプトに慣れていない人のために、スクリプトファイルをPS Presets/Scriptsフォルダの下に置いておいてください。

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

Quick and Easy Way To Find Missing Fonts

1.Windows -> Character 小さな文字ボックスにフォント情報が表示されます。

  1. フォント名のドロップダウンを選択し、最後までスクロールします。

  2. フォントリストの最後に薄いグレーで表示されているフォントのリストが表示されます。

From . http://www.bala-krishna.com/how-to-find-fonts-used-in-psd-file/ ](http://www.bala-krishna.com/how-to-find-fonts-used-in-psd-file/)

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

テキストが既にラスタライズされている場合、簡単な方法は、識別したい書体の領域を切り抜いて.pngとして保存し、それを WhatTheFont にアップロードすることです。 Identifont は、書体の特徴を記述するサイトです。

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

Davidさんの元の回答(DetectFonts.jsx)に基づいて、Drewさんがコメントで報告した問題を修正するためにスクリプトを修正しました。 Photoshopファイルで使用されているすべてのフォントを検索.

オリジナルの指示に従いますが、代わりにこのスクリプトを使用します - 唯一の違いは、いくつかのヌルチェック(おそらくPhotoshopのバージョンの違いか、特定のオブジェクトタイプのデータの欠落に関係する何か、デザイナーやオペレーティングシステム固有のもの)

また、 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

私は必要なテキストのスナップ写真を撮って(できれば拡大して)、WhatTheFont を使っていくつかの推測を得ると思います。(PSDを開いてそれぞれのテキストを選択したときに書体が表示されるべきではないでしょうか?)

そしてもちろん、もしそれがウェブセーフフォントでないならば、それを置き換える適切な方法を見つけるか、フォールバックスタックを提供する必要があるでしょう。

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

Creative Cloud Extract ](http://www.adobe.com/ca/creativecloud/extract.html)

使用されているすべてのフォントをリストアップしてくれます(他にも便利なものがあります)。

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

Photoshopを開きます。Windows “ Character_"に移動します。小さなボックスがポップアップします。テキストレイヤーを選択するだけで、フォントファミリーやサイズなどを教えてくれます。

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

Free Photoshop Font Detector http://www.layerhero.com/photoshop-font-detector/ )という無料のPhotoshop拡張機能/パネルがあり、システムフォルダからフォントファイルを収集/コピーしたい場合は、Photoshop Art Packer http://www.layerhero.com/photoshop-art-packer/ )を試してみてください。

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

Web開発やCSS目的でドキュメントフォントをスタイル、サイズ、色、書式などとともに知りたいと思っていたので、思いついたのはこんな感じです。

1.レイヤーパネルの「T」アイコンをクリックしてテキストレイヤーのみをフィルタリング/表示 2. レイヤーパレットの一番上のテキストレイヤーをシフト+左クリック 3. レイヤーパレットの一番下までスクロールして、一番下のテキストレイヤーを Shift + 左クリック 4. レイヤーパレットで選択したレイヤーを右クリックし、「レイヤーの複製」を選択する。コピー先のドキュメントで「新規作成」を選択 6. 6. 新しいドキュメントに移動して、すべてのテキストレイヤーが含まれているはずです 7. 7. もう一度、すべてのテキストレイヤーを選択します(ステップ2と3を参照) 8. レイヤーパレットの下にあるフォルダアイコンをクリックして、すべてのテキストレイヤーを 1 つのグループにします。グループのブレンドモード(レイヤーパレットのドロップダウン)を「通常」に変更します。新しいグループを右クリックする。CSSのコピー」を選択します。ドキュメントに貼り付けて、必要に応じてスタイルのリストをフォーマットします。

0
0
0
2013-09-26 04:39:43 +0000

psdファイル http://psdfonts.com/ のフォントを取得するためにオンラインツールを使用します。

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

レイヤータブには、すべてのレイヤーをフィルタリングしてフォントのみを表示するオプションがあります。実際にそれらを見るためには各レイヤーを選択する必要があり、

それはあなたがそれらを素早く見る必要がある場合にのみ有用であることを願っています。

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

開発者から、ほぼ同じようなことを聞かれた。開発時に必要なレイヤーのプロパティ(テキスト、フォント名、フォントサイズ、フォントカラー)を1つのtxtファイルに書き出すための簡単な編集スクリプトを思いついた(Windowsマシンでは動作するはず)。

これを「ExportTexts.js」のように保存して、「Adobe Photoshop」の「Presets」の「Scripts」に入れればOK。

その後、Photoshopを起動(または再起動)して、スクリプトを実行(File -> Scripts -> ExportTexts)。また、すべてのレイヤーがグループ化されていないことを確認してから実行してください。エクスポートされたファイルは、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

PSDファイルからフォント情報を取得するには、Photoshopを使用できない場合や使用しない場合は、オンラインツールを使用することができます(または、PSDフォントをラスタライズするGimpを使用することを好む場合)。

例えば、このhtml5 PSDフォントオンライン抽出ツール “Get PSD Fonts "を試すことができます。

これは Melitingice Github project psd.js をベースにしたPSDフォント情報抽出ツールで、ファイルをアップロードする必要がなく、ブラウザのページでローカルに動作します。