ホームページ制作 名古屋

問い合わせ先


インクスケープのパスで円を描く

 

パスを使ってきれいな円を描いてみよう

パス(ペンツール)の使い方に少し慣れたところで、今度は図形を描いてみましょう。
円形の図形を描いていきます。直線的な図形と違い、円、とくに正円はパスを均等に曲げる操作が必要なので、意外と難易度は高いです。
これができれば、インクスケープのパスの基本その1はマスターしたことになるでしょう。

適当にパスをつなげて描いてみる

インクスケープ(Inkscape)のパスで円を描こう01

まずはペンツールをクリックします。
(あとで出てきますが、パスを使わなくても完璧な円は描けます。ここではパスの練習ということで、ペンツールで頑張りましょう。)

 

インクスケープ(Inkscape)のパスで円を描こう02

適当にドラッグをしながら曲線をつなげて円形にしていきます。

 

インクスケープ(Inkscape)のパスで円を描こう03

1つの図形にするため、最後は開始点をクリックしてパスを結びます。

 

インクスケープ(Inkscape)のパスで円を描こう04

こんな感じになりました。かなりいびつな形をしていて、円とは呼べませんね。

目次にもどる

正しい正円のパスを参考にきれいに描いてみる

インクスケープ(Inkscape)のパスで円を描こう05

実際の正円はどんなパスで描かれているか見てみましょう。
ツールバーの「円/弧ツール(円/弧を作成)」を選択します。

 

インクスケープ(Inkscape)のパスで円を描こう06

これは円や楕円、弧(アーチ)を描くツールですが、「Ctrlキー」を押したままドラッグすると正円を描くことができます。

 

インクスケープ(Inkscape)のパスで円を描こう07

後述しますが、円/弧ツールを使って描いた円は「パス」図形ではなく「オブジェクト」というものになります。
上部メニューの「パス」→「オブジェクトをパスへ」をクリックし、パス図形に変換します。

 

インクスケープ(Inkscape)のパスで円を描こう08

ツールバーの「ノードツール(ノードでパスを編集)」を選択すると、図形のパスとノード(途中のポイント)が表示されます。
一目瞭然ですが、正円は上下左右のたった4つのポイントをつなぐパスだけで描かれているんですね。

 

インクスケープ(Inkscape)のパスで円を描こう09

先ほどの正円を参考に、パスで描いてみましょう。
最初の開始点をクリックではなくドラッグをして、尖らないようにします。

 

インクスケープ(Inkscape)のパスで円を描こう10

正方形をイメージしながら、4つのポイント(ノード)を同じ長さでドラッグしていきます。
技として、ノードでドラッグするときに「Ctrlキー」を押しながらドラッグすると、水平・垂直にポインタを動かせます。

 

インクスケープ(Inkscape)のパスで円を描こう11

最後に終点と開始点を結ぶときも、開始点でクリックしたまま「Ctrlキー」+右にドラッグで滑らかにします。

 

インクスケープ(Inkscape)のパスで円を描こう12

どうでしょうか?寸法を正確にとってはいませんが、まあまあきれいな円になりましたね。
正しい場所で均等の長さ・方向でパスをつなげていけば、機械で描いたようなきれいな図形を描くこともできます。

目次にもどる

作成者:J-ACT Co.,Ltd.
http://j-act.jp/
Copyright(C) 2015
名古屋のホームページ制作・システム・デザイン会社J-ACT-ジェイアクト
All Rights Reserved.