Inkscape で、歯車を描く方法

Inkscape(インクスケープ)で、歯車を描く方法についての詳細解説記事。

icon-gear-101121-128x128-000000.png

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 ごとにメジャーグリッドラインを表示させる。

スターツール

inkscape-tool-box-stars.png左にあるツールボックスのinkscape-tool-box-stars-button.png「スターツール」をクリック。
もしくは、キーボードの「 Shift + F9 」又は「 * 」を押して、「スターツール」を選択することもできる。
inkscape-snap-bar-grid.jpg右にあるスナップバーのinkscape-snap-bar-page-button.jpg「ページの境界にスナップ」とinkscape-snap-bar-grid-button.gif「グリッドにスナップ」をクリックして、有効にしておくと、ページやグリッドに吸着するので、配置しやすい。
ツールコントロールのinkscape-stars-tool-controls-stars-button.png星ボタンをクリック。
inkscape-stars-tool-controls-stars-20-05.png角を「20」に、
スポーク比を「0.5」に設定。
icon-gear-101121-1.png中央からページの角に向かって描く。

楕円ツール

inkscape-tool-box-ellipse.jpg左にあるツールボックスのinkscape-tool-box-ellipse-button.jpg「楕円ツール」をクリック。
もしくは、キーボードの「 F5 」を押して、「楕円ツール」を選択することもできる。
icon-gear-101121-2.pngページの端から端へドラッグ&ドロップし、正円を描く。

選択ツール

inkscape-tool-box-select.png左にあるツールボックスのinkscape-tool-box-select-button.png「選択ツール」をクリック。
もしくは、キーボードの「 F1 」を押して、「選択ツール」を選択することもできる。
inkscape-select-tool-controls.pngツールコントロールのinkscape-select-tool-controls-select-unlock-button.png「表示かつロックされていない全レイヤーの全オブジェクトを選択」ボタンをクリックし、スターツールと楕円ツールで描いた2つのオブジェクトを選択する。

交差結合

inkscape-paths-cross.pngメニューバーの「 パス -> 交差 」をクリック、もしくは、「 Ctrl + * 」を押し、交差結合する。これにより、2つのオブジェクトが交差している部分だけが、オブジェクトとして残る。
icon-gear-101121-3.png

楕円ツール

icon-gear-101121-4.png「グリッド」タブを開く。「メジャーグリッドラインの頻度:」を、「2」に変更し、2px ごとにメジャーグリッドラインを表示させる。
右の画像のように、ページの端から3マス目でドラッグし、反対側の端から3マス目にドロップ。正円を描く。

選択ツール

ツールボックスのinkscape-tool-box-select-button.png「選択ツール」をクリック。

inkscape-select-tool-controls.pngツールコントロールのinkscape-select-tool-controls-select-unlock-button.png「表示かつロックされていない全レイヤーの全オブジェクトを選択」ボタンをクリックし、先ほど交差結合したオブジェクトと楕円ツールで描いた2つのオブジェクトを選択する。

結合

inkscape-paths-join.pngメニューバーの「 パス -> 結合 」をクリック、もしくは、「 Ctrl + + 」を押し、結合する。これにより、2つのオブジェクトが結合し、1つのオブジェクトになる。

楕円ツール

icon-gear-101121-5.png「グリッド」タブを開く。「メジャーグリッドラインの頻度:」を、「8」に変更し、8px ごとにメジャーグリッドラインを表示させる。
右の画像のように、ページの端から2マス目でドラッグし、反対側の端から2マス目にドロップ。小さい正円を描く。

選択ツール

ツールボックスのinkscape-tool-box-select-button.png「選択ツール」をクリック。

inkscape-select-tool-controls.pngツールコントロールのinkscape-select-tool-controls-select-unlock-button.png「表示かつロックされていない全レイヤーの全オブジェクトを選択」ボタンをクリックし、先ほど結合したオブジェクトと楕円ツールで描いた小さな正円の2つのオブジェクトを選択する。

差分結合

inkscape-paths-sabun.pngメニューバーの「 パス -> 差分 」をクリック、もしくは、「 Ctrl + - 」を押し、差分結合する。これにより、先ほど結合したオブジェクトから、小さな正円のオブジェクトの部分を取り除き、1つのオブジェクトになる。

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

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

inkscape-bitmap-export-dialog.gifファイル名を指定し、エクスポートボタンをクリックし、PNGファイルに出力。
大きさを変えて出力することもできる。

スポンサード リンク

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