Photoshopのスマートオブジェクトについて現役エンジニアが解説【初心者向け】
初心者向けにPhotoshopのスマートオブジェクトについて解説しています。スマートオブジェクトを使うことで、元の画像の情報を保持したまま編集を行うことができます。スマートオブジェクトの基本の操作方法を覚えましょう。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
Photoshopのスマートオブジェクトについて、TechAcademyのメンター（現役エンジニア）が初心者向けに解説します。
なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。
今回は、Photoshopに関する内容だね！
どういう内容でしょうか？
スマートオブジェクトについて詳しく説明していくね！
お願いします！
目次
スマートオブジェクトとは
スマートオブジェクトとはPhotoshopで、配置した写真やオブジェクトなどを、オリジナルの状態を保ったまま編集ができる状態にする機能です。スマートオブジェクトに変換すると、変換直前のレイヤー情報がスマートオブジェクト内に保管され保護されるため、変換後のスマートオブジェクトを編集しても内部の情報には影響は及びません。
例えば、画像を何度も拡大縮小した場合、通常は画像が劣化しますが、スマートオブジェクトに変換してから同じ編集を行うと、画像はスマートオブジェクト内に保管されるため、画像の劣化は起こりません。
スマートオブジェクト化する方法
スマートオブジェクト化する方法には以下の２つがあります。
1.レイヤーをスマートオブジェクト化する
- レイヤーパネルのスマートオプジェクトに変換したいレイヤーを選択し、右クリックします。
- メニューの「スマートオブジェクトに変換」をクリックし実行します。
- レイヤーパネルのアイコンがスマートオブジェクトのアイコンに変換され、スマートオブジェクトに変換されたことを示します。
2.スマートオブジェクトとして画像やオブジェクトを読み込む
- 埋め込みを配置 ー メニュー「ファイル」ー「埋め込みを配置」を実行し、読み込みたい画像を選び、「配置」をクリックします。
埋め込みを配置では、スマートオブジェクト内に読み込んだ画像が埋め込まれます。 - リンクを配置 ー メニュー「ファイル」ー「リンクを配置」を実行し、読み込みたい画像を選び、「配置」をクリックします。
リンクを配置では、スマートオブジェクト内に読み込んだ画像は埋め込まれないため、その分、ファイルサイズを軽量化することができます。
スマートオブジェクトの操作方法
レイヤーパネルのスマートオブジェクトを右クリックすると操作できるコマンドの一覧が表示されます。一覧の中から適用したいコマンドを選び、クリックすると適用されます。
| 機能 | 説明 |
| スマートオブジェクトを複製 | スマートオブジェクトレイヤーが複製され、元のスマートオブジェクトと同じ名前の後に「のコピー」という接尾辞の付いた、新しいスマートオブジェクトが表示されます |
| コンテンツを編集 | 元のコンテンツファイルが別タブで表示され、編集可能となります。編集終了後、ファイルを保存すると、変更内容がスマートオブジェクトに反映されます |
| コンテンツを置き換え | ファイルファインダーが表示され、元のコンテンツファイルが保存されているディレクトリーが表示されます。置き換えたいコンテンツを選択し、「配置」をクリックするとスマートオブジェクトに新しく選択したコンテンツが反映されます |
| コンテンツを書き出し | スマートオブジェクトを元のファイル形式（JPEG、AI、TIF、PDF およびその他の形式）で書き出します。スマートオブジェクトに複数のレイヤーが含まれる場合は、PSB形式で書き出されます |
| 変形を初期化 | 変形したスマートオブジェクトが、元の状態に戻されます |
| ファイルに再リンク | |
| レイヤーに変換 | 通常レイヤーに変換されます。スマートオプジェクトに複数のレイヤーが含まれている場合は、レイヤーパネル内に新しいレイヤーグループとして展開されます |
| レイヤーをラスタライズ | 通常レイヤーに変換されます。スマートオプジェクトに複数のレイヤーが含まれている場合は、レイヤーは結合されます |
コスパとタイパ、両方結果的に良くなる良くなる学び方とは？
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか？
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
まとめ
画像の編集の他にも、Webデザインをする場合、ヘッダーやフッターなど共通で使うパーツをスマートオブジェクトにする事で、複数ページに簡単に配置することができ便利です。
監修してくれたメンター
| メンターOM
Webデザインの勉強のためロサンゼルスに留学。 現在もロサンゼルスで働く傍ら、フリーランスのWebデザイナーとして、 |
内容分かりやすくて良かったです！
ゆかりちゃんも分からないことがあったら質問してね！
分かりました。ありがとうございます！
TechAcademyでは初心者でもフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。
現役デザイナーに毎日チャットで質問することができます。
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
