【Adobe illustrator】画像をぼかす方法　完全ガイド

デザインをしていると、
この「ぼかし」は日常よく使うと思います。

ちょっとしたぼかしなら、
Photoshopをわざわざ立ち上げなくても
イラレのぼかしで十分ということはかなりありますよね。

でもイラレのぼかしは「ガウスしか知らん！」という人も
多いのではないでしょうか？

実はぼかしも種類があり、
不透明マスクに似た効果のぼかしや、
写真のズームのようなぼかし、
画像を絵画風にするぼかしなど、効果は様々です。

ぼかしの種類をおさえて
きちんと使い分けられるようになるために
全種類ご紹介します。

それではみていきましょう。

Illustratorのぼかしは、大きく分けて２種類ある

Illustratorにぼかしは大きく分けて２種類あります。

結構以前のバージョンからあるので、ご存じの方も多いと思いますが、

①と②は、どういう違いがあるのかご存知でしょうか？

効果＞（Illustrator効果）スタイライズ＞ぼかし

この可愛い女の子の画像で効果を見ていきましょう。

この画像は写真ACというフリーサイトからダウンロードしました。

Adobe Illustrator＞効果＞スタイライズ＞ぼかしを選択します

ぼかしの半径を30pxに設定します(mmやcm単位での設定もできます）

すると画像の長方形の外側（境界線）だけ30px分、ぼかせました。

これは不透明マスクも同じように周囲だけぼかしたような効果ですが、
この「ぼかし」のほうがより簡単に、
ぼかしの距離（ぼけ足）を指定することができます。

Illustratorの効果はアピアランスから設定を変えることも、ぼかしをやめることもできます。

さらにもう一度ぼかしをクリックするとぼかしのパネルが出ます。

そこから数値を再設定できますし、ゴミ箱に捨てればぼかしを解除することもできます。

効果＞(Photoshop効果）ぼかし

次に、効果＞（Photoshop効果）＞ぼかしのほうも見ていきましょう。

こちらはPhotoshopでできる効果ですが、
Illustratorでも簡易版として同じ効果を使うことができ、３種類に分かれています。

「ガウス、放射状、詳細」の３つです。それぞれの効果をみていきましょう。

１つ目はガウスです。

このガウスを使う人が最も多いのではないでしょうか。

効果＞ぼかし＞ガウス

ぼかしガウスを10pxにしてみます。

ぼかし（ガウス）は全体的に女の子も含めて、画像を均等にぼかします。
数値が大きければ大きいほど、ぼけます。

効果＞ぼかし＞放射状

次は放射です。30pxの回転／標準に設定します。

回転は、中心点を元に回転します。
残存が見えるような印象で、回転数を指定することができます。

この中心点は任意の場所に指定することもできます。

左上を指定してみました。すると結果はこんな感じに左上を中心に回転します。

続いて下のズームを見てみましょう。30pxに指定します。

カメラのズームレンズのように中心に焦点をあわせ、外側へ放射状にぼかしてくれます。

効果＞ぼかし＞詳細

ぼかし詳細は、Photoshopなどで使う高度なぼかしで、
Illustratorで使うことは稀ですが一応効果を見ていきましょう。

任意の数値に指定します。

今回は、半径：35px、しきい値：75px、画質：高、モード：標準にしてみます。

設定パネルにも出ていますが、まるで水彩画のようにぼかしが入りました。

半径で、帽子や肌などの輪郭（エッジ）にどれくらいぼかしを入れるか
という長さを指定できます。

逆に頬や額などの輪郭ではない部分にどれくらいぼかしを入れるか
指定するのがしきい値です。

しきい値をわかりやすく見比べてみます。

左はしきい値を指定し、
右はしきい値は０(0.1以上にしないといけないので0.1)にしています。

頬や額が左はボケて立体感がなくなり、より絵画のようになりました。

まとめ

いかがでしたか？それでは今日のまとめです。

Illustratorの便利な「ぼかし」を覚えて、
作業の効率化を図りましょう！

ちょびとみい

アートディレクター、グラフィックデザイナー

Twitter

都内の広告代理店で働く、アートディレクターです。

デザイナー必須のAdobeアプリの操作方法や、
小技とpremiereproの初心者の備忘録を中心にご紹介しています。

Adobe Illustrator・Photoshop歴／20年
Adobe premierepro歴／2024年5月から始めた超初心者
ブログ歴／2024年2月から始めた超初心者