Adobe認定トレーニングセンター

Photoshop

破壊処理と非破壊処理の違い

使用ソフト: Photoshop CC 2018(CSでも可能)  

検索数の多い「写真の縁をぼかす」方法について、
今回は、このような写真を
破壊処理非破壊処理で作ってみます。
破壊処理…元画像のピクセルを変更して作成。
非破壊処理…元画像に変更を加えず見た目を変えて作成。
破壊処理を使っている方が多いのでは?
オススメは非破壊処理です。
ではまず非破壊処理での作成から。

縁をぼかした写真

非破壊処理で写真の縁をぼかす手順

1.レイヤーを変換

開いた画像は、「背景」という名のレイヤーになっています。
この「背景」レイヤーには変更が加えられません。
レイヤーパネルの背景レイヤーをWクリックしてレイヤーに変更します。
背景レイヤーを新規レイヤーに変換

2.範囲を選択

長方形選択ツールを選んで
長方形選択ツール
切り抜きたい縁を囲います。
選択範囲を決定

3.縁をぼかす

「選択範囲」→「選択範囲を変更」→「境界をぼかす」
お好みで数値を選んでください。
(今回の画像はぼかし10ピクセルです。)
メニュー 境界をぼかす

4.レイヤーマスクを作成

選択範囲を作ったら、レイヤーパネルの下「レイヤーマスクを追加」をクリック。
レイヤーパネル レイヤーマスクを追加

または、メニュー「レイヤー」→「レイヤーマスク」→「選択範囲外をマスク」
メニュー 選択範囲外をマスク

できあがりです。
縁をぼかした画像

 

破壊処理で写真の縁をぼかす手順

1、2、3までは、非破壊処理での手順と一緒です。

4.範囲を反転

このままでは鳥が消えてしまうので、外側の選択に変更します。
「選択範囲」→「選択範囲を反転」
メニュー 選択範囲を反転

5.周りを削除

選択範囲を反転したら、deleteキーで削除します。

これで非破壊処理と見た目は同じ画像ができあがりました。
縁をぼかした画像

破壊処理と非破壊処理の違い

同じ画像ができあがりますが、レイヤーパネルで違いを見てみます。

破壊処理 レイヤーパネル  非破壊処理 レイヤーパネル

破壊処理では、元画像が変更されているので、切り取ってしまった背景は戻せません。
修正に備えて、切り抜く前の画像も保存しておかなくてはなりません。

一方、非破壊処理で作った画像は、このようにレイヤーマスクを非表示にすると
レイヤーパネルメニュー レイヤーマスクを使用しない

元の画像がそのまま残っています。
レイヤーマスクを削除してしまえば、簡単に元画像に戻せます。
修正用に元画像を別にして保存しておかなくてもいいのです。
変更されない元画像

まとめ

両者の違い。
破壊処理(今回は切り抜き)…元画像のピクセルに変更を加える。一旦保存してしまうと元に戻せないため、修正が面倒。元画像を別に保存しておかなければならない。
非破壊処理(今回はレイヤーマスク)…元画像のピクセルを変更せず、見た目を変える。フォトショップ形式で保存しておけば、いつでも元画像に戻せるため、修正が容易。

今回は、検索数が多い「写真の縁をぼかす方法」に特化してやってみましたが、非破壊処理と呼ばれるフォトショップの編集機能は他にもたくさんあります。
特に、色調補正やフィルターの変更などの修正では、格段に手間が違います。
縁をぼかす処理も、ベクターマスクを使えば範囲の変更や、ぼかしの大きさの変更などの修正が簡単です。
画像の劣化を防ぐ非破壊処理「スマートオブジェクト」についてはこちらの記事をご覧ください。
非破壊処理で逆光を描画
非破壊処理、オススメです。

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. パペットワープで犬を笑顔にしてみる

    Photoshop

    犬を笑顔にしてみる

    動物はどんな表情をしていても可愛いですよね。でもニッコリした表情だ…

  2. Photoshop

    超簡単!?自然な移動と削除

    「この人いらないなー」「この人もう少し中央にきたら良い写真なのになー」…

  3. Photoshop

    斜めの画像を正面画像へと補正する方法

    斜めに写ったオブジェクトなどを、正面から見た画像のように見せる方法をご…

  4. Photoshop

    Photoshopで雪を降らせてみよう

    今回は、Photoshopで簡単に雪を降らせる方法を紹介します。…

  5. Photoshop

    画像を昔の写真風にしてみた

    技術の進歩で風景をとても綺麗に撮影できるようになった。しかし子供の頃、…

  6. Illustrator

    便利なヘルプ機能

    あれ?えーと・・・。どこだったっけ・・・?Illustratorや…

Language

CodeCamp

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. Photoshop

    How To Create Realistic Shadows in Photo…
  2. Photoshop

    画像に光のエフェクトを足してみよう
  3. Illustrator

    スターツールを使いこなそう
  4. 意外と知らない歯車の作り方

    Illustrator

    意外と知らない?Illustratorで歯車を作ろう
  5. Illustrator

    図形ツールを使って、積み木感覚で簡単イラスト作成!
PAGE TOP