水たまりの波紋が広がる！Illustratorで簡単に作る雨のタイポグラフィ｜ブログ

はじめに 水滴がぽたんと落ちて水面に波紋がフワッと広がるような表現は、みずみずしさやエモーショナルな空気感をプラスしたいときにぴったりのグラフィックです。 今回はIllustratorを使って、文字の上にリアルな波紋が重なるタイポグラフィの簡単な作り方をご紹介します。 制作の流れ テキストを用意して複合シェイプを作成する 「Rain」のテキストを入力した状態で、パスファインダーパネルのオプションから「複合シェイプを作成」を適用しておきます。 楕円形ツールで円を2つ描き、ブレンドツールを適用する 線のみに設定した楕円形ツールで中心を揃えた大小2つの円を描き、ブレンドツールでつないで同心円のベースを作ります。 ブレンドのステップ数を好みに調整する ブレンドオプションを開き、間隔を「ステップ数」に切り替えてプレビューを見ながら自然な波紋の密度になるよう数値を調整します。 パスのアウトラインを作成し、テキストとグループにして型抜きする 波紋に「パスのアウトライン」を適用してテキストとグループ化し、パスファインダーパネルの「前面オブジェクトで型抜き」を実行します。 「パスのオフセット」で隙間を微調整する 「パスのオフセット」で数値を変更し、波紋の隙間の幅や文字の太さを後から調整して仕上げます。 まとめ ブレンドツールで均等な同心円を作り、グループ化して型抜きするだけで、複雑そうに見える水面のタイポグラフィが驚くほど簡単に仕上がりました。 仕上げにアピアランスの「パスのオフセット」を活用すれば、元のオブジェクトを崩すことなく、波紋の抜け感やラインの太さを直感的に微調整できるのが嬉しいポイントです。 水滴や波紋をモチーフにしたグラフィックはもちろん、透明感や動きを出したい様々なデザインにぜひ活用してみてくださいね。