MENU
CLOSE
DESIGNPICK UPWEB Edit : 2024.06.09 Update : 2024.06.12

【Illustrator・Ai】イラレの手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。

Illustratorの散布ブラシを使ったクレヨン風のキャラクターをつくってみる!

WingArk1stさんのラーニングサポートで利用するひよこのキャラクターを作成する際に、Illustratorの散布ブラシを自作して制作しましたのでご紹介していきたいと思います!
Illustrator標準のブラシライブラリに「アート_木炭・鉛筆」というものがありますが、全てアートブラシタイプとなっていてパスの長さに引っ張られるので自由な形に適用しづらい事が多々あります。
パスの長さに引きずられない散布ブラシを使って鉛筆やクレヨン風の書き味を出せないものかと、ブラシを作ってみました。キャラクター制作やブラシツール使用の参考にしてみてください!

散布ブラシでのクレヨン風の書き味を出すブラシ(散布ブラシ)の作り方

①適当に塗りあり線なしの円を作成し、パスをラフに変形させる

【Ai】Illustrator手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。 効果>パスの変形>ラフ…
サイズ「5%」、詳細「5」/inchに設定、ポイントは「丸く」
※こちらの数値は描いた丸の大きさに合わせてすこしいびつになる程度に調節します。

②アピアランスを分割し、ブラシパレットにドラッグ

【Ai】Illustrator手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。

オブジェクト>アピアランスを分割
バウンディングボックスや拡大縮小ツール等を使って1ポイントの線幅に見合うサイズに縮小。
それをブラシパレットにドラッグして散布ブラシを選択して「OK」を押す。


③散布ブラシオプションを設定する

【Ai】Illustrator手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。
サイズ:[ランダム][100%][75%]
間隔:[ランダム][40%][30%]
散布:[ランダム][3%][-3%]
回転:[ランダム][-180°][180°]

回転で360°ランダムにしているので回転の基準は「ページ」でも「パス」でもどちらでも構いません。
彩色の方式を「色相のシフト」にしておくとブラシに色が付けられます

④ブラシをパスに適応させる

これでブラシは完成です✨さっそくパスに適用してみましょう。
以下は、線と円にブラシ適用。円は何だかカクカクしてます。
【Ai】Illustrator手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。

⑤パスの微調整

【Ai】Illustrator手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。
【Ai】Illustrator手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。 散布ブラシは曲線に非常に弱いです。なので効果>パスの変形>ラフ…サイズ「0%」詳細「10」/inchに設定します。 カクカクが無くなりました。

⑤キャラクターに適用

【Ai】Illustrator手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。 直線で描いたひよこのキャラクターにクレヨン風の散布ブラシを適用してみました。
手描き感が加わって、一気に可愛らしい印象になりました🌼

つくってみた他のポーズもご紹介。

他のポーズも作成しました!
【Ai】Illustrator手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。 線の太さや色を好みに調整すれば、他表情のバリエーションを作成する際にも活用も可能です。

弊社では、サービスに利用する可愛らしいキャラクター制作も得意としております。興味がありましたらお気軽にご連絡ください✨

Yuka Fujimoto

美大にいた頃に画面ひとつで世界中の人と繋がれるWebサイトの機能性やデザインへ興味を持つ。インターンを経てIT企業へ就職し、そこで出会った小日向とKOHIMOTOを立ち上げる。実用的なサイトを追求するディレクター兼デザイナー。ラジオと焼き鳥がすき。