ベテランほど知らずに損してるPhotoshopの新常識（6）繰り返し作業には欠かせないアクション、ドロップレットや条件分岐、一時停止機能でさらに効率アップ

連載

ベテランほど知らずに損してるPhotoshopの新常識

今回取り上げるのはアクション。Photoshopでの操作をビデオカメラで“録画”するように記録し、それを“再生”するように実行できる機能です。古くからある機能ですので「もちろん、使ってるよ！」という方が多いと思いますが、意外に奥深いんです！

次のチェックリストに「？」が浮かんだ方は、ぜひ、ご一読ください。

__
Photoshop体験版
ダウンロード

__
サンプルファイルを
ダウンロード

アクションの基本

まずは、アクションの基本から押さえておきましょう。

アクションを作成する

一例として「幅240ピクセルにリサイズして、“Web用に保存”を使ってJPEG（80%）で書き出す」というアクションを記録してみます。

  1. 事前に適用したいファイルを開いておく
    https://blog.adobe.com/media_96df050cf5eca4f986a992360dcb32fcbe89a040.gif
  2. ［アクション］パネルを表示し、パネル下部のフォルダーアイコンをクリックして新規セットを作成する
    https://blog.adobe.com/media_6a387197641997ae399e6a19f3113adbf018ad0a.gif
  3. ［アクション］パネル下部の“紙がめくれたアイコン”をクリックする
    https://blog.adobe.com/media_e68d601ab42543b2b1c34291c89799733523e1d5.gif
  4. ［新規アクション］ダイアログボックスが開く（ここに後述する［カラー］設定があることを覚えておきましょう）ので、アクション名を設定し、［記録］ボタンをクリックする
    https://blog.adobe.com/media_b1241634840efb4a7064cdd90900977a8e438bd6.gif
  5. ［画像解像度］ダイアログボックスで幅240ピクセルに設定する
    https://blog.adobe.com/media_4eaf2219bb7711decaba6bf3b4efffccfc51cac8.gif
  6. ［Web用に保存］で「JPEG、80%、書き出し先はデスクトップ」で書き出す
    https://blog.adobe.com/media_2ee2b1b2bd8f8dea6cb99531a1de44d6a201505f.gif
  7. ［保存しない］をクリックしてファイルを閉じる
    https://blog.adobe.com/media_f0abc2270f251158f25235efbba8d08a401d36bb.gif
  8. ［■］（記録を中止）ボタンをクリックする
    https://blog.adobe.com/media_5ca7c48caef7056768a1cf4110e1535ea3202db3.gif

これでアクションの記録が終了です。

アクションを実行する（1）

アクションを実行するには、いくつかの方法があります。
まずは、記録と同様、事前に適用したいファイルを開いておいてから実行する方法です。

ここまでご紹介した［A］、［B］、［C］の方法はどれも、Photoshopで開いているドキュメントを対象に実行します。

このほか、開いていないファイルに対して実行する「バッチ」と「ドロップレット」を引き続き、紹介します。

アクションを実行する（2）バッチ

指定したフォルダー内のすべてのファイルを対象にアクションを実行するのが「バッチ」です。［A］、［B］、［C］と異なり、事前にファイルを開いておく必要がありません。

バッチを実行するには、次の手順で操作します。

  1. ［ファイル］メニューの［自動処理］→［バッチ］をクリックする
    https://blog.adobe.com/media_bd26a9f40b404325e1769d70e57fa7b0abdbf1da.gif
  2. ［バッチ］ダイアログボックスが開くので、実行したいアクションを［実行］セクションから選択する（［アクション］パネルで選択しているものが選ばれる）
  3. ［ソース］セクションの［選択］ボタンをクリックして、アクション実行したいファイルが入っているフォルダーを選択する
    https://blog.adobe.com/media_534bd57f4a1b7ebe30d3b9d39199acf9b407afab.gif
  4. ［OK］ボタンをクリックする

バッチ処理が開始され、アクションが高速に実行されます。

バッチの使いこなしポイント（1）

［サブフォルダーをすべて含める］オプションをオフにすると、サブフォルダー（指定したフォルダー内のフォルダー）内のファイルを無視します。

https://blog.adobe.com/media_a0d8dd1e639123e03d9e1b9ccd2a318c46dae70a.gif

