Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。2017/02/16こんにちは(・∀・)前々回の投稿で選択ツールを使って作った背景ボケの写真の作り方をご紹介しました。今回はペンツールを使って作る背景ボケの写真の作り方もご紹介したいと思います。前々回に作った選択ツールよりもきっちりと境界を区切った背景ボケ画像を作ります。前々回の選択ツールを使って作った背景がボケている写真より、もう少しきっちりと境界を区切って背景をボケさせる作り方です。今回の元となる写真はこちらです。前々前回のブログで使用しました。この写真もiPhoneで撮影しております。接写っぽく撮っているのですでに若干背景はボケてますがもっとボケさせます。今回もGIMPを使って解説していきます。使うツールはペンツールです。前々回の投稿でも言いましたが、最近では専用のアプリがあれば、スマホなどでも簡単に背景ボケの写真を作ることができます。専用のアプリを使わずに、すでに撮ってしまった写真で簡単に背景ボケを作る方法があるので今回もその方法をご紹介していきたいと思います。前々回投稿しました選択ツールで背景ボケの投稿はこちらです、まだご覧になっていない場合こちらからご覧いただけますのでよろしければどうぞ。【GIMP】選択ツールで写真の簡単背景ぼかし背景ボケ先ずは背景ボケにしたい写真を用意してください。画像サイズ等はあらかじめ設定しておきます。サイズが決まったら元の写真のコピーレイヤーを作っておくと後でやり直したいことが出た時にいいかもしれません。PhotoshopかGIMPのような画像加工アプリを使用します、どちらでもいいのでご用意ください。ここでは今回もGIMPを使います。写真を用意したら、ペンツールでピントを合わせたい場所を選択していきます。ここでは手前のボトルを選択していきます。今日一番のポイントです。写真を選択していく時できるだけ写真を拡大してピントを合わせたい場所を選択していくと、より正確な境界を区切ることができます。v」で同じ位置にコピペしてレイヤーを作成してください。こんな感じで新しいレイヤーを作ります。右側のボトルも同じように切り抜いてレイヤーを作ってください。こんな感じでこちらも新しいレイヤーを作ります。元のレイヤーを選択してください、写真全体をぼかします。ぼかしの範囲はお好みで設定してください。ここでは「ぼかし半径」は10.0位にします。「OK」をクリックしてぼかしてください。下の全体写真がボケたのがわかりますでしょうか。左右のボトルをそれぞれ別レイヤーで切り抜いたので片方づつ表示させることもできます。左側のボトルだけ表示させます。右側のボトルだけ表示させます。いかがでしたでしょうか、ペンツールを使って簡単に写真の背景をぼかすことができました。前々回もお話ししましたが、こんな感じで、スマホやコンデジで撮った写真を一眼で撮った写真のように加工することができます。やり方もちょっと面倒なだけでそれほど難しくありません。お時間があるとき、お手持ちの写真を加工して遊んでみると面白いですよ。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。