Illustrator日英対訳表をCC2019対応版に更新しました。

同心円グリッドツールで作るお花・網目【Illustrator】

今回は同心円グリッドツールでお花・網目を作ります。簡単にできるので、時間がない時にどうぞ。

Step 0 準備

・以下のパネルを表示させておいてください。

【アピアランスパネル】(Shift + F6)
【線パネル】(Ctrl + F10/Command + F10)

・チュートリアルで使用しているIllustratorはCC2015、ツールの名称などはCC2015にあわせています。
・カラーモードはRGB、基本単位はpx、Web上での使用を想定しています。
・今回のチュートリアルはCS5以前のバージョンには対応していません。(やや精度が低いものならつくることができます)

スポンサーリンク

Step 1 同心円グリッドツールで同心円をつくる

同心円グリッドツールで同心円を描いてみましょう!

直線ツールを長押しして、同心円グリッドツールに切り替えます。
m_160522-0034 2

 

切り替えたらダブルクリック。6つの同心円を作ります。
m_160521-0004 2
同心円グリッドツール/Polar Grid Tool

幅/Width:100px
高さ/Height:100px

同心円の分割/Concentric Dividers
線数/Number:5

円弧の分割/Radial Divider
線数/Number:0

無事同心円ができあがりました。
m_160521-0005

同心円の分割の線数は、「作りたい円の数マイナス1」を入力しましょう。

Step 2 ジグザグ効果をかける

このステップではジグザグ効果をかけて、同心円を花びら状にしていきます。

アピアランスパネルの左下、新規効果を追加【fx】>パスの変形>ジグザグを選択。パスをギザギザにします。

m_160521-0007 2
新規効果を追加>パスの変形>ジグザグ
Add Effect > Distort & Transform > Zig Zag

 

m_160521-0008 2
大きさ/Size:4px
入力値/Absolute

折り返し/Ridges per segment:11

ポイント/Points:直線的に/Corner

 

パット見このままでも良さそうですが、拡大するとコーナーがはみ出てしまっているので
m_160522-0040_2

線パネルで線の位置を「線を内側に揃える」に変更します。(この機能が無い場合は、円そのもののサイズを変更したりして調整してください)

m_160522-0041 2

線を内側に揃える/Align Stroke To Inside

できあがりました!
m_160522-0042 2

応用:飾る

線や塗りに色をつけて飾っていきましょう。

円形グラデーションを使ってみたり、
m_160522-0043

 

線色を背景色と同じにしてみたり、
m_160522-0045

 

線だけにしてみたり、
m_160522-0028 2

 

破線を使ってみたり、
m_160522-0001 2

 

ジグザグの数や色を変えてみたり、
m_160522-0002 2

 

ジグザグを滑らかにしてみたり。滑らかにすると、網目状に。
m_160522-0029 2

 

また、線はそれぞれ独立しているので、線ごとに好きな色をつけることができます。
m_160521-0013 2

いろいろ試してみてくださいね!

応用:分割する時は

分割する時は、合流をかけてあげると、分割後の見た目がわりかし綺麗になって、花びら一枚一枚に分かれます。
m_160522-0046 2
合流をかけてから、分割すると……

m_160522-0047

花びら一枚一枚、パスが分かれる。

補足:どうしてこんな風になるの?

同心円グリッドツールで同心円をつくると図のように「パスの始点は90度ずれ、パスの方向は逆」の同心円が描かれます。
m_160522-0035
パット見は同じだけど、中身はぜんぜん違う!

 

パスの方向が異なると、効果をかけた時の結果も異なるので、上手いことお花っぽくなるのです。
m_160522-0036
パスの向きが異なると、効果のかかり方も変わる!

 

全く同じ効果をかけても、結果は違う。

m_160522-0049

 

2種類のジグザグが互い違いに並んでいるの、わかりますか?
m_160522-0048

 

ちなみに、ジグザグの折り返し数を偶数にすると、波が揃ってしまうので、お花のようにはなりません。
m_160522-0032 2

補足:アピアランスじゃダメ?

アピアランスでも似たようなものを作ることができますが、少し制御が難しいです。でも、アピアランスでないとできない並びもありますので、作りたいものに合わせて試してみてください。
m_160522-0025

おわり

綺麗な花びらできましたか?

円形のオブジェクト作りに大活躍の同心円グリッドツール。今まで使ったことがなかった!というかたも、コレを機にぜひ使ってみてくださいね!以上、sakimitamaでした。お疲れさまでした!