Photoshopでデザインした際、ヘッダーやフッター等の共通ファイルを相対パスでリンクする方法です。

まずはじめに

ファイルをリンクする場合、ドラッグ＆ドロップか「メニュー > リンクを配置...」を使用している場合があるかと思います。
この際、Photoshop内ではパスは絶対パスとなってしまい、
自分のローカル環境以外では以下のような警告が出てしまいます。

※伏せてて分からないですが、社内共有のディレクトリを参照したパスになっている状態です

警告が出ても、「リンクを再設定」することでその場はしのげますが
この現象はパスが変わる度に発生し、
バージョン管理などでファイルを社内共有していたり、何度も直面していると大変しんどくなります。

解決方法

そこで、絶対パスから相対パスに変更するために、Photoshopの「パッケージ」機能を利用します。
以下は、既にリンク済みのファイルをパッケージ機能を使い相対パスに変更する方法です。

ファイルを開き、リンクを再設定する

まず、社内共有のパスを自分のローカルのパスになるようリンクを再設定します。

レイヤー上のエラー表示が消えていることも確認

↓

パッケージを実行

メニュー：ファイル > パッケージ

「サポートされてないカラースペースを…」というエラーが出た場合
稀にこんなエラーがでます。
その場合は、PSDを一度保存し閉じてから、再度開きましょう。

保存します

保存先を指定し、保存します。

保存すると、『「PSDファイル名」＋フォルダー』というディレクトリが出来上がります。
リンクしていたファイルは「Links」内に格納されます。

ディレクトリ内を整理します

パッケージを１つ作る度に、『「PSDファイル名」＋フォルダー』というディレクトリが増えていくので、サイト制作時、下層ページが増えるごとに煩雑になるので整理します。
まず、データを管理したいディレクトリ階層にPSDを移動します。

上書きします

データを移動すると以下の様なエラーが出ますが思い切って置き換えます。

※心配な方はバックアップを取ったりバージョン管理を利用しましょう

Linksディレクトリを移動します

ページごとのPSDと同階層にLinksが配置されるよう移動します。

データを確認する

データを開いて問題ないことを確認します

『メニュー：ウィンドウ > 属性』から、Linksにリンクされていることを確認します。

他のデータもパッケージ化する

他のデータも同じようにパッケージ化したら、同階層に格納していきます。
パッケージ化の度に同じ「Links」ディレクトリが生成されますが、
これは１箇所にまとめることができるので、
どんどん「Links」に格納することでまとめることが出来ます。

以上で終わりです