[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

独り言 | Inkscapeで適当にアクアボタン?

ときどき、それらしいボタンが必要になって、webで調べるとレイヤーを何層も重ねてキレイなボタンが出てくるんです。

もっと、もっと楽にそれらしいボタンを!!
ってことで作り方メモです。

それらしいボタンってのがこれ ↓
アクアボタン　青

これじゃないって場合は以下参考になりません。

１．取りあえずボタンの元になる形を描きます。
　フィルとストロークの色だけでボタンを作るので、ペンツールでも矩形ツールでもOKです。
　今回は角を丸くするのが簡単なので、矩形ツールを使います。
　適当に角を丸くしてフィルを好きな色にします。

２．フィルの線形グラデーションを選ぶと下のようになります。
　グラデーションの編集を押して編集ダイアログを出します。

3. コンボボックスで色の濃い方を選択してHSLタブのLを少し暗い色に設定します。
　125→96に設定しました。

4. コンボボックスで色の薄い方を選択してHSLタブのAを225にします。(不透明にしました)
　さらにLを明るい色に設定します。

　125→192に設定しました。

5. 色フェーズの追加を2回押してグラデーションを３分割します。
　フィルは下図のようになります。

6. ダイアログを閉じてグラデーションの制御点を下の図のように移動します。
　制御点が表示されていない場合はグラデーションツールを選択して、フィルを選択すると表示されます。

7.　ストロークの色と太さを調整して終わりです。
　下の図はストロークをフィルで設定した一番暗い色と合わせました。

出来上がりがこれです。
アクアボタン　青

ん。押したくなる。