読者です 読者をやめる 読者になる 読者になる

リハビリエンジニア

エンジニアリングのリハビリ中

PSDからフォントファミリーを抽出する

デザイナーからいただく.psdファイルにGoogleフォントが含まれていれば、 Google Fontsにおもむき、埋め込みコードを用意する必要があります。 その際いちいち使用しているテキストレイヤーの情報をみていてはとても時間がかかります。

github.com

githubからダウンロードしてきた.jsxファイルを、 Adobe Photoshop CC 2017 > Presets > Scripts に配置すれば、 Photoshopの「ファイル > スクリプト」から利用できます。

f:id:umadash:20170225230439p:plain

以下の記事も同じことをやってはいるんですが、 僕のPhotoShopのバージョンだと動かなかったので、 僕はこちらを使わせていただいています。

PhotoshopでWebデザインを効率化するための便利な使い方 | 株式会社LIG | PSD からテキスト情報を抽出するスクリプト (フェンリル | デベロッパーズブログ)