吉本集の個人ブログ
Web制作の技術について書いています。たまに日記も書きます。

【Photoshop拡張機能】フォント情報を抽出する。

2013年4月5日 / category : jsx, lab

Photoshopの拡張パネル「TextExtraction」を作成しました。
テキストレイヤーからフォント情報を抽出します。

【抽出する情報】
・レイヤー名
・HTMLのコード用のテキスト
・HTMLのalt用のテキスト
・CSS用のフォント情報(font-family、font-size、color、line-height)
※font-familyはそのまま使えないかも。

【使い方】
1.TextExtractionフォルダを下記のフォルダに追加する。
windowsの場合(CS6)
→ Program Files/Adobe/Adobe Photoshop CS6 (64 Bit)/Plug-ins/Panels
macの場合(CS6)
→ Applications/Adobe Photoshop CS6/Plug-ins/Panels

2.PhotoshopCS6を起動する。
3.「ウィンドウ」→「エクステンション」→「TextExtraction」を選択、TextExtractionパネルが開く


4.テキストレイヤーを選択すると、フォント情報が取得される。


【更新情報】
・スタイルの「font-weight」「font-style」も取得できるように更新しました。(2013.05.15)
・レイヤー効果「カラーオーバーレイ」の色も取得できるように更新しました。(2013.05.15)

【Download】
http://tsudoi.org/photoshop/Plug-ins/Panels/TextExtraction.zip
【備考】
CS6での検証しかしておりません。。。検証が不十分です。使用中に不具合などがあれば、ご連絡ください。
mail : tsudoi@aru-inc.co.jp