Illustratorの「スタイライズ」効果では何ができるの？

 
　メニューバーの「効果」を見ると、Illustratorではたくさんの効果が用意されていることが分かります。今回は「ラスタライズ」を詳しく見ていきたいと思いますので、メニューバーの「効果」→「スタイライズ」を見てみましょう。
　ラスタライズには、

• ぼかし
• ドロップシャドウ
• 光彩（内側）
• 光彩（外側）
• 落書き
• 角を丸くする

の6つの効果があります。
　今回は、こちらの素材を使って、afterのように効果を付けてみましょう。

Illustratorの角を丸くする、落書きの効果で背景の長方形に効果をつける

　まずは、後ろにある大きい四角形に、コーナーを丸くする効果と、手書き風の効果を適用してみましょう。Illustratorの「角を丸くする」と「落書き」の効果を使います。
　効果をつけたい長方形を選択します。ツールバーから選択ツールをクリックし、長方形をクリックすると選択ができます。
　メニューバーの「効果」→「スタイライズ」→「角を丸くする」を選択すると、ダイアログボックスが出てきます。

　左下にある「プレビュー」にチェックを入れておくと、数値を変えたときに後ろの図形がリアルタイムで変化するので、効果のかかり具合を確認しながら調整できて便利です。
　角の丸さを調整できる「半径」は、数値で設定します。今回は13mmに設定します。

　次に、手書き風の効果をつけてみます。長方形が選択されている状態で、Illustratorの「効果」メニュー→「スタイライズ」→「落書き」を選択すると、詳細設定のダイアログボックスが出てきます。

　線幅（落書きの線の太さ）は、太すぎると塗りつぶされてしまうので、プレビューを見ながら調整しましょう。今回は1.3にしておきます。大きな長方形の角が丸くなり、手書き風の効果が付きました。

Illustratorのドロップシャドウの効果を使って図形に影をつける

　緑と青のふせん、赤と黄色のピンに、影の効果をつけてみましょう。まずは、効果をつけたい図形を選択します。Shiftキーを押しながら4つの図形を選ぶと一緒に選択できます。
　次に、Illustratorのメニューバーから「効果」→「スタイライズ」→「ドロップシャドウ」をクリックし、詳細設定のダイアログボックスを開きます。各設定の説明は以下の通りです。

　描画モード：オブジェクトと影をどう合成するか　※今回は乗算に
　不透明度：影の透明度。下げると薄くなり、上げると濃くなる　※今回は50%に変更
　X軸オフセット：X方向（右方向）へのずれの幅　※今回は初期設定通り
　Y軸オフセット：Y方向（下方向）へのずれの幅　※今回は初期設定通り
　ぼかし：影の広がり方　※今回は初期設定通り

　すると、各オブジェクトに影が付きました。影をつけることで、平面的だった図形が一気に立体的に見えるようになりましたね。

Illustratorの光彩（内側）の効果を使って図形に色の効果をつける

　次は、Illustratorの「光彩（内側）」を使って、図形の内側に色をつける機能です。まずは効果を適用したい図形を選択します。Illustratorの「効果」→「スタイライズ」→「光彩（内側）」を選択し、ダイアログボックスを開きます。


各設定の説明は以下の通りです。
　描画モード：プルダウンの横にある□で光彩の色を選ぶことができる。今回は薄いピンクに
　不透明度：光彩の色の濃さ　今回は100%→より広く光彩の効果がかけることができる
　ぼかし：光彩の広がり方　※今回は初期設定通り
　中心：図形の中心から輪郭線に向かって光彩がかかる　※左のハートはこれ
　境界線：境界線から図形の中心に向かって光彩がかかる　※右のハートはこれ

　これで、2つのハートのオブジェクトに効果が付きました。左側のハートには、光彩の方向を「中心」に設定したので、中心から光彩がかかっています。右側のハートには、「境界線」を設定したので、外側から中心に向かって光彩がかかっています。

Illustratorの効果「ぼかし」を使って蛍光ペン風の効果をつける

　最後に、文字に重ねてある黄色い長方形に「ぼかし」の効果をかけて、蛍光ペンで引いた線のように加工してみます。まずは、黄色く塗った長方形を選択し、メニューバーの「効果」→「スタイライズ」→「ぼかし」を選択すると、ダイアログボックスが開きます。

設定は以下の通りです。
　半径：図形の輪郭をぼかす大きさ。あまり大きくしすぎると見えなくなってしまう　※今回は2.5mmに設定
これで、蛍光ペン風に長方形をぼかして表示する効果が設定できました。

