フリーのアイコンやライン等が数多く配布されていますが、サイトを作っていて、たまに自分の欲しい物がないことって、たまにありませんか？
このサイトは、「あ〜でもない、こ〜でもない」といろいろなことを試すため、極力シンプルにと（現在の段階はですが…今後変わると思います。）思い作っているのですが、あまりにもあっさりしすぎるので少しのアクセントが欲しく、クレヨン調のライン、またはブラシを探していました。
いくつか、それらしき物がありましたが、自分の思うラインやブラシがなかったので、自分で作成してみました。
先日購入しました、Pixelmatorで作成しました。
作成
今回は、280px、680px、660pxを作りました。
短いのを作ってリピートをしようと思いましたが、右端の細くなった部分を残しておきたくて、あえて別々に作成しました。
かなり原始的なやり方ですw
３サイズのうち280pxをご紹介します。
まず、新規作成から幅280px、高さ10pxでサイズを指定しました。
これだと、かなりやり難いのでズームインをして（ここでは800%にしました）
作業をやり易いようにしました。
ブラシツールから、ブラシを選択を選び、今回はデフォルトのブラシを使用しました。
少しかすれた感じが欲しかったので、使用するブラシをダブルクリックし詳細を設定することにしました。
「先端の形状」の散布を少しあげ、「形状の揺らぎ」も少しあげると、画面下の図が若干かすれた感じになります。
これを用いて、あとはひたすら塗りつぶし作業を…
上下少しの隙間を空けた方がいい感じに出来ました。
ズームを元に戻して、出来上がったのがこちらです。
何となくそれっぽくなったかな…
これを「png」ファイルにして、CSSでbackground-imageで指定し、padding等で整えてあげれば、こんな感じになります。
お試し下さい！