MENU
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
デザイナーやデザイン初心者の方向け。仕事を楽しくスムーズにできるためのコツ
デザインアンドミー
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
デザインアンドミー
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
  1. ホーム
  2. 制作ツールのこと
  3. Illustrator
  4. 【Illustrator】写真の周りをぼかす方法

【Illustrator】写真の周りをぼかす方法

2024 12/10
PR
制作ツールのこと Illustrator
2024年11月20日2024年12月10日
illustratorで写真の周りをぼかす方法

写真の周りをぼかすと、背景との境界が柔らかくなり、高級感や優しい雰囲気が出すことができます。今回はIllustrator(イラストレーター)で簡単に写真の周りをぼかす方法を紹介します。

画像の周りだけでなく、画像の一部分、例えば下だけぼかす場合の方法もお伝えしたいと思います。

目次

写真の周りに「ぼかし」効果を適用する方法

こちらの画像の周りをぼかしたいと思います。

illustratorで写真の周りをぼかす方法

STEP1.画像を選択

画像を選択ツールでクリックして選択します。

STEP2.「効果」メニューを開く

メニューバーから「効果」>「スタイライズ」>「ぼかし」を選択します。

illustratorで写真の周りをぼかす方法

STEP3.ぼかしの強さを調整

「ぼかし」のダイアログが表示されたら、「半径」をの数値でぼかしの強さを調整します。数値を大きくすると、より強いぼかしが適用されます。

illustratorで写真の周りをぼかす方法

STEP4.確認して適用

ぼかし具合を確認し、OKでしたら「OK」をクリックして効果を適用します。

補足

写真全体をぼかしたいときは「効果」>「効果ギャラリー」>「ぼかし(ガウス)」を使用します。

illustratorで写真の周りをぼかす方法

好きな形に境界線をぼかす方法

マスクを使用する

画像を任意の形でマスクをかけてトリミングしてから、先ほどと同じ手順「効果」>「スタイライズ」>「ぼかし」でぼかしをかけます。

ショートカット

マスクをかけるショートカットキーは、画像とマスクのオブジェクトの両方を選択した状態で
「Ctrl+7」です。

illustratorで写真の周りをぼかす方法

ぼかし具合を調整し直す

効果を適用した後は、「アピアランス」パネルで調整できます。
画像を選択した状態で「アピアランス」パネルの「ぼかし」の列をダブルクリックすると、再度「ぼかし」のダイアログが開きますのでそこで調整します。

ぼかし効果を削除する

ぼかし効果を削除したいときも「アピアランス」パネルでできます。
画像を選択した状態で「アピアランス」パネルの「ぼかし」の列を選択して、「ごみ箱マーク」をクリックすると、ぼかし効果が削除されます。

illustratorで写真の周りをぼかす方法

画像の下側だけ等の、一部だけをぼかす方法

次に、グラデーションマスクを使った画像の下だけなどをぼかす方法をお伝えします。

グラデーションマスクを使用する

画像の下側だけぼかしたい等、一部だけをぼかしたいときはグラデーションでマスクをかけます。
「モノクロのグラデーションオブジェクト」を作成し、写真と重ね合わせて「透明パネル」で「マスクを作成」をします。
以下で方法を順番にお伝えします。

STEP1.グラデーションのオブジェクトを作成します。

グラデーションオブジェクトの、黒いところがマスクになりますので、ぼかしたいところや隠したいところに黒い部分がくるように、グラデーションパネルで調整します。

illustratorで写真の周りをぼかす方法

STEP2.画像に重ねてマスクをかけます。

作成したグラデーションオブジェクトと画像を重ねて「透明パネル」で「マスクを作成」をクリックします。

illustratorで写真の周りをぼかす方法

STEP3.下側だけのぼかしが完成

グラデーションで黒い部分がマスクされてぼかしになります。

illustratorで写真の周りをぼかす方法

マスク位置、ぼかし具合を調整したい場合は、「透明パネル」の「解除」ボタンをクリックするとマスクが外れてグラデーションオブジェクトに戻るので、グラデーションを調整して再度マスクを作成します。

illustratorで写真の周りをぼかす方法

まとめ

Illustratorだけで簡単に写真をぼかすことができます。画像をぼかすことでいろんな表現が可能になりますのでぜひ使ってみてください。

制作ツールのこと Illustrator
Illustrator
  • URLをコピーしました!
  • Photoshopのツールバーが消えたときの原因と再表示方法
  • Illustratorで写真を簡単にイラストにする方法

関連記事

  • 【illustrator】文字にグラデーションがかけられない時の解決法【アピアランスの使い方】
    2025年1月9日
  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
    2024年12月4日
  • Photoshop ツールバーが消えたとき
    Photoshopのツールバーが消えたときの原因と再表示方法
    2024年11月18日
  • イラレの埋め込み画像を取り出す方法
    【Illustrator】画像の埋め込みを解除して画像ファイルを取り出す方法
    2024年8月28日
  • Photoshopで点線を作る方法
    【Photoshop】ペンツールで簡単に点線を描く方法
    2024年7月16日
  • Excelで見やすい表を作るコツ
    Excelの表を見やすくするコツ【デザイナーが教えます】
    2024年6月24日
  • illustratorで単位を簡単に変更する方法
    Illustratorの単位をmm(ミリ)からpx(ピクセル)に変更する方法
    2024年6月19日
  • 画像の余白はカットしてデータを軽くしよう!という話
    2024年5月28日
人気記事
  • Excelで見やすい表を作るコツ
    Excelの表を見やすくするコツ【デザイナーが教えます】
    2024年6月24日
  • illustratorで写真の周りをぼかす方法
    【Illustrator】写真の周りをぼかす方法
    2024年11月20日
  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
    2024年12月4日
  • Illustratorタブの使い方
    【Illustrator】飲食店のメニューを作るなら覚えておきたいタブの使い方
    2022年5月6日
  • イラレの埋め込み画像を取り出す方法
    【Illustrator】画像の埋め込みを解除して画像ファイルを取り出す方法
    2024年8月28日
新着記事
  • 【illustrator】文字にグラデーションがかけられない時の解決法【アピアランスの使い方】
  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
  • illustratorで写真の周りをぼかす方法
    【Illustrator】写真の周りをぼかす方法
  • Photoshop ツールバーが消えたとき
    Photoshopのツールバーが消えたときの原因と再表示方法
  • SWELLアフィリエイトの始め方
    SWELLアフィリエイトの始め方【サイドバナーへの貼り方も解説】
カテゴリー
  • Excel
  • Illustrator
  • Photoshop
  • STUDIO
  • SWELL
  • WordPress
  • デザイナーになるには
  • デザインで起業・副業
  • デザインのコツ
  • デザイン時短テク
  • ブログ運営
  • 制作ツールのこと
  • 暮らしのこと
アーカイブ
  • 2025年1月
  • 2024年12月
  • 2024年11月
  • 2024年8月
  • 2024年7月
  • 2024年6月
  • 2024年5月
  • 2024年2月
  • 2022年5月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • Home
  • About me
  • プライバシーポリシー
  • お問い合わせ
  • にほんブログ村

© Design&Me デザイナーやデザイン初心者の方向け。仕事を楽しくスムーズにできるためのコツ。

目次