PSDからテキスト情報を抽出するPhotoshopの便利スクリプト TextExportToCSV

TextExportToCSVはPSDからテキスト情報を抽出するPhotoshopの便利スクリプトです。

コーディングの際に、Photoshopのテキスト編集ツールを使って、一つ一つテキスト情報をコピペするのは手間がかかります。TextExportToCSVを使えば、PSDファイルに含まれるテキスト情報を一括でCSVファイルに出力できます。

テキスト情報以外にも、フォントの種類、フォントサイズ、カラー情報も出力できるので、コーディングがずっと楽になります。

TextExportToCSVの使い方

Photoshopにスクリプトをセット

TextExportToCSVのサイトからファイルをダウンロードして解凍します。

cap9

「TextExportToCSV.jsx」というファイルが入っているので、このファイルをPhotoshopのスクリプトフォルダに移動します。スクリプトフォルダの場所は環境によって異なりますが、下記のような場所にあります。

Windows: C:\Program Files\Adobe\Adobe Photoshop CC 2015\Presets\Scripts
Mac: /Applications/Adobe Photoshop CC 2015/Presets/Scripts/

cap

ファイルを移動したら、Photoshopを再起動します。

使い方

今回は、下記のPSDファイルのテキスト情報を抽出してみます。

cap3

Photoshopのメニューで、「ファイル」 > 「スクリプト」にある、「TextExportToCSV」を選択します。

cap4

CSVファイルの保存場所と名前を指定すると、CSVファイルに、テキスト情報が出力されます。

「Text」の欄がテキスト情報です。「Font」の欄がフォントの種類、「Size」がフォントサイズ、「HEX」がカラー情報です。

cap6

これで、コーディングスピードが上がること、間違いなしです!

人気の記事

2017年、人気の無料WordPressテーマ100選
2017年、人気の無料WordPressテーマ100選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選

コメント

  • Posted on
  • Updated on
  • Views 3,220