ブラウザで PSD ファイルを編集する方法

.psd は Photoshop のネイティブ形式であり、実質的には一種のコンテナです。レイヤー、マスク、テキストオブジェクト、調整レイヤー、ブレンド設定がそれぞれ独立したまま格納されています。EditItAll の写真編集ツールは PNG、JPG、WebP といった標準的なフラット画像を扱うため、この階層構造のコンテナをそのまま開くことはできません。

対処法はシンプルです。まず PSD をフラットな PNG に変換し、その PNG を編集します。この過程で個々のレイヤーは失われますが（詳しくは後述します）、日常的な編集のほとんど、たとえば送られてきたモックアップの色味を少し調整したり、テキストを一行追加したり、Web 用に書き出したりする場合には、まさにこれで十分です。

すべてはふたつの簡単な手順で完結し、どちらもお使いのデバイス上だけで実行されます。

1. PSD から PNG への変換ツールを開き、.psd をドロップします。これにより、すべてのレイヤーを表示した状態の統合結果がひとつの PNG として書き出されます（より小さいファイルにしたい場合は JPG を選ぶこともできます）。
2. その PNG を写真編集ツールに取り込み、作業を続けます。新しいレイヤーの追加、テキストツールでのキャプションやタイトルの入力、レベルやカーブの調整、コピースタンプによるレタッチ、フィルターの適用を行い、最後に PNG または JPG として書き出します。

どちらのツールもブラウザ内で動作するため、デザインがデバイスの外に出ることはありません。ページが読み込まれた後は、オフラインでも作業できます。

ここでのトレードオフははっきりさせておく価値があります。PNG に変換すると統合された画像が生成されます。元のレイヤーはすべてひとつに統合され、個別のテキスト、マスク、調整レイヤーも焼き込まれます。後からその PNG の中の特定のレイヤーだけを取り出すことはできず、編集可能だったテキストもピクセルになります。

写真編集ツールでは、そこに新しいレイヤーやテキストを追加し、非破壊的に作業を続けることができますが、PSD 本来のレイヤー構造は失われています。元のレイヤーを本当に編集可能な状態で保持する必要がある場合、それが唯一 Photoshop 自体を必要とする作業です。Photoshop の代替ツールに関するガイドで、ブラウザエディターが適している場面とそうでない場面を解説しています。

この、統合してから編集するという方法は、PSD を渡されて仕上がりの結果だけが必要なときに最適です。たとえば適切なサイズで書き出すソーシャルバナー、クライアントのモックアップの一行だけ変更したテキスト、共有用の画像として保存するチラシなどです。無料で、透かしもなく、何もアップロードされないため、機密性の高いデザインでもお使いのマシンにとどまります。

唯一この方法が向かないのは、レイヤー構造を持つ元のファイル自体が成果物であり、完全に編集可能な状態を保つ必要がある場合です。その場合は元のアプリケーションが必要です。それ以外のケースでは、PSD から PNG への変換ツールで変換し、写真編集ツールで仕上げれば十分です。