Photoshop のスマートオブジェクトを使用して、非破壊的な編集を行う方法について説明します。
この記事のトピック:
スマートオブジェクトは、Photoshop や Illustrator ファイルなどのラスター画像やベクター画像からの画像データを含むレイヤーです。スマートオブジェクトでは、すべてのデータ特性とともに元の画像のコンテンツを保持するため、非破壊編集を行うことができます。
Photoshop では、画像のコンテンツを Photoshop ドキュメントに埋め込むことができます。Photoshop では、外部の画像ファイルが参照するコンテンツを含む、リンクされたスマートオブジェクトも作成できるようになりました。ソースの画像ファイルに変更があると、リンクされたスマートオブジェクトのコンテンツが更新されます。
リンクされたスマートオブジェクトは、Photoshop ドキュメントに含まれるスマートオブジェクトの重複インスタンスとは異なります。リンクされたスマートオブジェクトを使うと、複数の Photoshop ドキュメント間で共有ソースファイルを使うことができます。これは、web デザイナーにとって馴染みのある、歓迎すべきコンセプトです。
スマートオブジェクトの利点
スマートオブジェクトを使用すると、次のことができます。
元のデータを損なわずに変形を行えます。元の画像データへの変更は行わずに、元画像データや画質を保持したまま、レイヤーに拡大・縮小、回転、ゆがみ、変形、遠近法、ワープを適用することができます。
Illustrator のベクトルアートワークなどのベクトルデータを処理できます(スマートオブジェクトを使用せずに読み込んだ場合、Photoshop ではラスタライズされます)。
元のデータを損なわずにフィルターを適用できます。スマートオブジェクトに適用されたフィルターはいつでも編集できます。
1 つのスマートオブジェクトを編集するだけで、コピーした複数のインスタンスがすべて自動的に更新されます。
リンクされたレイヤーマスク、またはリンクされていないレイヤーマスクをスマートオブジェクトレイヤーに適用します。
低解像度のプレースホルダー画像に様々なデザインを試します。このデザインは後で最終的な画像に置き換わります。
ピクセルデータを変更する処理(ペイント、覆い焼き、焼き込み、コピースタンプなど)、つまりスマートオブジェクトのレイヤーを直接編集する処理は実行できません。スマートオブジェクトから通常のレイヤーに変換すると、ラスタライズされるため可能になります。ピクセルデータを変更する処理は、スマートオブジェクトのコンテンツを編集したり、スマートオブジェクトレイヤーの上に新規レイヤーをコピーしたり、スマートオブジェクトのコピーを編集したり、新しいレイヤーを作成することで実行できます。
スマートフィルターが適用されたスマートオブジェクトを変形する場合、Photoshop は変形が実行される間フィルター効果をオフにします。フィルター効果は、変形が完了すると再度適用されます。詳しくは、スマートフィルターの適用を参照してください。
埋め込みスマートオブジェクトは、「スマートオブジェクトとして開く」コマンドの使用、ファイルの配置(Photoshop CS6)、埋め込みとしてのファイルの配置(Photoshop、および Photoshop CS6)、Illustrator からのデータのペースト、Photoshop レイヤー(複数可)のスマートオブジェクトへの変換によって作成できます。
-
必要に応じて次のいずれかの操作を行います。
- (Photoshop)ファイル/埋め込みを配置を選択して、開いている Photoshop ドキュメントに、スマートオブジェクトとしてファイルを読み込みます。
- ファイル/スマートオブジェクトとして開くを選択します。ファイルを選択して「開く」をクリックします。
- (Photoshop CS6)ファイル/配置を選択して、開いている Photoshop ドキュメントにスマートオブジェクトとしてファイルを読み込みます。
注意:JPEG ファイルは配置できますが、レイヤーの追加、ピクセルの修正およびデータを失わないファイルの再保存が可能な PSD、TIFF、PSB ファイルを配置することをおすすめします。(修正した JPEG ファイルを保存すると、複数の新規レイヤーを統合して画像を再圧縮する必要があるため、画質が低下します)。
- レイヤー/スマートオブジェクト/スマートオブジェクトに変換を選択して、選択したレイヤーをスマートオブジェクトに変換します。
- Bridge で、ファイル/配置/Photoshop 内を選択し、開いている Photoshop ドキュメントに、スマートオブジェクトとしてファイルを読み込みます。
1 つまたは複数のレイヤーを選択し、レイヤー/スマートオブジェクト/スマートオブジェクトに変換を選択します。レイヤーが、1 つのスマートオブジェクトにまとめられます。
PDF または Adobe Illustrator レイヤーまたはオブジェクトを Photoshop ドキュメントにドラッグします。
Illustrator のアートワークを Photoshop ドキュメントにペーストし、ペーストダイアログボックスでスマートオブジェクトを選択します。柔軟性を最大限にするため、Adobe Illustrator の環境設定ダイアログボックスの「ファイル管理・クリップボード」セクションで「PDF」と「AICB(透明サポートなし)」の両方を有効にしてください。
Photoshop では、リンクされたスマートオブジェクトを作成できます。ソースの画像ファイルに変更があると、リンクされたスマートオブジェクトのコンテンツが更新されます。リンクされたスマートオブジェクトは、複数のデザイン間でアセットを再利用する必要がある場合や、チームにとって特に便利です。
リンクされたスマートオブジェクトを作成するには、次の手順に従います。
- ファイル/リンクを配置
を選択します。 - 適切なファイルを選択して、「配置」をクリックします。
リンクされたスマートオブジェクトが作成され、リンクアイコン()の付いたレイヤーパネルに表示されます。
また、次のキーを押しながら適切なファイルをドラッグアンドドロップして開かれたドキュメント内でリンクされたスマートオブジェクトを作成することもできます。
(Windows) Alt キー
(Mac OS) Option キー
この初期設定の動作を変更するには、環境設定/一般/配置時にスマートオブジェクトを常に作成をオフにします。
リンクされたスマートオブジェクトを使用したファイルサイズの縮小
リンクされたスマートオブジェクトは、スマートオブジェクトを含むドキュメントにソースファイルを埋め込むのではなく、外部ファイルとの依存関係を維持するため、通常、ファイルサイズは大幅に小さくなります。リンクされたスマートオブジェクトでは、オブジェクトが含まれるドキュメント内に元のファイルが格納されることはありませんが、元のファイルの画像データを統合し、拡大・縮小したバージョンが格納されます。場合によっては、このデータのサイズが元のファイルのサイズより非常に大きく、ファイルサイズの削減がごくわずかに見えることがあります。
リンクされたスマートオブジェクトの更新
外部ソースファイルを参照している Photoshop ドキュメントが開いている最中に、この外部ソースファイルに変更があった場合、関連のあるリンクされたスマートオブジェクトは自動的に更新されます。同期していないリンクされたスマートオブジェクトを含む Photoshop ドキュメントを開くと、次のいずれかの操作でスマートオブジェクトを更新できます。
- リンクされたスマートオブジェクトのレイヤーを右クリックして、「変更されたコンテンツを更新」を選択します。
- レイヤー/スマートオブジェクト/変更されたコンテンツを更新を選択します。
ソース画像に変更のあった、リンクされたスマートオブジェクトは、レイヤーパネル内で強調表示されます。
レイヤー/スマートオブジェクト/変更されたすべてのコンテンツを更新
を選択すると、現在の Photoshop ドキュメントに含まれる、すべてのリンクされたスマートオブジェクトを更新できます。
リンクされたスマートオブジェクトへの変更を検出中、またはリンクされたスマートオブジェクトの更新中に、Photoshop は直近のリンクされたファイルのみを認識します。スマートオブジェクト内でネストしたリンクは更新されません。
スマートオブジェクトの破損したリンクの解決
見つからない外部ソースにリンクされたスマートオブジェクトを解決するには、次の手順に従います。
- リンクされたスマートオブジェクトレイヤーアイコンを右クリックし、「破損したリンクを解決」を選択します。
- 見つからないオブジェクトの新しい位置へ移動します。
- 「配置」をクリックします。
リンクされたスマートオブジェクトの属性の表示
レイヤーパネル内で選択した、リンクされたスマートオブジェクトレイヤーで、ウィンドウ/属性を選択します。
次の属性が表示されます。
- リンクされたスマートオブジェクトの外部ソースファイルのパス
- リンクされたスマートオブジェクトのサイズと位置座標(X, Y)
次のアクションは属性パネル内から直接実行できます。
- 外部画像ファイルのコンテンツの編集。必要な場合は、Photoshop によって、ソース画像ファイルを処理できる外部アプリケーションが開かれます。例えば、Photoshop は、外部ソース画像が .ai ファイルの場合、Adobe Illustrator を開きます。
- 現在のドキュメント内へのリンクされたスマートオブジェクトの埋め込み。
リンクされたスマートオブジェクトを埋め込む
次のいずれかの操作を行います。
- レイヤーパネル内でリンクされたスマートオブジェクトレイヤーを右クリックし、「リンクされたアイテムの埋め込み」を選択します。
- レイヤー/スマートオブジェクト/リンクされたアイテムの埋め込みを選択します。
- 属性パネルで、「埋め込み」をクリックします。
レイヤー/スマートオブジェクト/リンクされたすべてのアイテムの埋め込みを選択して、Photoshop ドキュメントにすべてのリンクされたスマートオブジェクトを埋め込みます。
リンクされたスマートオブジェクトのパッケージ化
ソースファイルがコンピューター上のフォルダーに保存されるように、リンクされたスマートオブジェクトを Photoshop ドキュメントにパッケージ化できます。Photoshop ドキュメントのコピーは、ソースファイルと一緒にフォルダーに保存されます。
- ファイル/パッケージを選択します。
- ソースファイルと Photoshop ドキュメントのコピーを配置する場所を選択します。
ドキュメント内のオーディオとビデオがリンクされたスマートオブジェクトも同様にパッケージ化されます。
リンクされたスマートオブジェクトをパッケージ化する前に、スマートオブジェクトを含むファイルを保存する必要があります。
Photoshop がリンクされたファイルを検索する方法
Photoshop は常に最後に認識した相対位置でリンクされたファイルを検索します。その場所でリンクされたファイルが見つからない場合、Photoshop は次のように検索します。
- 最後に認識した絶対位置
- 保存されたエイリアスを使用(Mac OS のみ)
- ドキュメントの保存フォルダーと同じフォルダー
この動作によって、破損したリンクが生じるリスクを最小限に抑えて、プロジェクトフォルダーとファイルを移動、コピー、および共有できます。
不足しているアセットを解決するダイアログには、見つからないソースファイルが最後に認識された絶対パスが常に表示されます。
埋め込みスマートオブジェクトをリンクされたスマートオブジェクトに変換することができます。埋め込みスマートオブジェクトに適用されている変形、フィルターおよびその他の効果は、スマートオブジェクトを変換した際も保持されます。
次の操作を行います。
- Photoshop ドキュメントで埋め込まれたスマートオブジェクトレイヤーを選択します。
- レイヤー/スマートオブジェクト/リンクされたアイテムに変換を選択します。
- ソースファイルを保存するコンピューター上の場所を選択します。サポートされる拡張子を含むファイルの名前を入力します。link_file.jpg などです。
- レイヤーパネルで、フィルタリングポップアップメニューから「スマートオブジェクト」を選択します。
- 次のアイコンのいずれかをクリックします。
- リンクされた最新のスマートオブジェクト用フィルター
- リンクされた古いスマートオブジェクト用フィルター
- リンクされた不足しているスマートオブジェクト用フィルター
- 埋め込みスマートオブジェクト用フィルター
切り替えスイッチ()を使用して、レイヤーのフィルタリングをオフにすることができます。
-
レイヤーパネルでスマートオブジェクトレイヤーを選択し、次のいずれかの操作を行います。
元の画像にリンクされたスマートオブジェクトの複製を作成するには、レイヤー/新規/選択範囲をコピーしたレイヤーを選択するか、またはレイヤーパネル下部にある新規レイヤーを作成ボタンにスマートオブジェクトレイヤーをドラッグします。元の画像に加えた変更はコピーにも影響します。また、逆の場合も同じです。
元のスマートオブジェクトにリンクされない複数のスマートオブジェクトを作成するには、レイヤー/スマートオブジェクト/スマートオブジェクトを複製を選択します。元の画像に加えた変更はコピーには影響しません。
レイヤーパネルに、元のスマートオブジェクトと同じ名前の後に「のコピー」という接尾辞の付いた、新しいスマートオブジェクトが表示されます。
スマートオブジェクトを編集する場合、Photoshop(コンテンツがラスタライズされたデータまたは camera raw ファイルの場合)または初期設定で配置された形式を処理するアプリケーション(例えば、Adobe Illustrator または Adobe Acrobat)のいずれかでソースコンテンツが開きます。元のコンテンツへの変更を保存すると、Photoshop ドキュメント内にある、リンクされたコピーを含むすべてのスマートオブジェクトに編集が反映されます。
-
レイヤーパネルからスマートオブジェクトを選択して、次のいずれかの操作を行います。
- レイヤー/スマートオブジェクト/コンテンツを編集を選択します。
- レイヤーパネルで、スマートオブジェクトのサムネールをダブルクリックします。
- 属性パネルで、「コンテンツを編集」をクリックします。
-
「OK」をクリックしてダイアログボックスを閉じます。
-
元のコンテンツファイルを編集し、ファイル/保存を選択します。
Photoshop は、変更内容を反映するようにスマートオブジェクトを更新します(変更が反映されない場合、スマートオブジェクトを含む Photoshop ドキュメントをアクティブにしてください)。
1 つのスマートオブジェクトや複数のリンクされたインスタンスの画像データを置き換えることができます。この機能により、ビジュアルデザインの更新や、低解像度のプレースホルダー画像の最終的な画像への置き換えが素早く行えます。
スマートオブジェクトを置き換えると、拡大・縮小やワープ、最初のスマートオブジェクトに適用された効果は保持されます。
-
スマートオブジェクトを選択し、レイヤー/スマートオブジェクト/コンテンツを置き換えを選択します。
-
使用するファイルがある場所に移動して、「配置」をクリックします。
-
「OK」をクリックします。
新しいコンテンツがスマートオブジェクト内に配置されます。
Photoshop ドキュメント内で直接、埋め込まれたスマートオブジェクトやリンクされたスマートオブジェクトをコンポーネントレイヤーに変換できます。スマートオブジェクトに複数のレイヤーがある場合、それらのレイヤーはレイヤーパネル内の新しいレイヤーグループに展開されます。複数のレイヤーを含むスマートオブジェクトの変形およびスマートフィルターは、展開時に保持されません。
-
レイヤーパネルからスマートオブジェクトレイヤーを選択します。
-
必要に応じて次のいずれかの操作を行います。
- スマートオブジェクトレイヤーを右クリック(Win)または Control キーを押しながらクリック(Mac)して、コンテキストメニューからレイヤーに変換を選択します。
- メニューバーから、レイヤー/スマートオブジェクト/レイヤーに変換を選択します。
- 属性パネルで、レイヤーに変換をクリックします。
- レイヤーパネルのオプションメニューから、レイヤーに変換を選択します。
-
レイヤーパネルのレイヤーグループにレイヤーが展開されます。
スマートオブジェクトデータを編集する必要がなくなった場合は、スマートオブジェクトのコンテンツをラスタライズして通常のレイヤーにすることができます。スマートオブジェクトがラスタライズされた後は、そのスマートオブジェクトに適用された変形、ワープ、フィルターは編集できなくなります。
スマートオブジェクトを選択し、レイヤー/スマートオブジェクト/ラスタライズを選択します。
スマートオブジェクトを再び作成するには、元のレイヤーを再選択して、最初からやり直します。新しいスマートオブジェクトには、元のスマートオブジェクトに適用されていた変形は引き継がれません。
-
レイヤーパネルからスマートオブジェクトを選択し、レイヤー/スマートオブジェクト/コンテンツを書き出しを選択します。
-
スマートオブジェクトのコンテンツの場所を選択して、「保存」をクリックします。
Photoshop は、スマートオブジェクトを元のファイル形式(JPEG、AI、TIF、PDF およびその他の形式)で書き出します。スマートオブジェクトが複数のレイヤーから作成された場合は、PSB 形式で書き出されます。
スマートオブジェクトを変形した場合は、次のいずれかの操作を行って、以前に適用したすべての変形をリセットできます。
- スマートオブジェクトレイヤーを右クリックし、「変形のリセット」を選択します。
- レイヤー/スマートオブジェクト/変形のリセットを選択します。
解決しない場合
|
- Photoshop ユーザーガイド
- Photoshop の概要
- Photoshop とその他の Adobe 製品およびサービス
- Photoshop iPad 版(中国本土ではご利用いただけません)
- Photoshop iPad 版 | よくある質問
- ワークスペースについて
- システム要件 | Photoshop iPad 版
- ドキュメントの作成、表示、書き出し
- 写真の追加
- レイヤーの操作
- ブラシを使用した描画とペイント
- 範囲の選択とマスクの追加
- 合成を修正する
- 調整レイヤーを使用する
- トーンカーブで合成の色調を調整する
- 変形操作を適用する
- 合成画像の切り抜きと回転
- カンバスの回転、パン、ズーム、リセット
- テキストレイヤーを使用する
- Photoshop と Lightroom の連携
- Photoshop iPad 版で環境にないフォントを取得する
- Photoshop iPad 版での日本語テキスト
- アプリの設定を管理する
- タッチショートカットとジェスチャー
- ショートカットキー
- 画像サイズを編集する
- Photoshop iPad 版での制作過程をライブストリームで配信
- 修復ブラシで不具合を修正する
- Capture でブラシを作成して Photoshop iPad 版で使用する
- Camera Raw ファイルの操作
- スマートオブジェクトの作成と操作
- 覆い焼きと焼き込みを使用した画像の露出調整
- Photoshop iPad 版の自動調整コマンド
- Photoshop iPad 版で画像内の領域を指先で操作する
- スポンジツールを使用した画像の彩度の調整
- iPad のコンテンツに応じた塗りつぶし
- Photoshop web 版(中国本土ではご利用いただけません)
- Photoshop(Beta)(中国本土ではご利用いただけません)
- 生成 AI(中国本土ではご利用いただけません)
- コンテンツ認証(中国本土ではご利用いただけません)
- クラウドドキュメント(中国本土ではご利用いただけません)
- ワークスペース
- ワークスペースの基本
- 環境設定
- Photoshop のもっと知るパネルで簡単に知る
- ドキュメントの作成
- ファイルの配置
- 初期設定のショートカットキー
- ショートカットキーのカスタマイズ
- ツールギャラリー
- パフォーマンス環境設定
- ツールの使用
- プリセット
- グリッドとガイド
- タッチジェスチャー
- Photoshop での Touch Bar の使用
- タッチ機能とカスタマイズ可能なワークスペース
- テクノロジープレビュー
- メタデータと注釈
- 他のアプリケーションへの Photoshop 画像の配置
- 定規
- プリントしないエクストラの表示または非表示
- 画像のコラムの指定
- 取り消しおよびヒストリー
- パネルとメニュー
- スナップを使用した要素の配置
- ものさしツールを使用した配置
- Web、画面、アプリデザイン
- 画像とカラーの基本
- 画像のサイズを変更する方法
- ラスター画像とベクトル画像の操作
- 画像サイズと解像度
- カメラやスキャナーからの画像の取り込み
- 画像を作成、開く、読み込み
- 画像の表示
- 無効な JPEG マーカーエラー | 画像を開く
- 複数の画像の表示
- カラーピッカーとスウォッチのカスタマイズ
- ハイダイナミックレンジ(HDR)画像
- 画像のカラーの適用
- カラーモードの変換
- カラーモード
- 画像の一部の消去
- 描画モード
- カラーの選択
- インデックスカラーのカラーテーブルのカスタマイズ
- 画像情報
- ゆがみフィルターが使用できない
- カラーについて
- チャンネルを使用したカラーおよびモノクロの補正
- カラーパネルとスウォッチパネルでのカラーの選択
- サンプル
- カラーモードまたは画像モード
- 色かぶり
- アクションへの条件付きモード変更の追加
- HTML CSS と SVG からスウォッチを追加
- ビット数と環境設定
- レイヤー
- レイヤーの基本
- 非破壊編集
- レイヤーとグループの作成および管理
- レイヤーの選択、グループ化、リンク
- 画像をフレームに配置する
- レイヤーの不透明度と描画
- レイヤーのマスク
- スマートフィルターの適用
- レイヤーカンプ
- レイヤーの移動、重なり順の変更およびロック
- ベクトルマスクによるレイヤーのマスク
- レイヤーとグループの管理
- レイヤー効果とレイヤースタイル
- レイヤーマスクの編集
- アセットを抽出
- クリッピングマスクを使用したレイヤーの表示
- レイヤーからの画像アセットの生成
- スマートオブジェクトの操作
- 描画モード
- 複数の画像のグループ写真への合成
- レイヤーを自動合成を使用して画像を結合
- レイヤーの整列と分布
- レイヤーから CSS をコピー
- レイヤーまたはレイヤーマスクの境界線からの選択範囲の読み込み
- ノックアウトして他のレイヤーからコンテンツを表示
- 選択範囲
- 画像補正
- オブジェクトのカラーの置換
- 遠近法ワープ
- カメラの振動によるぶれの軽減
- 修復ブラシの使用例
- カラールックアップテーブルの書き出し
- 画像のシャープとぼかしの調整
- カラー補正について
- 「明るさ・コントラスト」補正の適用
- シャドウとハイライトのディテールの調整
- レベル補正
- 色相と彩度の調整
- 自然な彩度の調整
- 画像領域内のカラーの彩度の調整
- 色調のクイック補正
- 画像への特殊なカラー効果の適用
- カラーバランスの補正による画像の向上
- ハイダイナミックレンジ(HDR)画像
- ヒストグラムとピクセル値の表示
- 画像のカラーの適用
- 写真の切り抜きと角度補正
- カラー画像の白黒画像への変換
- 調整レイヤーと塗りつぶしレイヤー
- トーンカーブの補正
- 描画モード
- 出力用画像のターゲット指定
- レベル補正およびトーンカーブスポイトツールを使用したカラーと色調の補正
- HDR の露光量とトーンの調整
- 画像領域の覆い焼きまたは焼き込み
- 特定色域の色調の補正
- Adobe Camera Raw
- Camera Raw の必要システム構成
- Adobe Camera Raw の新機能
- Camera Raw の紹介
- パノラマの作成
- サポート対象レンズ
- Camera Raw の周辺光量補正、粒状、かすみの除去の効果
- 初期設定のショートカットキー
- Camera Raw の自動的な遠近法の補正
- Camera Raw の円形フィルター
- Camera Raw 設定の管理
- Camera Raw での画像のオープン、処理および保存
- Camera Raw の強化されたスポット除去ツールで画像を修復
- 画像の回転、切り抜きおよび調整
- Camera Raw でのカラーレンダリングの調整
- Camera Raw のプロセスバージョン
- Camera Raw での部分補正
- 画像の修復および復元
- 画像の補正と変形
- 描画とペイント
- 対称パターンのペイント
- 長方形の描画とストロークオプションの変更
- 描画の概要
- シェイプの描画と編集
- ペイントツール
- ブラシの作成と修正
- 描画モード
- パスへのカラーの追加
- パスの編集
- 混合ブラシによるペイント
- ブラシプリセット
- グラデーション
- グラデーション補間
- 選択範囲、レイヤーおよびパスの塗りつぶしおよび境界線の描画
- ペンツールによる描画
- パターンの作成
- パターンメーカーを使用したパターンの生成
- パスの管理
- パターンライブラリとプリセットの管理
- グラフィックタブレットによる描画またはペイント
- テクスチャブラシの作成
- ブラシへの動的な要素の追加
- グラデーション
- アートヒストリーブラシによる、スタイル化されたストロークのペイント
- パターンによるペイント
- 複数のデバイスでのプリセットの同期
- プリセット、アクションおよび設定の移行
- テキスト
- フィルターと効果
- 保存と書き出し
- カラーマネジメント
- Web、画面、アプリデザイン
- ビデオとアニメーション
- プリント
- 自動化
- トラブルシューティング