独学から最短でWebデザイナーになろうと考えている人におすすめの勉強法WordPressでブログやるならレンタルサーバーはエックスサーバーがおすすめAmazonオーディブルは良い?料金・特典内容・レビュー・退会方法について絶対Amazonプライム会員になったほうがお得。design画像出典:アドビシステムズ株式会社Photoshopのグラデーションツールを使って、画像の境界線をぼかす方法を紹介します。画像の境界線にぼかしを入れることによって、画像にやわらかい印象を与えることができます。Photoshopを操作したことがない人でも、このページの内容に沿って操作すれば簡単にできる内容なので、ぜひ挑戦してみてください。完成イメージ1.Photoshopで画像を開きます。レイヤーパネルで画像を「背景」から「レイヤー」に変更する。画像を選択した状態で「ベクトルマスクを追加」をクリックする。ベクトルマスクを選択されている状態で、グラデーションツールを開きます。画像の左から右へグラデーションをかけていきます。背景レイヤーを複製して、画像レイヤーと背景レイヤーの間に配置。画像レイヤーを選択した状態で、「クリッピングマスクを作成」をクリック。複製したレイヤーを選択した状態で「ベクトルマスクを追加」をクリック。完成イメージこちらが完成イメージです。画像の境界線に白いぼかしが入るように加工してきます。それでは順番に説明していきます。Photoshopで画像を開きます。境界線にぼかしを入れたい画像をPhotoshopで開きます。レイヤーパネルで画像を「背景」から「レイヤー」に変更する。レイヤーパネルで「背景」になっている画像を「レイヤー」に変更します。長方形ツールで画像と同じサイズの長方形を作ります。この時画像の色は「白」にしておきましょう。画像を選択した状態で「ベクトルマスクを追加」をクリックする。画像を選択した状態で、レイヤーパネル下部の「ベクトルマスクを追加」をクリックします。ベクトルマスクが追加されるとレイヤーパネルの画像の右側にベクトルマスクが表示されます。ベクトルマスクを選択されている状態で、グラデーションツールを開きます。※この時、「描画色の色を#000000」に「背景色の色を#FFFFFF」に設定しておきましょう。グラデーションツールを開いたら、グラデーションパネルで下記のようにグラデーションを設定。画像の左から右へグラデーションをかけていきます。グラデーションパネルで色の設定が完了したら、画像の左側から右側にグラデーションを引いていきます。画像の左右にぼかしが入りました!画像の左縁と右縁にぼかしが入りました。続けて上下にもぼかしを入れたい場合はさらに手を加えていきます。背景レイヤーを複製して、画像レイヤーと背景レイヤーの間に配置。画像レイヤーを選択した状態で、「クリッピングマスクを作成」をクリック。画像を選択した状態で「右クリック」→「クリッピングマスクを作成」を選択します。クリッピングマスクが作成されました。複製したレイヤーを選択した状態で「ベクトルマスクを追加」をクリック。先ほど複製したレイヤーを選択した状態で「ベクトルマスクを追加」をクリックします。グラデーションツールでぼかしをいれていく。