ラブ! Web開発

1. 円を2つ描く

キャプチャのように、中心を合わせて上下にずらした大小の円を二つ描きます。

円を2つ描く

2. ブレンドツールの設定

ブレンドツールをダブルクリックすると下のような小ダイアログがでます。[間隔]をステップ数、18としてOKボタンを押してください。

ブレンドツールの設定

3. ブレンドツールで複製する

1で描いた2つの円の上部のアンカーポイントを続けてクリックしてブレンドします。キャプチャのように円がたくさんできるはずです。

ブレンドツールで複製する

4. ブレンドオブジェクトを拡張する

円をひとつずつ動かしたいので、[拡張]を使います。メニューから[オブジェクト]＞[ブレンド]＞[拡張]を選択してください。その後、グループ解除([Shift]+[Ctrl]+G)しておきましょう。

ブレンドオブジェクトを拡張する

5. 回転ツールを使って回転させる

まずすべての円を選択して、選択ツールのまま[Shift]キーを押しながら一番外側の円をクリックします。その状態で[回転]ツールをダブルクリックしましょう。下のような小さなダイアログが出るはずです。[角度]を30℃にしてOKを押します。

回転ツールを使って回転させる

6. ひとつずつ選択を解除しながら回転していく

5で一番外側の円以外が選択されているはずです。その状態で、もうひとつ内側の円を選択解除します。2つ以外の円が選択されている状態です。この状態で5と同じように[回転]ツールを使って30℃傾けましょう。
[回転]ツールを選択したまま、[Ctrl]+[Shift]+クリックし、[Enter]キーを2回叩くと簡単です。どんどん回転させていきます。

ひとつずつ選択を解除しながら回転していく

7. 配色する

円を2つおきに選択し、カラーを変更します。同じようにもうひとつ内側の円を2つおきに選択し、塗りつぶしを白にします。

配色する

ここはお好みでかまいません。同系色でまとめると落ち着いた背景として使えます。

同系色のうずまき

反対色を使うとポップな印象を出せるでしょう。

反対色のうずまき

彩度の低い色でまとめるとおしゃれな印象を与えます。

彩度の低いうずまき

いろんな配色で印象を変えて楽しんでみてください。