目次
ぼかしとは?
![ぼかしの有無の比較](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-100.jpg?resize=880%2C432&ssl=1)
下のようにそれぞれぼかしを適用するとしっかり境界線がボケるよ。
![図形とテキストと画像のぼかしまとめ](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/zukei-text-photo-100.jpg?resize=880%2C585&ssl=1)
![ぼかしの背面画像](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-haimen.png?resize=622%2C595&ssl=1)
ぼかしの使い方
STEP.1
ぼかすオブジェクトを出す
ここでのオブジェクトは図形でもテキストでも写真でもなんでも大丈夫です。どんなものでもぼかすことができるのでぼかしたいものを出しましょう。 ![アートボードに長方形ツール](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-object.png?resize=880%2C548&ssl=1)
![アートボードに長方形ツール](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-object.png?resize=880%2C548&ssl=1)
STEP.2
オブジェクトを選択してメニューバーからぼかしを適用
ぼかしを適用したオブジェクトを選択ツールで選択してからメニューバー>効果>スタイライズ>ぼかしの順番でぼかしを適用していきます。
この時オブジェクトの塗りや線は関係ありません。後ほど詳しい説明をします。
![ぼかし(メニューバー)](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-explain.png?resize=880%2C548&ssl=1)
STEP.3
ぼかしの半径を設定する
![ぼかしの設定](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-configuration.png?resize=399%2C170&ssl=1)
STEP.4
完成
すると下のようにぼかしが効いたオブジェクトが完成です。 ![ぼかしが効いた長方形](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-finish.png?resize=694%2C425&ssl=1)
![ぼかしが効いた長方形](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-finish.png?resize=694%2C425&ssl=1)
スタイライズのぼかし以外にPhotoshopもあるけど、手順は同じ!
スタイライズのぼかしとPhotoshoop効果のぼかしは何が違うの?
![2種類のぼかし](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-twotype.png?resize=880%2C549&ssl=1)
![ぼかしなしのスター](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/star-bokashi-none.png?resize=275%2C276&ssl=1)
メニューバー>効果>スタイライズ>ぼかし
![スタイライズぼかし説明](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/star-bokashi.png?resize=880%2C386&ssl=1)
スタイライズのぼかしは境界線からの距離!
![スタイライズのぼかし説明](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/stylize-bokashi.png?resize=835%2C469&ssl=1)
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/senari-nashi.png?resize=880%2C706&ssl=1)
メニューバー>効果>ぼかし>ぼかし(ガウス)
![ガウス比較](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/gauss-bokashi.png?resize=880%2C388&ssl=1)
![ガウスのぼかし説明](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/star-gauss-explain.png?resize=880%2C428&ssl=1)
この2つの違いはテキストで比較してみるとわかりやすいよ!ガウスは均等にボケているのに対してスタイライズは境界線からぼかしを考えるからぼかしにムラがあるよね
![スタイライズのぼかしとガウスの比較(テキスト)](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/stylize-gauss.png?resize=880%2C229&ssl=1)
メニューバー>効果>ぼかし>ぼかし(放射状)
![放射状ぼかし](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/houshajou-bokashi.png?resize=880%2C388&ssl=1)
![ぼかし説明](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/houshajou-bokashi-explain_1.png?resize=880%2C494&ssl=1)
![](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/houshajou-iroiro.png?resize=880%2C522&ssl=1)
本当だ!だから、円は全く変わらないんだね
MEMO
放射状には回転の他にズームもありますが、スタイライズのぼかしと使った感覚変わりません。 ![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/zoom-bokashi.png?resize=880%2C556&ssl=1)
メニューバー>効果>ぼかし>ぼかし(詳細)
![ぼかし(詳細)の説明](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-shousai-100.jpg?resize=880%2C342&ssl=1)
オブジェクトやテキストには使わないよ
写真にぼかしを適用するとぼかし(ガウス、放射状、詳細)は写真の中だけのぼかしになる
スタイライズは境界線、Photoshop効果は内部にぼかしがかかる!
![フォトショップ効果のぼかし](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/photoshop-bokashi.png?resize=880%2C516&ssl=1)
![元の画像とPhotoshop効果の比較](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/photoshop-bokashi-hikaku-100.jpg?resize=880%2C462&ssl=1)
元の画像とPhotoshop効果欄にあるぼかしを全て比較してみたよ。どれも写真内でボケているのがわかるね
![元の画像とスタイライズの比較](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/stylize-hikaku-100.jpg?resize=600%2C718&ssl=1)
![ガウス+スタイライズの組み合わせぼかし](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/gaussstylize-100.jpg?resize=293%2C196&ssl=1)
スタイライズのぼかしとPhotoshop効果のぼかしは別物だね!
IllustratorのぼかしによくあるQ&A
写真に自由にぼかし(透明グラデーション)をかけたい
不透明マスクを使うと自分の好きなように写真に透明なグラデーションをかけられる
下の記事に不透明マスクを使った写真に透明グラデーションをかける方法をまとめました。 【Illustrator】透明のグラデーションをかける方法:図形から写真、線までご紹介
クリッピングマスクをかけてからぼかしたい
クリッピングマスクをしてからぼかしでできる
STEP.1
画像と切り取るオブジェクトを用意
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-17-1.45.43.png?resize=880%2C519&ssl=1)
STEP.2
画像とオブジェクトを選択
STEP.3
クリッピングマスク作成
メニューバー>オブジェクト>クリッピングマスク>作成の順番で画像をオブジェクトの形に切り抜きます。 ![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-17-1.47.45.png?resize=880%2C518&ssl=1)
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-17-1.47.45.png?resize=880%2C518&ssl=1)
STEP.4
ぼかしを適用
かけたいぼかしを手順通りに適用します。 ![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-17-1.48.25.png?resize=880%2C516&ssl=1)
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-17-1.48.25.png?resize=880%2C516&ssl=1)
STEP.5
完成
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/bokashi-photo-star-100.jpg?resize=300%2C285&ssl=1)
コメントを残す