PSD ファイルを Photoshop なしで開いて、編集して保存

デザイナーから届いた .psd の文字を少し直したい、色をひとつ変えたい。でもパソコンに Photoshop が入っていない。そんなときに使えるエディターです。レイヤー・マスク・色調補正レイヤーを保ったまま PSD を開いて直し、PSD で保存し直すか、PNG や JPG に書き出せます。すべてブラウザの中で動くので、ファイルはどこにも送られません。

PSD ファイルを開いて直す手順

1
PSD ファイルを開く
PSD や PSB のファイルを画面にドロップするか、「ファイルを開く」を押します。写真も開けます。白紙のカンバスから始めるときは「新規文書」を押します。
2
レイヤーを直す
右側の「レイヤー」パネルで直したいレイヤーを選びます。メニューとショートカットは Photoshop に合わせているので、Ctrl+J でレイヤーを複製、Ctrl+T で大きさを変更、Ctrl+M で「トーンカーブ」を開けます。
3
保存する
レイヤーを残したいときは「ファイル › 名前を付けて保存」（Ctrl+Shift+S）で PSD として保存します。そのまま使える画像がほしいときは「ファイル › 書き出し」で PNG・JPG・WebP・TIFF から選びます。保存したファイルは新しくダウンロードされ、元のファイルはそのまま残ります。

できること・まだできないこと

できること

PSD や PSB を開くと、レイヤー、グループ、マスク、色調補正レイヤー、レイヤースタイル、描画モードがそのまま表示されます。ブラシ、選択ツール、切り抜き、ペンとシェイプ、文字ツール、「トーンカーブ」や「レベル補正」などの色調補正、フィルターが使え、「ヒストリー」パネルで前の状態に戻ることもできます。

PSD のほかに、JPG・PNG・WebP・GIF・TIFF・HEIC の写真と、DNG・CR2・NEF・ARW などのカメラ RAW ファイルも開けます。Photoshop のブラシ（.abr）とグラデーション（.grd）も読み込めます。

エディター本体は、オープンソースの PhotoCraft（MIT・Apache-2.0、ArtCraft チーム）をもとに、明るい画面とこのサイトとの連携を加えて作り直したものです。画面は日本語を含む12の言語で表示できます。

まだできないこと

Photoshop の機能をすべて備えているわけではありません。もとになった PhotoCraft がまだ開発の初期段階のため、複雑な PSD では一部の効果が Photoshop と少し違って見えることがあります。大事なファイルは、保存したあと開き直して確かめてください。

Web のアプリは、パソコンに入っているフォントを読み込めません。文字レイヤーに使われたフォントがエディターにない場合は似たフォントで表示され、日本語はいまのところ BIZ UDPゴシックで描きます。

とても大きな PSD はメモリを多く使うため、開く途中でブラウザのタブが止まることがあります。スマートフォンは画面が狭すぎるため対応していません。パソコンかタブレットのブラウザでお使いください。

ファイルがアップロードされない理由

エディターそのものをブラウザに読み込み、開く・直す・保存するまでをその中で行います。クライアントの案件や公開前のデザインも、端末の外に出ません。ブラウザの開発者ツールでネットワークタブを開いたまま編集すれば、ご自身で確かめられます。エディター本体は最初に一度読み込めば保存されるので、2回目からは速く開きます。