どうも！
前回の記事では、『ボーダー・ストライプ編』をご紹介しました。

今回は『ドット編』です！
作り方を覚えると便利なパターンだと思います♪
さっそく作っていきましょう！

ドットパターンをつくる

①前回と同様、メニューのオブジェクトからパターンを選択して、作成を押します

 

 

②パネルオプション、パターン作成アートボードが表示され、スウォッチに新規パターンが追加されます

ここまではボーダー・ストライプ編と同じですね！

 

 

※ドットを作るときは、背景もつけないとこのようにドット以外が透過してしまいます。
場合によっては透過したほうがいいデザインもありますが、ここでは背景も作ります。

 

 

③スウォッチの「ホワイト」を選択、長方形ツールに切り替えて、アートボードの左上をクリックし続けます
④クリックしながら「Shiftキー」を押しながらドラッグ
※シフトを押すことで綺麗な正方形を作ることができます

 

 

⑤ドットの色を選択してから、楕円形ツールに切り替えます
（長方形ツールをクリックし続けるとシェイプメニューが出て、楕円形ツールを選択できます）

 

 

⑥アートボードの中心をクリックし続けます
⑦「Altキー」と「Shiftキー」を押しながら、マウスを動かして円をつくります

 

 

⑧画面にドットが広がりました

 

 

※ちなみにこのまま「完了」を押して、パターンをつけるとこんな感じになります！
このままでも、デザインによっては完成なのですが、ドットの大きさを変化させるとまた違ったパターンになるので、ご紹介しますね！

 

ドットの大きさを変える

①スウォッチに保存したドットパターンをダブルクリックします
（一度作ったパターンを修正することができます）

 

 

②色は先程と同じものを選択します（ドットをカラフルにしたい場合は違う色を選択）
楕円形ツールに切り替えます

 

 

③中心円の右、アートボードの線を目印に小さな円をつくります
（このときも「Altキー」と「Shiftキー」を押すことを忘れずに！）

左横にも円が表示されればOKです！

 

 

次に正方形の上にも円をつくるのですが、このままでは背景のホワイトに隠れてしまいます。
そうならないために次の設定をします。
④パターンオプションパネルに「重なり」を設定するところがあります
ここで「背景の正方形」を選択してから、「下を前面へ」を選択します

 

⑤次に中心円の真上にも小さな円をつくります
このときは②③で作った円をクリックしながら「Altキー」を押して、中心円の真上までドラッグするとコピーできますよ！

 

 

⑥先程設定したとおりに、どの円も前面に表示されて、ドットに動きが出ましたね
「完了」を押して、さっそく塗っていきましょう♪

パターンを塗る

①塗りたいオブジェクトを選択してから、ドットパターンをクリック

②サイズが違うドットパターンがつきました！卵っぽくなってきましたね！

ここで前記事「ボーダー・ストライプ編」でもお話しました、ツールにある「拡大縮小ツール」でドットの大きさを変えます。
今回は「移動ツール」も使って、ドットの水平・垂直の位置も調整します。
（「移動ツール」はパターンが入ったオブジェクトのみ選択してから「Enterキー」を押すと自動で出てきますよ）

完成

ちゃんと卵っぽくなりましたね！

様々なデザインに使えるドットパターン○●○
お好きにアレンジして作ってみてください♪

次回は『ギンガムチェック編』です！お楽しみに！