Photoshop（フォトショップ）のスマートオブジェクトについて徹底解説します。
スマートオブジェクトの基礎知識や変換方法、ラスター画像とベクター画像の違いなど。
フォトショのスマートオブジェクトを扱う際の基本知識を初心者の方にも分かりやすく解説します。
この記事の目次
スマートオブジェクトは「拡大・縮小」を行っても劣化が起きないデータ形式の事を指します。
ラスター画像でフォトショップで画像の縮小後に拡大すると画像が粗くなります。
スマートオブジェクトは画像のオリジナルデータを保存しているので、拡大・縮小・回転といった変更に非常に強い画像形式です。
Photoshopでは基本的にスマートオブジェクトでの取り扱いを推奨します。
スマートオブジェクトのサムネイルは右下にアイコンがあります。
ラスターレイヤーには何もありません。
※レイヤーが非表示の場合は [ F7 ] で表示できます。
ラスターレイヤーをスマートオブジェクトに変換する方法を解説します。
未導入の方はフォトプラン公式サイトから入手可能。（月額は最安の1,180円、7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
サムネイルを確認するとスマートオブジェクトのアイコンがありません。
※サムネイル上で右クリックを押すとサムネイルサイズを変更できます。
変換直前の画像データをオリジナルとして保存されます。
縮小してから拡大しても画像の劣化が起きませんよ。
スマートオブジェクトへ編集を直接加える方法についてです。
直接編集を加えると元に戻せないので、レイヤーを複製してから行うことを推奨します。
編集するにはラスタライズが必要
スマートオブジェクトに直接 [ ブラシツール ] や [ 覆い焼きツール ] 等のツールを使う事はできません。
他にも [ 焼き込みツール ] や [ スポンジツール ] など、ラスター画像に対して適用する事が前提です。
適用するにはスマートオブジェクトをラスタライズをする必要があります。
[ レイヤーパネル ] → [ 対象のスマートオブジェクトを右クリック ] → [ レイヤーをラスタライズ ] を適用。
ラスタライズ直前の画像が元画像に、拡縮を行うと劣化が発生します。
※スマートオブジェクトを [ Ctrl + J ] (Mac：Command + J) でコピーし、コピーしたレイヤーをラスタライズする事を推奨します。
スマートオブジェクトの元データを開くと編集できる
スマートオブジェクトを直接編集する方法は存在します。
しかし直接編集しなくても同様の加工は可能なので推奨しません。
「こういう方法もあるんだね～」程度で。
拡張子が [ .psb形式 ] で開きます。
編集後は [ Ctrl + S ] (Mac：Command + S) を押して保存します。
あまり使う事はありませんが、スマートオブジェクトを編集する方法です。
ブラシツールでの追加は新規レイヤーを追加して描画、色やフィルターの追加なら次に紹介する [ スマートフィルター ] を使った編集を断然推奨します。
上記はスマートオブジェクトに対して [ 色相・彩度 ] を適用した例です。
レイヤーを確認すると [ スマートフィルター ] が追加されていますね。
再度編集したい場合は各調整項目をダブルクリックすると再調整可能です。
ラスター画像に対して直接色変更やぼかし等を加えると、元画像自体が変更されてしまいます。
しかしスマートオブジェクトなら元画像は破壊せず、再編集可能なスマートフィルターで扱いやすいデータが作れます。
[ スマートフィルターマスクサムネール ] をクリック → [ ブラシツール ] に変更 → [ 黒で塗る ]
白で塗るとマスクが解除されます。
レイヤーパネルにある二重丸のスマートフィルターのアイコンを [ Alt ] (Mac：Option) を押しながら別のスマートオブジェクト上へドラッグするとコピペできます。
ベクトルスマートオブジェクトとはIllustrator（イラストレーター）で作成したアイコン等をPhotoshop（フォトショップ）で扱う際に便利すぎるデータ形式です。
アイコンの元データをイラレで作成し、フォトショにコピペ、再編集はイラレで…という夢のような使い方ができる方法を解説します。
作成したアイコンを [ Ctrl + C ] (Mac：Command + C) でコピーしましょう。
ところでIllustratorは導入されていますか？
まだの方はAdobe公式サイトから入手できます。
するとペーストのダイアログ画面が開き、ペースト形式を問われます。
[ スマートオブジェクト ] にチェックを入れ、[ OK ] をクリックします。
[ レイヤーパネル ] → [ ペーストしたスマートオブジェクトのサムネイルをダブルクリック ]
再編集して [ Ctrl + S ] (Mac：Command + S) で保存するとフォトショのスマートオブジェクトも変更されます。
コレ、よく使うので覚えておくと便利ですよ！
IllustratorはAdobe公式サイトから入手できます。
未経験からでもプロを目指せる内容ですよ！
せっかくなのでビットマップ（ラスター）画像とベクター（ベクトル）画像の違いを解説します。
両者の違いを理解し、適した画像形式で作成する事で制作を効率的に進められますよ。
ビットマップ（ラスター）画像は簡単に説明するとピクセルの集まりです。
よって拡大するとピクセル（点）が見えます。
写真や複雑なイラストなどに向いています。
主にPhotoshopやCLIP STUDIO PAINT等で取り扱うデータ形式です。
ベクター（ベクトル）画像はピクセルに依存せず、数式によって表現された画像です。
よって拡大しても荒れる事はありません。
ロゴやアイコンなど、クッキリしたグラフィックに向いています。
主にIllustratorで取り扱うデータ形式です。
紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。
商用利用可能で高品質テンプレートばかり厳選！
今まで意識しなかった多くの「気づき」に出会えますよ。
※なお、ポートフォリオ制作はInDesign（インデザイン）を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。
ダウンロードする
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。
ダウンロードする
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。
ダウンロードする
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。
ダウンロードする
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています！
Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選
デジタル媒体向けポートフォリオテンプレ素材35選
様々なモックアップテンプレート57選
下記記事で良質な素材を紹介しております。併せてチェックしてください！
以上、Photoshop（フォトショップ）のスマートオブジェクトについてでした。
最強に便利なスマートオブジェクトを使いこなして編集に強いデータ作成ができるようになりましょう。
ラスター画像への直接編集は最終手段。
スマートオブジェクトのままラスタライズをしなくても同様の編集は可能です。
そして使用頻度の高いスマートフィルターの使い方をマスターするとレタッチ作業がさらに捗りますよ。
ではまた！
フォトショ基本操作
バナーやUIをデザイン
様々な質感を再現
写真の雰囲気を激変させる
便利な画像加工テクニック
機能追加・その他の機能
フォトショップのお困りごと
画像を激変！エフェクトPSD
その他Photoshop用の素材
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！
