2009年1月5日月曜日

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

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

 

方法

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

090104-013

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

090104-014

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

090104-015

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

090104-016

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

090104-017

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

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

090104-018

文字を入れて完成。

090104-019

 

参考サイト