【Photoshop】スマートオブジェクトとは？劣化を防ぎ再編集可能な便利形式

スマートオブジェクトはPhotoshop初心者がつまずきやすい機能のひとつ。
後から修正しやすくする非破壊編集の基本として、使い方を押さえておきましょう！

参考：【要注意】Photoshop初心者がやりがちなミス7選 仕事で必要な基本機能を解説

スマートオブジェクトとは？ スマートオブジェクト化のメリットを解説

スマートオブジェクトとは元データを保持したまま変形やフィルターを調整できるレイヤーのことです。

スマートオブジェクトに変換しておけば、写真などのラスター画像を縮小したり、対応するフィルターをかけたりしても元画像を保持できます。

スマートオブジェクトを使用する大きなメリットは下記の4つ

元となる画像データの情報を失わない非破壊編集というのが最大のポイントです。

スマートオブジェクトのメリットを順番に解説していきます。

画像の縮小・再拡大による劣化を防げる

スマートオブジェクト化することで、縮小・再拡大によるラスター画像の劣化を防げます。

実際にどのような差があるのかは上図をご覧ください。通常の画像は縮小を確定すると細部の情報が減りますが、スマートオブジェクトは元の情報から描画し直せます。

このように画像の変形による劣化を防げるというのがスマートオブジェクトの大きなメリットのひとつです。

ただし、元の写真より大きくしても細部が増えるわけではありません。縮小などで失われた情報も、後からスマートオブジェクトに変換して戻すことはできません。

スマートオブジェクトは縮小した画像をきれいにするわけではない

スマートオブジェクトの「劣化を防ぐ」ことを「縮小してもきれいに見える」と勘違いしないように注意してください。スマートオブジェクトは元データを保持する機能なので、最終的には使用するサイズに応じた画質で表示されます。

例えば下図のように3,000×3,000pxの大きな写真を300×300pxの小さなバナーにすると、書き出す画像のピクセル数は300×300pxになります。

埋め込みのスマートオブジェクトは元データをPSD内に保持しますが、JPGやPNGなどの書き出し画像には、小さいサイズに減らしたピクセルだけが残ります。

元となる写真の解像度がどれだけ高くても、書き出した画像の細かさは出力するピクセル数に制限されます。

スマートオブジェクトのメリットである劣化防止は、縮小したレイヤーを後から再拡大する際に役立ちます。

スマートオブジェクトは縮小した際の画質をきれいにするメリットではなく、元の画質に戻すことができるのがメリットです。

元の画像を縮小したり加工したりしてもオリジナル情報を失わないために使用しましょう。

一方、小さく書き出したJPGを拡大しても、PSD内に残した元データは使えません。下は120pxで書き出したJPGを1200pxへ拡大した別の作例です。

後から大きさや加工を変える予定があるなら、書き出し画像とは別に作業用のPSDも残しておきましょう。

スマートフィルターが使える

スマートフィルターとはスマートオブジェクトに対応するフィルターを適用したもので、下記のようなメリットがあります。

スマートオブジェクト化しないでぼかしフィルターをかけると元画像のピクセル自体がぼかした状態になり、フィルターの設定を後から開き直せません。しかし、スマートフィルターならオリジナル画像がそのまま保持されるので後からでも修正が容易です。

通常の画像では加工を重ねるたびにピクセルが変更されますが、スマートフィルターなら元画像と効果を分けて保持できます。

これらはすべて後からでも自由に調整可能。スマートオブジェクトの優位性がよくわかりますね。

対応するフィルターを使う際は、先にスマートオブジェクト化しておくと便利ですよ。スマートフィルターの使い方では、ぼかしを調整する手順を紹介します。

複数レイヤーやグループもOK

スマートオブジェクトは単一レイヤーだけでなく、複数オブジェクトをまとめて変換することも可能です。

スマートオブジェクトは中身のレイヤー構造も維持するので、開き直して文字や写真を個別に編集できます。

文字・写真・背景をまとめた場合は、下図のような構造です。

複数のレイヤーをスマートオブジェクトにまとめれば、下のレイヤーの形に合わせて全体を切り抜くクリッピングマスクも使えます。

レイヤーの整理にはグループ、まとめた全体にフィルターをかけて後から調整したい場合はスマートオブジェクトが便利です。

複製したスマートオブジェクトは一括変更が可能

同じPSD内の埋め込みスマートオブジェクトをCtrl＋J（Macは⌘＋J）で複製すると、中身を共有します。1つの中身を編集して保存すると、ほかのコピーにも反映されます。

たとえばアイコンやロゴなど、たくさん使うようなオブジェクトは1つ編集するだけで全箇所変更されるので非常に便利。業務利用では欠かせない機能のひとつですね。