実行したくないファイルがフォルダー内にある場合には、サブフォルダーに待避させておくこととよいでしょう。

バッチの使いこなしポイント（2）

［バッチ］ダイアログボックスの［実行後］に「保存して閉じる」（または「フォルダー」）を選択すると、ファイル名のネーミングルールを設定することができます。

https://blog.adobe.com/media_e1bd603109f18be9eb85a4cd952fa13e922661b8.gif

ただし、サンプルとして設定したアクションのように［Web用に保存］コマンドのような保存する操作を含むアクションには向いていません。

アクションを実行する（3）ドロップレット

「ドロップレット」はアクションをアプリケーション化したものです。ドロップレットを使えば、選択したファイルをドラッグ&ドロップで実行できます。

Photoshopが起動していないときには、Photoshopは自動的に起動します。言い換えれば、ドロップレットはPhotoshop外からアクションを実行できます。

ドロップレットの作成手順

まずはドロップレットを作成します。

  1. ［ファイル］メニューの［自動処理］→［ドロップレットを作成］をクリックする
    https://blog.adobe.com/media_f78c669bcb022665f07b2df86dc3c6baa9514836.gif
  2. ［ドロップレットを作成］ダイアログボックスを開くので、実行したいアクションを［実行］セクションから選択する（［アクション］パネルで選択しているものが選ばれる）
    https://blog.adobe.com/media_446a6448cd62ba45c387587e5d9a4ecd31f09aa1.gif
  3. ［ドロップレットを保存］セクションの［選択］ボタンをクリックして、作成したいドロップレット名と、その保存先を指定する
    https://blog.adobe.com/media_fb9933e41765eb5b862cd1e200951903fd686712.gif
  4. ［OK］ボタンをクリックすると、ドロップレットが作成される
    https://blog.adobe.com/media_0ec69d11467c5d658e7d5ba35d0d672dc9b4f045.gif

Finder（デスクトップ）でファイルを選択し、ドロップレットにドラッグ&ドロップすると、アクションが実行されます。
なお、作成したドロップレットは、好きな場所に移動することができます。

ドロップレットの使いこなしポイント

Macの方は、Finderウィンドウのツールバーにドロップレットを登録しておくとよいでしょう。Finderでファイルを選択し、そのままドラッグ&ドロップできるのでスムースです。

https://blog.adobe.com/media_d09e80f768589e74c1160b4959082ee5497561a6.gif

ポートレート／ランドスケープを区別してアクションを実行する

写真には、ポートレート（縦置き）／ランドスケープ（横置き）があります。今回のように「幅240ピクセルにする」アクションを実行する場合、ランドスケープの写真には、高さ240ピクセルにしないと大きさのバランスが取れません。

https://blog.adobe.com/media_be30a311a0baca71906078a6eebc3ce9bdfc16df.gif

2つのアクションを作成しておいたとしても、どの写真がポートレートなのか、一つひとつ調べながら実行するのは面倒。そして、面倒なことにはミスがつきものです。

そこで、2つの方法をご紹介します。

Bridgeのフィルターを使う

Bridgeでフォルダーを開くと、左側の［フィルター］欄に［画像方向］というセクションが見えます。その中の「ポートレート」（や「ライドスケープ」、「正方形」）をクリックすることで、絞り込み（フィルター）を行うことができます。

https://blog.adobe.com/media_43cfdbbf0055beb34968077843e6d768aa7d9bb3.gif

絞り込んだら、アクションを実行したい画像を選択し、［ツール］メニューの［Photoshop］→［バッチ］をクリックして、［バッチ］ダイアログボックスでアクションを指定します。

https://blog.adobe.com/media_8772cdbd4535963b6635f94a4ede4071a9b92a94.gif

［バッチ］ダイアログボックスの［ソース］には「Bridge」と表示されます。

https://blog.adobe.com/media_804e05dcd555be7e1679271ab1d25c2eaf2b04f7.gif

条件付きアクション

Photoshop CC以降についた「条件付きアクション」を使うと、ポートレート（縦置き）／ランドスケープ（横置き）をクレバーに判断してくれます。

