jackmiwamiwa devblog

フロントエンドをメインに行ったことをまとめていくサイトになります。

photoshop バッチ処理・レイヤーからテキストのコピースクリプトのメモ

バッチ処理

一括でpngやjpgを変更できるように

やり方

1. 「ウィンドウ → アクション」を選択

スクリーンショット 2019-09-03 14.23.44.png (87.1 kB)

アクションパネルが出る

スクリーンショット 2019-09-03 14.23.50.png (14.3 kB)

アクションの使い方については省略。

2. 画像を開いて、画像を保存する

開くファイルは適当。

画像の保存について 「書き出し → web用に保存」を選択(画像の例はjpgの場合)

スクリーンショット 2019-09-03 14.29.48.png (14.6 kB)

3. 「自動処理 → ドロップレット」を選択

スクリーンショット 2019-09-03 14.39.59.png (216.3 kB)

デスクトップに書き出したものが出ればいいと思ったので、デスクトップで設定。

スクリーンショット 2019-09-03 14.37.53.png (113.2 kB)

設定が完了するとデスクトップに以下のようなアイコンが表示される

スクリーンショット 2019-09-03 14.41.17.png (30.8 kB)

変換の様子

(変換に10秒くらいかかる・・・?)

参考

レイヤーからテキストをコピーできるスクリプト

https://www.soramane.com/sorairo/design/20181031-active-text-copy/

/Applications/Adobe Photoshop CC 2019/Presets/ScriptsactiveTextCopy.jsx を作成(activeTextCopy.jsx の部分の名前はなんでも良い)

sudo権限でないと多分編集できない。

var activelay = app.activeDocument.activeLayer;
function copyTextToClipboard(text){
    const keyTextData = app.charIDToTypeID('TxtD');
    const keyTextToClipboardStr = app.stringIDToTypeID( "textToClipboard" );
    var textStrDesc = new ActionDescriptor();
    textStrDesc.putString( keyTextData, text );
    executeAction( keyTextToClipboardStr, textStrDesc, DialogModes.NO );
}

if( activelay.kind == LayerKind.TEXT ) {
    var selectContents = activelay.textItem.contents;
    copyTextToClipboard(selectContents);
} else {
    alert('選択したレイヤーはテキストレイヤーではないようです');
}

以下から使うことができる

スクリーンショット 2019-09-03 15.20.28.png (292.8 kB)

メモ(キーボードショートカットの設定方法)

「編集 → キーボードショートカット」へ行く

スクリーンショット 2019-09-03 15.21.17.png (205.3 kB)

以下のようなウィンドウが出てきたら該当箇所を探してショートカットを登録する。(上のメニューと同じ並びなので、探す場合、それを参考)

スクリーンショット 2019-09-03 15.22.42.png (103.9 kB)