Debriefing [デブリーフィング] | Web関連・恋愛・ライフハックを発信するブログメディア。

都内で働く20代Web系男子が運営するブログメディア。Web関連、恋愛、仕事、ライフハック、などについて情報を発信していきます。

Photoshopで画像の縁をぼかす方法

Photoshopで画像の縁をぼかす方法を紹介したいと思います。
ぼかしを入れることによって画像にやわらかい印象を与えることができます。

完成イメージ

Photoshopで画像の縁をぼかす方法

やり方

1.Photoshopで画像を開きます。

Photoshopで画像を開く

まずは縁にぼかしを入れたい画像をPhotoshopで開きます。

2. レイヤーパネルで猫ちゃん画像を「背景」から「レイヤー」に変更する。

レイヤーパネルで「背景」から「レイヤー」に変更

レイヤーパネルで「背景」になっている猫ちゃん画像を「レイヤー」に変更します。
そして長方形ツールで猫ちゃん画像と同じサイズの長方形を作ります。
この時画像の色は「白」にしておきましょう。

3.猫ちゃん画像を選択した状態で「ベクトルマスクを追加」をクリックする。

ベクトルマスクを追加する

猫ちゃん画像を選択した状態で、レイヤーパネル下部の「ベクトルマスクを追加」をクリックします。 ベクトルマスクが追加されるとレイヤーパネルの猫ちゃん画像の右側にベクトルマスクが表示されます。

4.ベクトルマスクを選択されている状態で、グラデーションツールを開きます。

ベクトルマスクを選択した状態でグラデーションツールを開く

※この時、「描画色の色を#000000」に「背景色の色を#FFFFFF」に設定しておきましょう。
グラデーションツールを開いたら、グラデーションパネルで下記のようにグラデーションを設定。

グラデーションの色を設定する

① 色:#000000 位置:0%
② 色:#FFFFFF 位置:10%
③ 色:#FFFFFF 位置:90%
④ 色:#000000 位置:100%

5.画像の左から右へグラデーションをかけていきます。

画像の左側から右側へグラデーションを引く

グラデーションパネルで色の設定が完了したら、猫ちゃん画像の左側から右側にグラデーションを引いていきます。

6.画像の左右にぼかしが入りました!

画像にぼかしが入りました

猫ちゃん画像の左右にぼかしが入りました。上下にもぼかしを入れたい場合はさらに手を加えていきましょう。↓↓

上下左右にもぼかしを入れる方法

7.背景レイヤーを複製して、画像レイヤーと背景レイヤーの間に配置。

背景レイヤーを複製する

8.画像レイヤーを選択した状態で、「クリッピングマスクを作成」をクリック。

クリッピングマスクを作成する

猫ちゃん画像を選択した状態で「右クリック」→「クリッピングマスクを作成」を選択します。

クリッピングマスクが作成されました

クリッピングマスクが作成されました。

9.複製したレイヤーを選択した状態で「ベクトルマスクを追加」をクリック。

ベクトルマスクを作成する

先ほど複製したレイヤーを選択した状態で「ベクトルマスクを追加」をクリックします。

10.グラデーションツールでぼかしをいれていく。

グラデーションツールでぼかしを入れていく

グラデーションツールを選択して、先程のグラデーション設定のまま、今度は猫ちゃん画像の上から下へグラデーションを入れていきます。

【完成】上下左右にぼかしが入りました。

上下左右にグラデーションが追加された

いかがでしょうか。Photoshop初心者の人でも簡単に画像の縁にぼかしを入れることができます。

Photoshop関連記事

debriefing.hatenablog.com