下の比較では、中央のコピーの中身を白い花へ変更しています。

中身を別々に編集したい場合は、【レイヤー】→【スマートオブジェクト】→【スマートオブジェクトを複製】を選びます。通常の複製と異なり、独立した中身を持つコピーを作れます。

共有されるのは中身です。各コピーの位置・大きさ・角度は個別に調整できます。

スマートオブジェクトの編集方法（クリックでジャンプします）

スマートオブジェクトの使い方

スマートオブジェクトの作成方法や解除方法など、具体的な使い方を解説します。

スマートオブジェクトの作成方法

画像を配置すると自動でスマートオブジェクトになるのは、配置時の設定によるものです。

通常のレイヤーとして配置したい場合は、環境設定の【一般】にある【配置時にスマートオブジェクトを常に作成】をオフにします。環境設定はWindowsではCtrl＋K、Macでは⌘＋Kで開けます。

スマートオブジェクトの埋め込みとリンクの違い

スマートオブジェクトには、中身をPSD内に保持する「埋め込み」と、外部ファイルを参照する「リンク」があります。

素材を配置するときは、次のメニューで使い分けます。

素材をPSD内にまとめたいなら埋め込み、複数のPSDで同じロゴを共有したいならリンクが便利です。通常の複製で中身を共有することとは別の仕組みです。

リンク元の変更が反映されないときは、対象レイヤーを右クリックして【変更されたコンテンツを更新】を選びます。

埋め込みの場合は、元の外部ファイルを編集しても自動では変わりません。PSD内の中身を開いて編集するか、内容を置き換えます。

リンク型のPSDを渡すときは、参照元の素材も一緒に渡しましょう。素材が見つからない場合は、対象レイヤーを右クリックし【ファイルに再リンク】で正しい素材を指定します。

スマートオブジェクト作成のショートカット

スマートオブジェクトへの変換は自分でショートカットを割り当てられます。よく使う場合は設定しておきましょう。

設定方法は下記の通り

自分で覚えやすいショートカットを作成したらOKを押して登録完了。

スマートオブジェクトレイヤーは直接編集できない？

スマートオブジェクトの編集方法の通り、スマートオブジェクトの「中身」を開いて編集することはできますが、スマートオブジェクトのマークが付いたレイヤーへはブラシなどで直接描き込めません。

非破壊編集という特性上、スマートオブジェクトレイヤーはブラシツールや消しゴムツールなどで編集することができません。

スマートオブジェクトをラスタライズしますか？

スマートオブジェクトのレイヤーを選択しブラシツールや消しゴムツールを使おうとするとラスタライズするか聞いてきますよね。

そのレイヤーへ直接描き込みたい場合はラスタライズが必要です。

ラスタライズせずにペイントするならクリッピングマスクを利用したり新規レイヤーに描くといった方法を推奨します。

ラスタライズってなに？って人はこちら

スマートオブジェクトを編集する方法

スマートオブジェクトへ直接描き込むことはできませんが、中身を開いて編集することはできます。

1. スマートオブジェクトのサムネイルをダブルクリック
2. 別のドキュメントでスマートオブジェクトの中身が開かれる
3. 編集や画像の差し替えを行い、上書き保存
4. 配置先へ戻って反映を確認し、配置先のPSDも保存

サムネイルをダブルクリックすると、中身が別のドキュメントで開きます。下は文字・写真・背景を持つPSDを埋め込んだ例です。

中身を編集して上書き保存（WindowsはCtrl＋S、Macは⌘＋S）すると、配置先にも変更が反映されます。保存せずに閉じると反映されません。

この例では、配置先で設定した角度や大きさはそのままです。中身を編集して保存すると、保持している内容自体は更新されます。

右クリックメニューから【コンテンツを編集】を選択してもOK

スマートオブジェクトの内容を置き換える方法

別に用意した写真やデザインへ差し替えたいときは、【コンテンツを置き換え】が便利です。配置先の変形やフィルターを保ったまま中身を変更できます。

1. 対象のスマートオブジェクトを選択
2. 【レイヤー】→【スマートオブジェクト】→【コンテンツを置き換え】を選択
3. 差し替えるファイルを選び、【配置】を実行

下の例では、同じ800×1080pxで作成した別のPSDに置き換えています。

配置先の角度や大きさをやり直さずに、ポスターの内容を差し替えられます。寸法や縦横比の異なる素材を使う場合は、置き換え後の位置や大きさも確認しましょう。

Illustrator経由のデータはベクトルスマートオブジェクトになる

Photoshopの画像データではなく、Illustratorで作成したベクター形式(ベクトル)のデータもスマートオブジェクトとして扱うことが可能です。

