学びをみつけるフォトショップ2017/03/03フォトショップのぼかし!便利な3つの技を画像で解説!初心者でも即理解フォトショップで、画像の背景をぼかしたい、文字をぼかしたい、境界線をぼかして画像を切り取りたい!と感じたことはありませんか?本記事では、Webデザイナーの筆者が、フォトショップで画像の背景をぼかす方法・文字をぼかす方法・境界線をぼかして画像を切り取る方法の3つについて解説します。※フォトショップで画像を切り取る方法については、フォトショップでの切り抜きについて解説した記事をご覧ください。見やすい画像を使ってフォトショップのぼかしについて解説しているので、フォトショップ初心者でも学びやすい内容です!ぜひ最後まで読んで、フォトショップのぼかしをマスターしてください。フォトショップで境界線をぼかして画像を切り抜く方法フォトョップで背景をぼかす方法クイック選択ツールで、人物を選択します。※人物の切り抜き方法が理解わからない人は、フォトショップでの切り抜きについて解説した記事をご覧ください。以上のように表示されます。フィルター>ぼかし>ぼかし(ガウス)を選択します。背景にぼかしが入りました。レイヤーからぼかしをダブルクリックすると、ウィンドウが出てきます。ここでプレビューを見ながら、最適なぼかしにしましょう。次に文字の周りをぼかす方法をお教えします。次に、レイヤーウィンドウからテキストのレイヤーをダブルクリックします。すると以下のようなウィンドウが出てきます。このレイヤースタイルの光彩(外側)にチェックを入れます。以上の設定を、プレビューを見ながら変更します。今回はこのように設定を変更しました。以上のようになりました。ぼかしが見えにくいので背景をいれてあります。した縁が作りたい場合はドロップシャドウで作成するのもおすすめです。その場合、距離は0で設定してください。以上のような仕上がりになります。フォトショップで境界線をぼかして画像を切り抜く方法まず、切り抜きたいオブジェクトと写真を用意します。今回は正円を用意しました。この正方形のレイヤーを選択し、フィルター>ぼかしギャラリー>フィールドを選択します。すると、以下のようなウィンドウが出てきました。今回はフィルターをかけたいので変換を押しましょう。以上のようなウィンドウがでてきます。ここでフィールドの境界線のpxを調整します。後から変更も可能ですのでここではなんとなくこんなかんじかな?程度でも大丈夫です。これを適応したら、レイヤーを切り抜きたいほうを「下」にしましょう。イラストレーターを使用している人は反対で混乱するかもしれませんが、フォトショップでクリッピングマスクは下のオブジェクトで切り抜かれます。写真のレイヤーを選択します。レイヤー>クリッピングマスクを作成を選択すれば完成です。以上のようにぼかされた境界線でクリッピングマスクが適応されました。これを変更する場合は、レイヤーのぼかしギャラリーをダブルクリックし、ふたたびウィンドウを立ち上げます。このように写真をみながら調節できるので細かい調節に向いています。いかがでしたか?フォトショップのぼかしについて理解できましたか?本記事では、フォトショップで、画像の背景をぼかす、文字をぼかす、境界線をぼかして画像を切り取る方法について解説しました。XDの基本操作からケーススタディでの実践演習までを学習。ノンデザイナーでも「早く」「簡単に」「楽しく」プロトタイプを作成できるようになります。Webサイト制作の一連の流れを理解!未経験からプロのwebデザイナーになる!400レッスン以上の完全マスターコースWeb知識、Phothoshop、Webグラフイックデザイン、HTML、CSS、実践的なコーディングなど一通り学習ができます。WEBデザイナーへの第一歩WebデザインのためのPhotoshop実践講座Photoshopでできることの幅を広げたい人&本格的なWEBデザインのスキルを磨きたい人におすすめの充実講座。利用規約お問い合わせ。