>

【Photoshop】作業履歴を保存するのに画像アセットはいいぞとてもいいぞ


 アートボード機能やデザインプレビューなどは今のところ使っていないのですが、「画像アセット」がとても便利だったのでメモします。この記事で紹介している履歴作成以外には、「軽めのカットを一つのファイルで複数種類描いて、アセット生成で一気に書き出す」などの用途に使っています。

書き出し準備(新しいバージョン)

[環境設定→プラグイン]の[ジェネレーターを有効にする]にチェック。

[ファイル]メニューの[自動処理]→[ジェネレータープラグイン]→[画像アセット]を選択。

古いバージョンよりも一層深いメニューにある。少し面倒になっている

書き出し準備(古いバージョン)

 「画像アセット」は、[環境設定→プラグイン]の[Generatorを有効にする]にチェックを入れて、[ファイル]メニューの[生成→画像アセット]にチェックを入れて使用します。

「画像アセット」使用準備

1.書き出す

 画像として書き出したいレイヤーまたはレイヤーグループを、拡張子をつけた名称にしてpsdファイルを保存すると、psdファイルと同階層に「(psdファイル名)-assets」というフォルダができ、そこに画像が書きだされます。

 [画像アセット]のチェックは、psdを別名保存するたびにリセットされます。

psdファイルと同階層にアセットフォルダが保存される

 psdファイルの履歴を残すように使うには、一番上にレイヤーグループ「●●●.png」※(作例では20160529.png)を作成し、他のレイヤーはそのレイヤーグループに格納して管理します。

一番上に書き出し用のレイヤーグループを作り、他のレイヤーは全てこのグループに格納して管理
一番上に書き出し用のレイヤーグループを作り、他のレイヤーは全てこのグループに格納して管理

※レイヤー名に「+」のみのものがあると、エラーが出て書き出せない(「+」は画像アセットでの区切り文字のため、画像アセット使用時にはそれ単体でレイヤー名に使えない)。

2.ファイル、フォルダの管理

 無事にファイルを書き出すことができました。通常では、同じ階層に「(psdファイル名)-asset」というフォルダが作られ、そこに書きだした画像が保存されています。

 書き出される画像は、psdを保存するたびに上書きされます。レイヤー名を変更しても、別ファイルとして書き出されないことに注意が必要です。

 例えば、レイヤー名を「20160529.png」として書きだしたのを「20160529-v2.png」に変更しても、アセット用フォルダには「20160529-v2.png」しか残りません。もともとあった「20160529.png」は削除されます。

レイヤー名を変えても、書き出すファイルは、psdを保存するたびに上書きされる
レイヤー名を変えても、書き出すファイルは、psdを保存するたびに上書きされる

 なので、履歴としてきちんと残しておくには、1.「●●●●●-v2.psd」のように、psdを別名保存してバージョニングする(psdファイルごとにフォルダが作られるため、アセットフォルダ自体を履歴にできる)、2.書きだした画像をアセットフォルダから移動しておく(リネームの必要がある)などの手段が必要です。
 今回私は2.の「書きだした画像をアセットフォルダから移動しておく(リネームの必要がある)」の方を使用しました。CS時代より簡単になったとはいえ、これでもちょっと面倒だったので、方法は再考の余地がありそうです。

残しておいた履歴
実際の作業時に書きだしたファイルたち

 書きだしたファイルを使って、「並べてイラストができるまでの過程を一覧する」「完成までのGIFアニメを作る」「線画レイヤーを画像アセットで書き出して塗り絵用にする」などが考えられます。
 CS6まではpsdと一緒にjpgかpngを保存するスクリプトを使って履歴となるファイルを作っていたので、標準機能で対応できるようになって「いい時代になった…」と感動しています。

使用例:完成までのGIFアニメ
使用例:完成までのGIFアニメ

【余談】書きだしたファイルを使って過程のGIFアニメを作るには、[ファイル]メニューの[スクリプト→ファイルをレイヤーとして読み込み]を使うと楽です。

3.画像アセットについてのアレコレ

Photoshop ヘルプ / レイヤーからの画像アセットの生成:Adobeの公式ヘルプ。書き出し方法と、区切り文字など、レイヤー名の命名規則が記載されています。

ベテランほど知らずに損してるPhotoshopの新常識(4)まだスライスで消耗してるの?「画像アセットの生成」でスライス不要のサクサク切り出し:AdobeサイトのPhotoshopに関する連載記事です。ヘルプの内容に加え、作業の効率化、フォルダ管理についても掘り下げられています。

モデル

               

広告

コメントする

★マークのある項目が必須項目です。メールアドレスは公開されません。

CAPTCHA


内容を確認して、送信してください(プレビューはされません)。コメント内では<strong>、<code>、<em>のタグが使えます。

こちらもいかが

新しい投稿

YNM

過去の投稿

TMNG(たまねぎ)