Illustratorで作成したAIファイルをスマートオブジェクトとして配置すると、ベクターデータを保持でき、Illustratorで再編集が可能です。

ベクトルスマートオブジェクトをラスタライズすると、元のベクター情報は失われます。後からスマートオブジェクトに変換し直しても戻りません。

ベクトル形式ってなに？という方は、ベクターの特徴とラスターとの違いをご覧ください。

ベクトルスマートオブジェクトの編集方法

Illustrator由来のベクトルスマートオブジェクトは、中身の編集にIllustratorを使います。開き方は次の2通りです。

【コンテンツを編集】を選択するとIllustratorが開くので、Illustratorで中身を編集します。
上書き保存すると、Photoshopに編集内容が反映されます。

Photoshopにもシェイプやパスの編集機能はあります。ただし、Illustrator由来のスマートオブジェクトの中身を編集する操作とは別です。

Illustratorがなくても、Photoshop上で配置や変形はできます。ブラシなどで直接加工するなら、元のレイヤーを複製して残し、コピーを右クリックして【レイヤーをラスタライズ】を選びます。

Photoshopはラスター形式でIllustratorはベクトル形式

スマートオブジェクトの解除方法

解除方法によって、残る情報が違います。下は文字・写真・背景をまとめたスマートオブジェクトに、回転とぼかしを加えた状態です。

同じ状態から2つの方法で解除すると、次のように変わります。

複数レイヤーを含むこの作例では、【レイヤーに変換】で中身がグループ内のレイヤーへ展開されます。外側に加えた変形とスマートフィルターは破棄されます。

【レイヤーをラスタライズ】では、回転やぼかしの見た目は残ります。ただし、中身のレイヤーやフィルター設定を再編集する仕組みは失われます。

後から修正する可能性があるなら、解除前にレイヤーを複製するか、PSDを別名で保存しておきましょう。

スマートオブジェクトの変形をリセットする

下の例では、縮小と回転を元に戻しています。白い花へ差し替えた中身は、そのまま残ります。

スマートフィルターの使い方

スマートフィルターに切り替える特別な設定は不要です。

スマートオブジェクトに対応するフィルターをかければ、自動的にスマートフィルターとして追加されます。ぼかしを調整する例で見てみましょう。

1. スマートオブジェクトを選択
2. 【フィルター】→【ぼかし】→【ぼかし（ガウス）】を選択
3. 半径を設定して【OK】を選択

適用後もフィルター名をダブルクリックすれば、ぼかしの強さを変更できます。下は同じ写真に半径3pxと14pxを適用した比較です。

再編集する場所は、レイヤーパネルの次の3か所です。

複数のフィルターは名前をドラッグして順序を入れ替えられます。同じスマートオブジェクトに付けたフィルターは、共通のフィルターマスクを使います。

すべてのフィルターがスマートオブジェクトに対応しているわけではありません。ラスタライズを求められた場合は、元のレイヤーを残してから操作しましょう。

スマートオブジェクトは非破壊編集に欠かせない重要機能

編集できなくて不便だと思っていた人もスマートオブジェクトを理解することで便利さが理解できたと思います。

写真の大きさやフィルターを後から調整したい場面で、スマートオブジェクトを活用していきましょう。

元データを保持する分、内容や数が増えると容量や処理の負担も増えます。ブラシで描くレイヤーや、整理するだけのグループまで変換する必要はありません。

非破壊編集はPhotoshop運用の基本

Photoshopを扱う上で元の画像に戻せる非破壊編集を選ぶのは重要です。

今回紹介したスマートオブジェクトやスマートフィルターだけでなくマスク機能もしっかりと覚えておきましょう。

人物を切り抜く際に背景を消去せず、マスクで隠すという方法を選ぶことで非破壊編集を実現可能です。

Photoshopはフォトプランがお得

Photoshopで写真編集や画像加工をするなら、フォトプランがおすすめです。

フォトプランは2,380円／月（税込・年間プランの月々払い）です。Photoshopに加え、Lightroomと1TBのクラウドストレージが含まれます。

Photoshopを使い始めたい方へ、プランの違いと選び方

Photoshopデスクトップ版は買い切り版の販売を終了しており、サブスクリプションで利用します。

PhotoshopやIllustratorの操作を講座で学びたい人には、Adobe CC付き講座もあります。講座内容や学習サポートの違いは、以下の比較で解説しています。

IllustratorやPremiereも使いたい方へ、Creative Cloudの選び方

写真編集が中心ならフォトプラン、IllustratorやPremiereなども使うなら複数アプリを含むCreative Cloudプランを選びましょう。