図形に適用されているIllustratorの効果を確認するにはアピアランスパネルが便利

　「ウインドウ」メニュー→「アピアランス」パネルを表示しておくと、現在選択している図形に設定されている線・塗りの色や、どのような効果がかかっているかが確認できます。「ドロップシャドウ」など、それぞれの効果の名前をクリックすると、一度設定した効果を再編集できるので、アピアランスパネルは常に表示しておくことをおすすめします。

平面が立体的に見える！？Illustratorの効果〜スタイライズ編〜

　今回は、Illustratorの効果について、スタイライズの内容を中心に説明しました。ドロップシャドウやぼかしの効果などは、Illustratorでデザインをする上で、簡単に使えてデザインにメリハリが出るので、とてもよく使われているIllustratorの効果です。各効果を有効に使えるかどうかは、数値の調整が大事になってきますので、プレビューを見ながら少しずつ調整することがポイントです！

illustratorの『パス』とは？

さて、『パスの変形』をするという事ですが、そもそも『パス』とは何でしょうか？
『パス』や『オブジェクト』という言葉がよく使われますよね。これらが何か、意外と分かっていないままillustratorを操作している人もいたりします。簡単に説明すると『パス』は『骨組み』の事で、『オブジェクト』は作成した『図形』などの事を言いますね。
なので『パス』を操作する事で、キャラクターなど様々な物が操作出来る訳ですね。稀に、『線』と『パス』の区別がついていない人もいますので注意しましょう。
例として、下の画像は黄色い部分が『線の色』、中心にある青い線がパスになります。

『パス』を変形させる『効果』メニューを覚えよう

今回は簡単にillustratorでパスの変形が出来る『効果』メニューの機能について紹介をします。決まった変形の仕方になりますが、数値を指定する事でぎざぎざの形など出来るので便利です。注意したい所としては『効果』の『パスの変形』は実際のパスは変わらず見た目が変化します。
例としては下の画像は『長方形のパス』を効果で変形しましたが、四角形のパスが残っているのが分かりますね。こういう変化のさせ方になります。

全部で７つの機能がありますので、どの様に変化していくのか説明していきます。

【パスの変形の効果①】ジグザグで変形

1つ目は『ジグザグ』を使った変形です。その名の通り、辺の部分をジグザグに出来ます。
設定ではジグザグさせる大きさと何回折り曲げるのかを指定します。
また、滑らかにする事も出来るので、波線を作りたい時にも使えます。

【パスの変形の効果②】パスの自由変形で変形

『パスの自由変形』を選択すると変形するためのウィンドウが表示されます。
操作としては『ダイレクト選択ツール』でアンカーを移動させる操作と同じになります。
このウィンドウ内で変形された形に、オブジェクトの見た目も変わっているのが分かりますね。

【パスの変形の効果③】パンク・膨張で変形

パスの部分を膨らませたり、へこませる様に変形をする方法です。
『収縮』の方にすればへこむ感じになりますし、『膨張』の方であれば膨らむ様になります。
花の様な形を作る時にも使われたりします。

【パスの変形の効果④】ラフで変形

線をランダムに振動させた感じの変形の仕方になります。
ジグザグよりも不規則に変化させているので、うまく設定すればフリーハンドで引いた線のような感じにもなります。

【パスの変形の効果⑤】ランダム・ひねりで変形

上下左右方向にひねりを加える様な変形の仕方になります。
ゆがんだ様な形に変更させるのが特徴ですね。

【パスの変形の効果⑥】変形で変形

パスの変形には『変形』という名前のメニューもあります。
これは拡大や縮小、移動、回転をまとめて設定する事が出来ます。垂直方向と水平方向それぞれに設定する事が出来るので、縦に伸ばしたいとか横にずらしたいという変形の仕方が可能になっている内容になります。

【パスの変形の効果⑦】旋回で変形

旋回はオブジェクトを回転させながら変形をする内容になります。
ただ回転させるのではなく、ゆがみながら回転するのがポイントですね。粘土の様な柔らかい物を回転させた時の変形の仕方に近い感じですね。

illustratorの【パスの変形】を効果を使って変形するには？｜【まとめ】

今回はillustratorにある『効果メニュー』の中にある『パスの変形』を活用した変形の仕方について紹介しました。数値をどの様に設定するのかによって結果はいろいろと変わってくるのがこの機能になります。
Illustratorの操作全般に当てはまる事ですが、実際に設定をしてみて感覚を掴むのが一番いいです。形としてどの様に変化するのが分かったら、あとはいろいろな数値で変形の仕方を試してみてくださいね。