Inkscape で、球体のような、立体的球面を描く方法

Inkscape で、球体(ボール)のような、立体的球面を描く方法についての詳細解説記事。

material-icon-ball-101121-64x64-sample.jpg

64px × 64px のファイルを新規作成

inkscape-file-new-icon_64x64.jpgメニューバーの「 ファイル -> 新規 -> icon_64x64 」で、64px × 64px のファイルを新規作成。

inkscape-status-bar-zoom.jpgズームは、500%程度にしておくと作業しやすい。

グリッドを表示

inkscape-file-document-settings.jpgグリッドを表示させておくと便利。メニューバーの「 ファイル -> ドキュメントの設定 」で、「ドキュメントの設定」ウィンドウを開く。キーボードで「 Shift + Ctrl + D 」を同時に押しても、「ドキュメントの設定」ウィンドウを開くことができる。

inkscape-document-settings-grid.gif「グリッド」タブを開く。「矩形グリッド」を選択し、「新規」をクリック。「メジャーグリッドラインの頻度:」を、「4」に設定し、4px ごとにメジャーグリッドラインを表示させる。

レイヤー1

楕円ツール

inkscape-tool-box-ellipse.jpg左にあるツールボックスのinkscape-tool-box-ellipse-button.jpg「楕円ツール」をクリック。
もしくは、キーボードの「 F5 」を押して、「楕円ツール」を選択することもできる。
inkscape-snap-bar-page.jpg右にあるスナップバーのinkscape-snap-bar-page-button.jpg「ページの境界にスナップ」をクリックして、有効にしておくと、ページに吸着するので、配置しやすい。
inkscape-ball-1.jpg

フィルとストロークの色を設定

inkscape-object-fill-stroke.jpgメニューバーの「 オブジェト -> フィル/ストローク 」、もしくは、「 Shift + Ctrl + F 」で、「フィル/ストローク」のダイアログを開く。

inkscape-fill-and-stroke-dialog-stroke-paint.jpg「ストロークの塗り」タブを開く。inkscape-fill-and-stroke-dialog-no-fill.gif「塗りなし」を選択。

inkscape-ball-2.jpginkscape-fill-and-stroke-dialog-fill.jpg「フィル」タブを開く。inkscape-fill-and-stroke-dialog-single-color.gif「単一色」を選択。
今回は、茶系の #9c6000 を設定。
RGBAの欄に、「9c6000ff」を入力した。

色については、下の方にあるカラーパレットの上から、オブジェクトへ、塗りたい色を、ドラッグ&ドロップすることで、オブジェクトの色を変更することもできる。
inkscape-color-palette.jpg

レイヤー2

レイヤーを複製

inkscape-layer-layer.jpgメニューバーの「 レイヤー -> レイヤー 」、もしくは、「 Shift + Ctrl + L 」で、「 レイヤーダイアログ 」を開く。
inkscape-layer-dialog.jpg

inkscape-layer-dialog-copy.jpgレイヤー名の上で、右クリックし、「現在のレイヤーを複製」を、左クリック。

放射状グラデーション

inkscape-fill-and-stroke-dialog-radial-gradient.jpg複製したレイヤーのオブジェクトを選択した状態で、「フィル/ストローク」のダイアログ内のinkscape-fill-and-stroke-dialog-radial-gradient-button.jpg「放射状グラデーション」ボタンを選択。

グラデーションツール

inkscape-tool-box-gradient.jpg左にあるツールボックス内の「グラデーションツール」を選択し、グラデーションハンドルを表示させる。
inkscape-ball-3.jpg四角いグラデーションハンドルをクリック。

inkscape-fill-and-stroke-dialog-fill-white.jpg「フィル/ストローク」のダイアログの「フィル」タブ内で、「白」に設定。

inkscape-fill-and-stroke-dialog-fill-transparency-0.jpg丸いグラデーションハンドルをクリック。
「フィル/ストローク」のダイアログの「フィル」タブ内で、不透明度を「0」に設定。

inkscape-snap-bar-grid.jpg四角いグラデーションハンドルをドラッグし、ページの上から 8px の位置にドロップ。4px のグリッドを表示させているので、ページの上から2目盛り目にドロップすればいい。
右にあるスナップバーのinkscape-snap-bar-grid-button.gif「グリッドにスナップ」をクリックして、有効にしておくと、グリッドに吸着するので、便利だ。
inkscape-ball-4.jpg

レイヤーの不透明度を変更

inkscape-layer-transparency-70.jpgレイヤー2の不透明度を、70%程度にする。

レイヤー3

レイヤーを複製

inkscape-layer-dialog-copy-2.jpg先ほど複製したレイヤー名の上で、右クリックし、「現在のレイヤーを複製」を、左クリック。

グラデーションツール

複製したレイヤーのオブジェクトを選択した状態で、ツールボックス内の「グラデーションツール」を選択し、グラデーションハンドルを表示させる。

inkscape-fill-and-stroke-dialog-fill-transparency-0.jpg四角いグラデーションハンドルをクリック。
「フィル/ストローク」のダイアログの「フィル」タブ内で、不透明度を「0」に設定。

inkscape-fill-and-stroke-dialog-fill-black.jpg丸いグラデーションハンドルをクリック。
「フィル/ストローク」のダイアログの「フィル」タブ内で、RGBAの欄に「000000ff」を入力し、黒に設定。

inkscape-ball-5.jpg丸いグラデーションハンドルをドラッグし、16px 伸ばしてドロップ。4px のグリッドを表示させているので、4目盛り伸ばしてドロップすればいい。上の丸いグラデーションハンドルも、右の丸いグラデーションハンドルも両方とも伸ばす。

レイヤーの不透明度を変更

inkscape-layer-transparency-50.jpg最後に、レイヤー3の不透明度を、50%程度にすれば完成。
material-icon-ball-101121-64x64-9c6000.png

ビットマップにエクスポート

inkscape-file-bitmap-export.jpgメニューバーの「 ファイル -> ビットマップにエクスポート 」で、「ビットマップにエクスポート」ダイアログを開く。

inkscape-bitmap-export-dialog.gifファイル名を指定し、エクスポートボタンをクリックし、PNGファイルに出力。
大きさを変えて出力することもできる。
material-icon-ball-101121-32x32-9c6000.pngmaterial-icon-ball-101121-16x16-9c6000.png

バリエーション

色を変更

inkscape-layer-lock.jpgレイヤー3とレイヤー2をinkscape-layer-lock-button.jpgロックする。
レイヤー1を選択。

ツールボックスのinkscape-tool-box-select-button.gif選択ツールで、オブジェクトを選択。

inkscape-fill-and-stroke-dialog-fill-red.jpg「フィル/ストローク」のダイアログの「フィル」タブ内で、好きな色に設定する。もしくは、カラーパレットから、色をドラッグ&ドロップ。
material-icon-ball-101121-64x64-sample.jpg

スポンサード リンク

カテゴリー: Inkscape, チュートリアル パーマリンク