Illustratorを使ってバナーを作っていて、紙吹雪のような背景を作りたいと思いました。
小さな図形を一つ一つサイズや角度を変えて配置してもいいのですが、とても面倒くさい。
なにかいい方法が無いかなと思い、試してみたので備忘録として残しておきます。
![ヤギのイラスト。背景に沢山のカラフルな三角形。](https://frog-sapo.com/wp-content/uploads/2023/11/01e7294c2109aafc73ed3e6e1254d060.jpg)
今回はIllustratorでこんな背景を作る方法です。
紙吹雪があると華やかですし、カラフルでかわいくなります。
散布ブラシで紙吹雪を作る
1;散らしたい図形を描く
紙吹雪として散らしたい図形を描きます。
例では三角形ですが、四角でも丸でも何でもよいです。カンバスの上に描いても、外に描いてもどちらでもよいです。
![Illustratorで小さな三角形を描いたスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/11/652fc6dc0cf57a94fda603870eb125af.jpg)
図形の大きさは「散らしたいなあ」と思う大体のサイズで作れば大丈夫です。
2:散布ブラシに登録する
1で作った図形を選択し、ブラシパネルの「新規ブラシ」をクリックします。
![ブラシパネルのスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/11/bc67700682d9aae9b609a24857dfc5df.jpg)
新規ブラシの種類から「散布ブラシ」を選択します。
![「散布ブラシ」を選択しているスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/11/d4f1fa80dba71e6b7ff1934f65fea461.jpg)
「散布ブラシのオプション」が表示されるので、[サイズ][間隔][散布][回転]をデフォルトの「固定」から「ランダム」に変更します。
![「散布ブラシオプション」のスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/11/b1cea1a2a1bf013580af90c36a067a8f.jpg)
右横のスライダーでランダム具合を設定できます。
![散布ブラシの設定についての解説図](https://frog-sapo.com/wp-content/uploads/2023/11/79f25baef9f60e1e48bd73819392d75f.jpg)
一発で理想通りにすることは難しいと思います。後から設定を変えることができるので、ここでは適当に設定して大丈夫です。
[回転の基準]を[パス]に変更して、[着色]の[方式]は[明清色]を選択します。
![「散布ブラシオプション」のスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/11/7f33f8151837beba1e78bed6aab6895f.jpg)
3:散布ブラシを適用する
今回はヤギの周りに紙吹雪を散らしたいので、イラストを囲むように「楕円形ツール【ショートカットキーL】」で円を描きました。
![ブラシパネルから散布ブラシを適用するスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/695ceb802a3986a2ea036bfe4367ce3e.jpg)
この円の線に、散布ブラシを適用させます。
円を選択した状態で、「ブラシパネル」から2で設定した散布ブラシをクリックします。
![ブラシパネルから散布ブラシを適用するスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/62ebcb551366a6c566ae7cfc0d792cb5.jpg)
散布ブラシが適用されました。
![散布ブラシが線に適用されたスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/7c774e1d39a82d33833d5ebb73a00027.jpg)
2で[着色]の[方式]を変更しているので、線の色を変えることができます。
![線の色を変更しているスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/30324bc494989817ca70ce19dcb08698.jpg)
線の太さを変えると、ブラシの図形も大きさも変わります。
![散布ブラシの線幅を変更したスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/1c009bc91b860c75e427b405c5089060.jpg)
4:線を複製する
紙吹雪を複数の色にしたので、線を複製します。
アピアランスパネルの[線]をAltorOptionを押しながらドラッグすることで、線を複製することができます(レイヤー自体を複製してもよいです)。
![アピアランスパネルで線を追加したスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/fcc0faf92f4ec15d344a959c7ce858be.jpg)
複製した線の色を変更します。
![複製した線の色をカラフルにしたスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/e31502b29ecb1f42702b22a1bf7ca909.jpg)
5:完成
![完成した紙吹雪の画像](https://frog-sapo.com/wp-content/uploads/2023/12/85c6b0d9f20bfaccd4465e06f48ae295.jpg)
紙吹雪がひとまず完成しました。
これでも十分かわいいですが、三角形の位置に偏りがあるように見えるので、微調整していきます。
できあがった紙吹雪を修正する
散布ブラシはランダム設定
散布ブラシはランダム設定なので、クリックするたびにブラシの散らばりかたが変わります。
![ブラシパネルでブラシをクリックしているスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/7826c89f06ee8405443222299e98be70.jpg)
「散らばりがイマイチかなあ」と思ったら、クリックすることで、毎回違う結果になります。
散布ブラシを再設定する
ブラシをダブルクリックすると、ブラシの設定を再設定することができます。
![散布ブラシオプションを再表示させているスクリーンショット](https://frog-sapo.com/wp-content/uploads/2023/12/aea66cf88bc74a72b5b529e23d6565dc-1.jpg)
プレビューにチェックを入れておくと、変化を見ながら設定できるのでわかりやすいです。
紙吹雪を重ねたくない場合は?
散布ブラシでカラフルな紙吹雪を作ると、紙吹雪が重なってしまいます。
![ヤギのイラスト。背景に沢山のカラフルな三角形。](https://frog-sapo.com/wp-content/uploads/2023/11/01e7294c2109aafc73ed3e6e1254d060.jpg)
単色であれば[間隔]を100%以下にしなければ図形同士が重なり合うことはありませんが、多色の場合はどうしても重なります。
散布ブラシを使った作り方では、重なり合わないように作ることは難しいです。
「カラフルな紙吹雪を作りたいが、紙吹雪同士は重ならないようにしたい」
そんな場合は、無料で使えるスクリプト「fillinger」を使って紙吹雪を作りましょう。
![ヤギのイラスト。背景に沢山のカラフルな三角形。](https://frog-sapo.com/wp-content/uploads/2023/11/6e725b0e3a8012025570e47c040b217c.jpg)
![](https://frog-sapo.com/wp-content/uploads/2023/12/fillinger-300x158.jpg)
まとめ:イラレで紙吹雪は、覚えてしまえばとても簡単!
今回はイラレでの紙吹雪の作り方を書きました。ポップなバナーやチラシを作るときには重宝します。
今回は楕円形ツールに散布ブラシを適用しましたが、もちろんペンツールで描いた線にも適用できます。
デザインによっては紙吹雪が重なってほしくないときもあるので、そのときは別の方法を使う必要があります。
逆に紙吹雪同士が重なっていると賑やかな雰囲気が出るので、そんなときはこの方法が簡単でいいと思いました。
以上、僕が忘れてしまわないためのイラレで紙吹雪を作る方法でした。