区切り線:丸線
ここでは区切り線に使う丸線を作成しています。
完成予想素材:
ファイルの新規作成
上部メニューのファイルから新規→白紙ファイルを選び新規にファイルを作成します。
幅:15px 高さ:5px 解像度:72px カラーモード:RGBカラー カンバスカラー:透明とします。
丸線は丸を作るだけ

今回作る丸線は丸と線をあわせているだけです。
上の画像のように鉛筆ツールを使い塗りつぶします。丸が中心になるようにします。
幅を15ピクセルとしたのは丸が5ピクセル、丸と丸の間隔を10ピクセルとしたためです。
一見、丸を一番左してその後に続くように線を描いたほうが簡単に見えますが繰り返し表示させた場合、左右で対象にならなくなるので注意しましょう。
↓完成画像:CSSで繰り返し表示させています
ひと工夫する
ここでもうひとつ工夫をしてみます。
新規ファイルから14×5ピクセルのファイルを作ります。

先ほどの画像より幅を1ピクセル狭めています。
そして線の部分を2重のドット線にして丸の中を透明にします。これで完成です。
↓完成画像:CSSで繰り返し表示させています
14ピクセルとしたのは15ピクセルのままだと2重のドット線の間隔がおかしくなるためです。