まず、次の手順で「条件付きアクション」を作成します。

  1. アクションを2つ作成しておく（「高さ240ピクセルにする」アクションを追加）
    https://blog.adobe.com/media_9d5c0c7832b2677988a8a4489822b03e1b22ee65.gif
  2. 3つ目のアクションを作成し、［記録］ボタンをクリックする
    https://blog.adobe.com/media_81a8d4ce6fa4d77fc5fb6e321eff3ed4e7a76559.gif
  3. すぐに［アクション］パネルメニューから［条件の挿入］をクリックする
    https://blog.adobe.com/media_10af698672b4e8d2d5aa97848ea698515d329085.gif
  4. ［条件付きアクション］ダイアログボックスが開く。［現在］に「ドキュメントは横方向です」が選択されているので、［該当する場合のアクションの実行］に「高さ240ピクセルにする」アクション、［該当しない場合のアクションの実行］に「幅240ピクセルにする」アクションをポップアップメニューから選択する
    https://blog.adobe.com/media_c66afa9c7eab3559d417a0630e4912f4d2663a69.gif
  5. ［OK］ボタンをクリックしてダイアログボックスを閉じる

これで「ドキュメントが横置き（=ランドスケープ）だったら「高さ240ピクセル、JPEG80で保存」アクションを実行、横置きでない場合（縦置き=ポートレート）には「幅240ピクセル、JPEG80で保存」アクションを実行する」というアクションを作成することができました。

https://blog.adobe.com/media_3f3a89b870349c9665fee03c777b2394f45a8882.gif

アクションの実行は、［A］から［E］のいずれの方法でもOKです。なお、条件付きアクションには、次のような条件を設定することができます。

https://blog.adobe.com/media_291c0f0a7909bd1ff0405416d3420e20ca70edde.gif

モードコントロール（途中に個別の操作を加える）

ここまでアクションについてまとめてきましたが、なかには「ひとつひとつ丁寧に手を加えたいので、自分のワークフローにはアクションはハマらない」と思っている方もいるでしょう。

まとめてファイルを開いておき、キーボードショートカットを使いながら進めていく方法もありますが、ファイルを同時に開くのはメモリを喰います。

そこで、アクションの途中に手を加える方法（モードコントロール）をご紹介します。今回は、正方形で切り抜きを実行し、JPEG80%で書き出すアクションを作成します。

まずは、通常どおり、アクションを作成します。

  1. 事前に適用したいファイルを開いておく
  2. 新規アクションを作成し、記録をスタートする
    https://blog.adobe.com/media_739915d95645cd7ba454fdebcbfdc8e87af13eaa.gif
  3. ［切り抜きツール］を選択し、オプションバーで「1:1（正方形）」を選択する
    https://blog.adobe.com/media_3d6b2a8b2f3f56716c64bcdb8d9c483468f07155.gif
  4. 切り抜き範囲を調整し、Enterキーを押して適用
    https://blog.adobe.com/media_233d65deaf8e68b61fe1c31bfc33cad20506adc3.gif
  5. ［画像解像度］ダイアログボックスで幅300ピクセルに設定する
  6. Web用に保存：JPEG、80%、書き出し先はデスクトップ
  7. 保存せずにファイルを閉じる

［アクション］パネルを確認すると、「切り抜き」「画像解像度」「書き出し」「閉じる」の4項目が表示されています。「切り抜き」の左側の空白部分（ダイアログボックスの表示）をクリックしてアイコンを表示させます。
https://blog.adobe.com/media_96ade7f784e9c22bb2c4afe1b5d49c13374bc8ad.gif

ファイルを開いて、このアクションを実行してみましょう。すると、切り抜きの手順で、切り抜き範囲が表示されたままアクションが“一時停止”します。切り抜き範囲を調整し、Enterキーを押すとアクションが再開し、残りの「画像解像度」「書き出し」「閉じる」が実行されます。

このように、アクションにモードコントロール（「ダイアログボックスの表示」オプション）を加えることで、ファイルごとに調整を行いながらアクションを実行することができるのです。

追加情報

新しい「クイック書き出し」

Photoshop CC 2015では、［ファイル］メニューにあった［Web用に保存］が、［ファイル］メニューの［書き出し］に移動し、［Web用に保存（従来）］という名称に変更されました。

「Web用に保存」がPhotoshopに加わったのは、1999年のPhotoshop 5.5。15年近く前とのことで、Photoshop CC 2015では、アルゴリズムなどが一新された新しい書き出し方法［PNGとしてクイック書き出し］（JPEGを選択することも可能）が加わっています。

