InkscapeでDesign-
応用
一つの円からボタンを作る
大まかな流れは・・・
- 円を描く
- フィルを設定＆黒のストロークを太めに設定
- ストロークに
（放射グラデーション）を設定し、半径ハンドルを内側へ移動 - フィルに
（線形グラデーション）を設定 - フィルの始点ハンドルとストロークの中心ハンドルを結合（マージ）
- フィルの終点ハンドルを左上に移動（光源の移動）
- ストロークの放射グラデーションの焦点を右下に移動（影をつくる）
実際にやってみます。
- ツールボックスより
（円／弧ツール）を選択し、円を描きます。
- 円を選択し、フィルを設定します。
ここではカラーパレットから緑色をクリックして選択しました。
- 黒のストロークを太めに設定します。
円を選択し、[Shift]を押しながらカラーパレットより黒をクリックするとストロークに黒を設定できます。
その後、コマンドバーより
をクリックして[フィル／ストローク]ダイアログを開き、[ストロークのスタイル]タブの[幅]に線幅を設定します。ここでは32pxに設定しました。
- [フィル／ストローク]ダイアログより、[ストロークの塗り]タブを開き、円を選択している状態でをクリックします。これでストロークに放射グラデーションが設定されました。
- ツールボックスより、
（グラデーションツール）を選択後、円を選択すると、下記のように2つの半径ハンドルが表示されます。
をつかんで円の内側（ストロークの中間地点ぐらいまで）にドラッグします。（※[Ctrl]+ドラッグで角度を固定できます。）
- 次はフィルに（線形グラデーション）を設定します。
[フィル／ストローク]ダイアログより、[フィル]タブを開き、ボタンをクリックします。
すると下記のようにグラデーションハンドルが2つ重なって表示されます。黄線がストロークの放射ハンドル、青線がフィルの線形ハンドルです。
- フィルの始点ハンドル（青線の
）をストロークの中心ハンドル（黄線の）に重ねます。重ねるとスナップが効いて結合（マージ）します。
フィルの終点ハンドル（青線の）を左上にドラッグして移動します。
- 中心ハンドル（）を[Shift]を押しながら右下にドラッグします。
こうすることで、中心ハンドルの下に隠れていた、ストロークの放射グラデーションの焦点（
）を移動することができます。焦点が右下にずれたので右下の影が濃くなりました。
- できました。
をクリックして
HOMEへ
このページのトップへ
