【Illustrator】蜘蛛の巣を描く(絵心なくても大丈夫)同心円グリッドツールの使い方
![](https://www.beginavi.net/wp-content/uploads/2023/10/7aedd5d15c798345d5475f919106b86a-3.png)
ハロウィンも近いのでこのような蜘蛛の巣を作成します。
![](https://www.beginavi.net/wp-content/uploads/2023/10/02-4.png)
同心円グリッドツール
こちらのツールが同心円グリッドツールです
![](https://www.beginavi.net/wp-content/uploads/2023/10/03-2-640x360.png)
ツールパネルにはないので、下の点々を展開して、ツールパネルにドラッグします。
![](https://www.beginavi.net/wp-content/uploads/2023/10/04-2-640x360.png)
ドラッグするとこのような同心円が描けます。
同心円グリッドツールをダブルクリックして同心円グリッドツールオプションを出します。
![](https://www.beginavi.net/wp-content/uploads/2023/10/05-3.png)
【同心円の分割】
円を何重の円にするか決めることができます。
上の場合4つに分割するので5重の円になります。
【円弧の分割】
円を何等分するか決めることができます。
また【分布】を0以外にすると等分ではなくグラフのような線も引くことができます。
蜘蛛の巣を作ってみよう
背景を作成
![](https://www.beginavi.net/wp-content/uploads/2023/10/06-2-640x360.png)
背景はこのような色で円形グラデーションをかけました。
同心円グリッドツールで蜘蛛の巣を作成
同心円グリッドツールをダブルクリックします。
同心円グリッドツールオプションが出ます。
![](https://www.beginavi.net/wp-content/uploads/2023/10/07-3.png)
このような同心円ができました。
線の色は見やすいように白にしました。
線の太さは5
アンカーポイントの追加
次に【オブジェクト】から【パス】、【アンカーポイントの追加】を選択します。
![](https://www.beginavi.net/wp-content/uploads/2023/10/08-2.png)
![](https://www.beginavi.net/wp-content/uploads/2023/10/09-2-640x360.png)
アンカーポイントが追加されました
効果をかけて変形
![](https://www.beginavi.net/wp-content/uploads/2023/10/10-6-640x360.png)
次に【効果】から【パスの変形】、【パンク・膨張】
![](https://www.beginavi.net/wp-content/uploads/2023/10/11-6-640x360.png)
数値を【-14%】にします。
![](https://www.beginavi.net/wp-content/uploads/2023/10/12-6-640x360.png)
このようになりました。
![](https://www.beginavi.net/wp-content/uploads/2023/10/13-7-640x360.png)
【オブジェクト】から【アピアランスを分割】
装飾
![](https://www.beginavi.net/wp-content/uploads/2023/10/14-7-640x360.png)
コピーして1つはグレーにします。
#4D4D4D
![](https://www.beginavi.net/wp-content/uploads/2023/10/15-6-640x360.png)
もう1つの方は【効果】から【ぼかし】、【ぼかし(ガウス)】
![](https://www.beginavi.net/wp-content/uploads/2023/10/16-7-640x360.png)
半径4~5くらいにします。
![](https://www.beginavi.net/wp-content/uploads/2023/10/17-7-640x360.png)
線の色は#04BAAC
![](https://www.beginavi.net/wp-content/uploads/2023/10/18-5-640x360.png)
グレーを上にして重ねます。
![](https://www.beginavi.net/wp-content/uploads/2023/10/21-6-640x360.png)
このように作ったグラデーションを飾っても雰囲気が出ます。
![](https://www.beginavi.net/wp-content/uploads/2023/10/19-6.png)
完成
おまけ
他にも
![](https://www.beginavi.net/wp-content/uploads/2023/10/22-6-640x360.png)
円弧の分割を【0】にして
![](https://www.beginavi.net/wp-content/uploads/2023/10/23-4-640x360.png)
パンク・膨張を35%
それぞれ色を変えたらこのような花ができました。
同じように円弧の分割【0】
オブジェクトから【パス】アンカーポイントを追加します。
![](https://www.beginavi.net/wp-content/uploads/2023/10/24-4-640x360.png)
パンク・膨張を15%
このような花ができました。
同じカテゴリの記事一覧へ戻る