https://blog.adobe.com/media_190fbf1d5ea2769f3cc1bbac0baa4ae1837d617d.gif

“クイック”という名称から簡易的なニュアンスを感じるかもしれませんが、画質を保持したまま、驚くほど軽く書き出せます。

しかしながら、このクイック書き出し、現時点ではアクションに含めることはできません（キーボードショートカットは割り当て可能）。

クイック書き出しに限らず、登録できないアクションは、次の手順で登録できます。

    1. ［アクション］パネルの［メニュー項目を挿入］をクリックする
    2. ［メニュー項目を挿入］ダイアログボックスが開く
      https://blog.adobe.com/media_69e8ebde82169f4afb166ba2d39d06e0a24687fe.gif
    3. メニューバーから登録したいコマンドをクリックする

自分のアクション（セット）を使い回す

作成したアクションは、セット単位で書き出し/読み込みが可能。これはご存じの方が多いと思います。この記事で作成したアクションのセット（veteran5.atn）はサンプルファイルとしてダウンロードできますので、［アクション］パネルメニューの［アクションを読み込み］で読み込んでみてください。

さらに一歩、踏み込んだ使い方をご紹介します。

［アクション］パネルメニュー下部には「コマンド」から「ビデオアクション」まで、セット名をクリックすることで読み出すことできます。

https://blog.adobe.com/media_869854577c2953c9babc8758abc59e4a87d150cd.gif

これらは「/Applications/Adobe Photoshop CC 2015/Presets/Actions/」内に「Production.atn」のように「.atn」の拡張子で保存されたものが読み出されます（atn=AcTioN）。

https://blog.adobe.com/media_b8d811e61550092c6226237a744bb281ee85a5e7.gif

自分で作ったアクションのセットは「/Users/（ユーザー名）/Library/Application Support/Adobe/Adobe Photoshop CC 2015/Presets/Actions」においておくとよいでしょう。第3回でご紹介したシンボリックリンクを使えば、原本を好きな場所においておくことも可能です。

https://blog.adobe.com/media_bbb0793970d84f5c6dd651c15c77e1d2f4ed6139.gif

Photoshopを再起動すると、［アクション］パネルメニューの下部に、「/Users/（ユーザー名）/Library/Application Support/Adobe/Adobe Photoshop CC 2015/Presets/Actions」においたアクションが表示され、クリックするだけで読み込まれます（「sw2015」は私が使っているアクションのセットです）。

https://blog.adobe.com/media_b2175a820eb61fc56a5594cdd715cb4f60046b5f.gif

海外のアクションを使う

たとえば、Soft Focus Photoshop Actionのようなステキなアクションが配布・販売されていますが、使ってみたところ、エラーばかり出て使えない！と経験がある方向けの情報です。

https://blog.adobe.com/media_ba853c7c629d37544dca0460499fb1778d23cca1.gif

英語版でPhotoshopを起動すると、「背景」レイヤーは「Background」、また、「のコピー」は「 copy」のようになりますが、このあたりのネーミングが原因で動かないのです。

https://blog.adobe.com/media_f273068be4ce181e344764a4d3d1b22c969abbcc.gif

Photoshopを英語版で起動するには、「/Applications/Adobe Photoshop CC 2015/Locales/ja_JP/Support Files/」にある「tw10428.dat」を「_tw10428.dat」のように変更してからPhotoshopを再起動します（削除しないようにご注意ください）。

https://blog.adobe.com/media_a45fdccb8e41c41fc80afb75aadcf5b81483abe7.gif

［レイヤー］パネルオプションの［コピーしたレイヤーとグループに「コピー」を追加］オプションをオフにされている方は、オンに戻しておくのもポイントです。

https://blog.adobe.com/media_67a7f1bc93213f04f09cda5a998954cf3e1a40d0.gif

日本語に戻すには、「_tw10428.dat」を「tw10428.dat」に変更してからPhotoshopを再起動します。こちらは自己責任の上、注意しながらお願いします。

まとめ

今回は書き出しにフォーカスしましたが、繰り返し作業に、ぜひ活用してみてください。

__
Photoshop体験版
ダウンロード

__
サンプルファイルを
ダウンロード