IDEA HACK
コンテンツ
  • ブログ
IDEA HACK
IDEA HACK
コンテンツ
  • ブログ
  1. IDEA HACK
  2. レッスン
  3. Photoshop
  4. 応用
  5. Photoshopで選択範囲を作成する時に境界線にできてしまうギザギザをなくす方法

Photoshopで選択範囲を作成する時に境界線にできてしまうギザギザをなくす方法

2021-01-12 2021-01-12
レッスン
素材

こんにちは!

手軽に簡単におしゃれなデザインを実現したいですよね?

しかし良いデザインほど時間も手間もかかります。

作業効率化は非常に重要です。

そんなわけで、私は常日頃デザインを研究し、紹介しています。

被写体選択時の境界線のギザギザをなくす

[被写体選択]や[クイック選択ツール]を使った時に境界線が「ギザギザ」して悩んだことはありませんか?

Photoshopの進化により簡単に以前より選択が正確にできるようになったものの、「ギザギザ」は発生してしまいます。

そこで、今回は境界線に「ギザギザ」が発生しても簡単に「滑らか」にする方法を紹介します。

Step 1
サンプルファイルを開く

サンプルファイルを開きます。

Step 2
[被写体選択ツール]で選択範囲を作成

選択範囲を作成します。従来ではクイック選択ツールで時間がかかる部分でしからが、今回は[被写体選択ツール]で一発です。

[選択範囲] → [被写体選択]をクリックします。

Step 3
反映結果を確認

選択範囲が作成されました。

Step 4
レイヤーマスクをかける

レイヤーマスクをかけます。

選択範囲が作成された状態で[レイヤーマスクを作成]❶してください。

Step 5
反映結果を確認

レイヤーマスクが作成されました。

Step 6
ベタ塗りレイヤーを追加

一見するとレイヤーマスクが綺麗に適用されているように見えます。

本当ですか?

これを確認するために、[ベタ塗りレイヤー]を追加しします。❶❷

それを被写体のレイヤーより下に配置します。

Step 7
反映を確認

レイヤーマスクが適用されました。

ここからの数ステップはおまけになります。バナナの皮と皮の間の部分がいらないと思ったので、これを削除しちゃいます。

Step 8
選択とマスク

[選択とマスク]を開きます。こちらはレイヤーマスクをダブルクリックすることで開くことができます。❶

Step 9
クイック選択ツール

クイック選択ツールで一部分を隠します。

Step 10
反映確認

不必要な部分をマスクしました。

これまでの作業の中で、背景にベタ塗りレイヤーを適用したので、綺麗に被写体を切り抜けていないことがわかります。

「ギザギザ」していますね。

これを直します。

Step-8と同様の作業を行い、[選択とマスク]を開いてください。

Step 11
[滑らかに]を調整

まず、[滑らかに]を調整します。

この項目はギザギザの境界線を滑らかにしてくれます。

Step 12
反映結果

境界線が滑らかになりました。

Step 13
[ぼかし]を加える

では、次に[ぼかし]を加えます。

知らない人が多いですが、[ぼかし]は境界線をふわっとさせるだけでなく、境界線にふわっとした平らな線を追加するツールです。

Step 14
反映結果

ぼかしが適用されました。

Step 15
[コントラスト]

[コントラスト]を加えます。

これは「ふわっとしたぼかし」を「鋭いぼかし」に変化させるために使います。

これで境界線に鋭い線が適用され、ギザギザがなくなります。

Step 15
最終結果

完成です。

Step 12とStep15の画像に変化を感じないと思いませんでしたか?

その認識は正しいです。

実は・・・Step 12で作業を終えても構いません。

2018年に[被写体選択ツール]が出るまでは、ブラシツールで手作業で選択範囲を作っていました。

その場合は[滑らか]だけでは「ギザギザ」が「滑らかなギザギザ」になるだけなので、まだ不自然だったんです。

しかし、[被写体ツール]は手作業でどうしても発生してしまう手振れがないので、もともとの選択範囲の境界線の完成度が非常に高いんです。

なので、[滑らか]だけで上手く行くことが多いです。

でも、理論上では、Step 12で終わった場合、「滑らかなギザギザ」で終わってしまいます。

Step 15まで行うと「鋭い直線」で被写体が囲まれます。

Photoshopで作業をする中で、画像を見比べると違いが分かります。

これはブログ記事では表現できないです。恐縮ですが、実際に作業を行って確認してみてください。

素材データダウンロード
投稿者
KAZU
「Webデザインとプログラミングを独学 → 独自プロダクトとサブスクリプションサービスの構築 → 学習内容をコースとして提供」を繰り返しながら企業でも働く兼業ディベロッパーです。

最新記事

Twitterのハッシュタグをつける時によく検索される人気なものを探してつける方法
Twitter
2021-01-09
WordPressにソーシャルボタンを追加する際に便利な4つのプラグイン
WordPress
2021-01-08
Twitterのベストな投稿時間とは?
ソーシャルメディア
2021-01-07
WordPressのログインURLを変更してログインのフローをハッカーが予測できないようにカスタマイズする方法
WordPress
2021-01-06
WordPressにGoogleのreCAPTCHA認証プラグインを導入し、不正ログイン対応を強化する方法
WordPress
2021-01-05

法務・ルール

  • 利用規約
  • プライバシーポリシー
  • 特定商法取引法に基づく表記

お問い合わせ

  • お問い合わせ

サービス

  • IDEA HACK
  • IDEA FACTORY

Copyright © All rights reserved by Brandia