Inkscapeでアクア風ボタンを作ってみる: dara-j

ちょっと前に常山日記さんとこに掲載されていたorange-A-go-go!さんのこちらの記事。Photoshopでアクア風ボタンを作成する手順を説明してくれている。

これみて、なぜかInkscapeでできそう、と思ったのでやってみた。ま、ボタンつーか珠つーか。

ちなみに手持ちのバージョンは0.45。

Inkscape起動したら、ツールバーから「円／弧を作成」を選択（またはF5）して、Ctrlキーを押しながら適当な正円を描画。

(クリックで拡大)

描画した円のコンテキストメニューから[フィル／ストローク]をクリックして「フィル／ストローク」ダイアログを呼び出す。

(クリックで拡大)

そんで、「フィル」タブで線形グラデーションを選択して[編集]。「ドキュメントが選択されてない」だの、「オブジェクトが選択されてない」だのナメたことを抜かしてくる場合があるので、そういうときはとりあえずメインウィンドウや先ほどの円オブジェクトを適当にクリックしてるとそのうち認識するのでがんばる。

(クリックで拡大)

で、黒→オレンジ→黄色ぐらいの感じでグラデーションをかける。どの色もアルファ値を「255」にして不透明にすることを忘れないように。

(クリックで拡大)

グラ設定できたら、ついでに「ストロークの塗り」タブでストロークを「塗りなし」に設定する。するとこんな感じになる。

(クリックで拡大)

Inkscapeでは、線形グラデーションの方向がデフォルトでは水平方向だが、元記事のように垂直グラにしたいので、ツールバーの「パスのノードまたはコントロールハンドルを編集」を選択（するか、F2）してグラの方向を変更する。

(クリックで拡大)

元記事ではこの後 □レイヤーパレットにある『レイヤー1』をダブルクリックして、レイヤースタイルを変更します。