Inkscape でストライプのメニューを描く

「背景 ジェネレータ」で検索すると、いくつかのタイプが見つかる。例えば、Stripe Generator や Background Image Maker ではストライプの模様を生成することができる。これらと同じような模様を Inkscape を使って手動で描いてみることにした。

 

方法

まず、 長方形を描くツールでメニューの背景を描く。(RGBA: ffd5d5ff)

ベジェ曲線を描くツールで縦線を 1px の幅で描く。(e5eaf8e5)

上から光があたっていると仮定。ピンクの縦半分の大きさになるように白の長方形を重ね、上から下へと徐々に薄くなるようにグラデーションをかける。

薄い青色 (e3e8f6ff) の斜め線を で一つ描き複数コピー。上記の白のグラデーションの下の位置くるように配置する。(PageDown)

上記の薄い青色の斜めの線を選択しておき、Fill (Object > Fill and Stroke…) の Blur と Opacity を調整して、ぼかして半透明に。

追記 (2009.1.16) : 別の方法として、パターンを使うと楽。

一番上に で 1 px の太さで下のピンク色と同じ色の線を引く。

文字を入れて完成。

 

参考サイト

• photoshop- 1ピクセルラインで質感を高めるテクニック - WEBデザイン BLOG