Ai_eyecatch_51
 

<登場人物>

ロキ
デザイナーを目指す未来からきた女の子。人々にドキドキを届ける一人前のクリエイターになるためにスキルアップの真っ最中。

ボロちゃん
ひょんなことからロキにデザインを教えることになった渋谷に生息するドブねずみクリエイター。ペディグリーチャムが大好物♡

 

空いっぱいにたくさんの星を描きたいんだけど、1つ1つずつ描くの大変そうなのよね、、なにかいい方法ないかなぁ。。

満天の星かー。。んじゃ、自作の散布ブラシを作ってみよう。

ロキは大小さまざまな星をたくさん作ってランダムに配置したいようです。星形のオブジェクトを1つ1つ作っていてはかなり時間がかかりそうですね。

 
Illustrator(イラストレーター)は文字や図形、色を構成してデザインすることができます。7月といえば七夕。星空を散布ブラシで表現する手順を紹介します。

使用バージョン

Adobe Illustrator 2021(25.2)

目次
描くものの特徴を観察しよう
散布ブラシの作成
星空の描き方
まとめ

描くものの特徴を観察しよう

「なにかを描きたい」ときには、その描きたいものをよく観察することから始めましょう。雨の日を思い出してみてください。映画や漫画の中にも雨は描かれています。そのものをみることができない時はネットの画像検索でたくさん観てください。それだけでも説得力のある表現になっていきます。満天の星を見ることができればいいですが、このイメージを目指してみましょう。
illustrator_brush_star00

散布ブラシの作成

「たくさん、ランダムに配置」が目的です。星型のオブジェクトを作成、「散布ブラシ」として作成します。
illustrator_brush_star1
①ツールバー[スターツール]から星を作り、[ブラシパネル」下部「新規ブラシアイコン」をクリックします。
 

POINT

 

illustrator_brush_star2
②ブラシの種類から「散布ブラシ」を選びます。
 
illustrator_brush_star3
③「散布ブラシ」が作成されました。
 
illustrator_brush_star4
④ツールバー[ブラシツール]を選んでアートボードにブラシを描きます。「散布ブラシ」の設定をします。
 
illustrator_brush_star5
⑤作成した散布ブラシアイコンをダブルクリック。または、[ブラシパネル]右上の線三本のアイコン[メニュー]をクリックして「ブラシオプション…」を選択します。
 

散布ブラシの調整

illustrator_brush_star6
⑥「サイズ」だけ操作してみました。「固定」→「ランダム」にします。2つのスライダのうち片方を最小「10%」にしてみました。プレビューにチェックが入っているので、描いた散布ブラシに結果が反映しています。
 
illustrator_brush_star7
⑦「散布」だけ「ランダム」「-500」に設定してみました。面倒でもに1つ1つスライダを動かしながらに効果を確認しておきましょう。
 
illustrator_brush_star9
⑧この組み合わせに落ち着きました。
illustrator_brush_star11
⑨ブラシで描いたり、作成したオブジェクトに適用もできます。

散布ブラシの色違い作成

illustrator_brush_star12
ブラシを適用したオブジェクトを選択した状態で、メニューバー[編集]→[カラーを編集]→[オブジェクトを再配色…]の方法が直感的に操作できます。
 
illustrator_brush_star13
表示されたパネルで色合いを変えることができます。
 
illustrator_brush_star14
リンクを外すと、○を単独で操作できます。
 
illustrator_brush_star15
パネルの以外の部分をクリックすると設定完了です。「ブラシパネル」に新規ブラシとして表示されます。
 

わ!すごい便利。

だよね。これなら手間なくスムーズにたくさんのオブジェクトを配置できるよ。

紙吹雪とか雪とかキラキラ〜なんかも作れるね。

 

星空の描き方

illustrator_brush_star16
①任意サイズの四角形を作成して、紺と青のグラデーションにします。
参考:Illustrator(イラストレーター)グラデーションの使い方
 
illustrator_brush_star17
②[スターツール]で「塗り:白/線:なし」のオブジェクトを1つ作成します。
 
illustrator_brush_star18
③「新規ブラシ」を作成。「ブラシオプション」で調整します。
 
illustrator_brush_star19
④「散布ブラシ」が重なったときに色の変化がつくのを期待して「透明パネル」で少し透けるように設定しました。
 
illustrator_brush_star20a
⑤[ブラシツール]でガシガシ描きます。
 
illustrator_brush_star21
⑥適当な形のオブジェクトを作成します。[グラデーションパネル]の「フリーグラデーション」で、彩色します。
参考:Illustrator(イラストレーター)グラデーションの使い方
 
illustrator_brush_star22
⑦メニューバー「効果」→「ぼかし」→「ぼかし(ガウス)」で輪郭をぼかします。「透明パネル」で[通常]→[オーバーレイ]に設定しました。
 
illustrator_brush_star23
⑧「ぼかし(ガウス)」はスライダで効果を調整してください。
 
illustrator_brush_star24
⑨森林のシルエットも「散布ブラシ」で作成してみましょう。樹木の形状のオブジェクトを1つ作成して「新規ブラシ」を作成します。
 
illustrator_brush_star25
⑩「ブラシオプション」で調整して、ブラシで描きましょう。
 
illustrator_brush_star26
⑪[クリッピングマスク]で整えます。一番上に枠にしたい形でオブジェクトを作成、メニューバー「オブジェクト」→「クリッピングマスク」→「作成」。
 
illustrator_brush_star27
⑫完成です。。思った色味にならなかったので調整します。
 
illustrator_brush_star28
⑬メニューバー「編集」→「カラーを調整」→「再度調整」。
 
illustrator_brush_star29
いい感じに仕上がりました。

まとめ

同様の工程でいろいろな「散布ブラシ」が作れます。チャレンジしてみましょう。

描きたいものをよく観察しよう
ブラシは自作できる
「散布ブラシ」でたくさんのオブジェクトを手早く表現できる
ランダムに散布できるので意図的な配置になりにくい