Inkscape tutorial: シェイプ

このチュートリアルは４つのシェイプツールについて説明している：　矩形、楕円、星型、螺旋。Inkscapeのシェイプで何ができるかについて披露し、どのような場合にどのように使用するかについて示す。

Ctrl+Arrows、 mousewheel、もしくは middle button dragを使いページを下にスクロールせよ。オブジェクトの作成、選択、変形の基本については、Help >ヘルプ > チュートリアルから基本チュートリアルを見よ。

Inkscape には多用途の４つのシェイプツールがあり、どのツールもシェイプの作成と編集をすることができる。シェイプはドラッグ可能なハンドルと形を決めている数値パラメータを使用して、シェイプに特有の方法で変更を加えることが可能なオブジェクトである。

例えば、星型では頂点の数、長さ、角度、丸めその他を変更することができるが、星型は星型のままである。形状は、単純なパスより"自由度が少ない" 、しかしときにそれはより興味深く便利である。シェイプはいつでもパスに変換することができる（Ctrl+Shift+C)、しかし逆に変換することはできない。

シェイプツールは、矩形、楕円、星型、螺旋である。はじめに、一般的にどう働くか見てみよう；それから各シェイプについてみてみよう。

一般的な用法

新しいシェイプは、対応するツールでキャンバスを dragして作成する。一度、作成されると（そして選択されている限り）、ドラッグすることで直ちに形状の編集が可能なひし形のハンドルが表示される。

４種のシェイプは全て、ノードツールと同じくシェイプツールでハンドルを表示する（F2）。ますカーソルをハンドルの上に置くと、ステータスバーにハンドルが異なる修飾キーを押した場合にドラッグやクリックでどう変化するかが表示される。

また、各シェイプツールはツールコントロールバー（キャンバスの上）に、パラメータを表示する。通常そこにはいくつかの数値入力域と既定値に戻す一つのボタンがある。現在ののツールタイプのオブジェクトが選択されると、コントロールバーの値を変更すると選択したシェイプが変形する。

ツールコントロールに加えられた変更は、記憶されてツールを使って次のオブジェクトを描くときに使用される。例えば、星型の頂点の数を変更したあと新規に作成した星型の頂点数は前に描いた星の頂点数になる。さらに、選択してツールコントロールバーに値を反映しただけでも、新しい星型にはその値が適用される。

シェイプツールを使用しているときオブジェクトの上でclickすると選択が可能である。Ctrl+click （グループから選択）と、Alt+Click（隠れているオブジェクトの選択）もセレクタツールと同様に働く。 Escで選択は解除される。

矩形

矩形は簡単だがおそらくデザインやイラストで最も一般的なシェイプだろう。Inkscape は矩形の作成と編集をできる限り簡単かつ便利に行えるように設計されている。

F4を押すかツールバーのボタンを押して矩形ツールに切り替える。新しく矩形をこの青い矩形の横に描いてみよ：

そして、矩形ツールを抜けることなく、クリックして他の矩形に選択を切り替えよ。

矩形描画のショートカット：

Ctrlを押しながら、整数の縦横比（２：３、３：１等）で正方形や矩形を描画。
Shiftを押しながら、始点を中心点として描画。

見てのとおり選択された矩形（出来たての矩形はつねに選択状態にある）には３つのハンドルが角にある。実際には４つのハンドルがあるが、そのうちの２つ（右上）は矩形の角が丸まっていないときには重なってる。この２つは丸めハンドル；他の２つはリサイズハンドルである。

はじめに丸めハンドルを見てみよう。そのうちの一つをつかんで引き下げてみよう。矩形の４つの角がまるくなり、角の元の場所に２つ目の丸めハンドルが見えたはずだ。円状に丸めたいのであればこれだけで事足りる。もし一方の角をより遠くまで丸めたいのであればもう一つのハンドルを左に動かすことが出来る。

最初の２つは角を円状に丸めた矩形、他の２つは角を楕円状に丸めた矩形：

矩形を選択して、矩形ツールの丸めハンドルについてもう少しみてみよう。

しばしば、角を持つシェイプの丸め半径と形状は作品全体にわたり一定であることが必要である。矩形の大きさが異なっていても（色々な大きさの角を丸めた箱で描かれた図を考えて欲しい）これは必要なことである。Inkscape でこれを実現するのは容易である。セレクタツールに切り替え；ツールコントロールバーに４つのトグルボタンがあり、その左から２番目に同心の丸めた角が表示されている。このボタンで、丸めた角を、矩形がスケールされたときに丸めをスケールするかを制御する方法である。

例えば、ここにオリジナルの赤い矩形と、"丸めた角にスケールをかける" ボタンをオフにして複製され、スケールを掛けたいくつかの矩形がある：

右上で全てのすべて丸めた角が正確に一致して、矩形の角の形か等しいのを確認して欲しい。全ての破線で描かれた矩形は元の赤い矩形から派生したものでセレクタでスケールだけを掛けてあり、丸めハンドルでの調整は行っていない。

比較のために、同じ画像を "丸めた角にスケールをかける" ボタンをオンにして作成した：

今や、丸めた角は属する矩形と同じぐらいに違っている、そして右上の角ではわずかな一致も見られない（ズームインして見よ）。これは、元の矩形をパスに変換（Ctrl+Shift+C）して、それをパスとしてスケールした場合と同じ（視覚的）結果である。

矩形の丸めハンドルのショートカットには：

Ctrlを押しながらドラッグして、もう一方の半径を等しくする（円状の丸め）。
Ctrl+clickでドラッグしないでもう一方の半径を同じにする。
Shift+click で丸めを取り除く。

矩形ツールのコントロールバーには水平（Rx）と垂直（Ry）の丸め半径が表示されており、どの単位を使っても正確に半径を設定することができることに注意。鋭利にボタンは選択した矩形から丸めを取り除く意味である。

コントロールを使うことの重要な利点は、たくさんの矩形に一度に効力を及ぼすことが出来ることである。例えば、もしレイヤー内の全ての矩形を変更したい場合、Ctrl+A（全てを選択）とコントロールバーのパラメータを必要な値に設定するだけである。もし、矩形でないオブジェクトが選択されていたとしてもそれらは無視され矩形のみが変更される。

今度は、矩形のリサイズハンドルを見てみよう。あなたは不思議に思うだろう、なぜこれが必要なのか、セレクタでうまく矩形をリサイズできるのではないか？

セレクタの問題点は、セレクタの水平と垂直の概念はつねにドキュメントページの水平と垂直であることだ。決まりとして、矩形のリサイズハンドルは、矩形が回転しても歪んでいても、矩形の辺に沿ってスケールを行う。例えば、最初にセレクタでリサイズした矩形を次に矩形ツールのリサイズツールでリサイズしてみよ：

リサイズハンドルは２つあるので、どの方向へもリサイズすることができるし、辺に沿って移動することさえ可能だ。リサイズハンドルはつねに丸め半径を保持している。

リサイズハンドルのショートカットは：

Ctrlを押してドラッグすることで、矩形の辺や対角線をスナップする。言い換えると、Ctrlは、矩形の幅、高さのどちらか、もしくは縦横比を保持する（再び言うが、回転していても歪んでいても矩形の座標系で）。

ここに上図と同じ矩形がある、灰色の破線はリサイズハンドルがCtrlを押しながらドラッグしたときに張り付く方向を示している（試してみよ）：

傾けたり回転した矩形を複製しリサイズハンドルでリサイズして、３Ｄの構図を簡単に作ることができる：

丸めやグラディエントのフィルを使った矩形の構図の例をさらに挙げる：

楕円

楕円ツール（F5）は楕円や円を作成することができる。楕円や円は弧や扇形にも変換できる。描画のショートカットは矩形ツールと同じである：

Ctrlを押しながら、整数の縦横比（２：３、３：１等）で楕円を描画。
Shiftを押しながら、始点を中心点として描画。

楕円のハンドルをいじってみよう。この楕円を選択せよ：

またもや、３つのハンドルがあることに気が付いたと思う、しかし実は４つなのだ。左のハンドルは楕円を "開く"ことの出来る２つのハンドルが重なっている。右にあるハンドルをドラッグするともう一つのハンドルが下から見える。これで弧や扇形を作ることができる：

扇形（弧と２つの半径からなる）を作るには、楕円の外側をドラッグし；弧を作るためには内側をドラッグする。上図の左側には４つの扇形、右側には３つの弧がある。弧は閉じていないシェイプであることをに注意せよ、つまりストロークは楕円にそっているが端点はつながっていない。フィルを削除してストロークだけにするとそのことは明らかになる：

左図にあるせまい扇形は、 Ctrlを押しながら角度をスナップすることで簡単に作ることが出来る。弧／扇形のショートカットは：

Ctrlを押しながらドラッグするとハンドルは１５度ごとにスナップする。
Shift+click で楕円全形になる（弧や扇形ではなく）。

スナップ角度は Inkscape 設定（変化度タブ）で変更できる。

楕円のその他の２つハンドルは中心まわりのリサイズに使用する。ショートカットは矩形の丸めハンドルに似ている：

Ctrlを押しながらドラッグで、円になる（もう一方の半径が等しくなる）。
Ctrl+click でドラッグしないで円を作成。

そして、矩形のリサイズハンドルの様に、楕円のリサイズハンドルも楕円の高さと幅を楕円の座標系で変更する。これは回転したりや歪んだりしている楕円でも、回転や歪みはそのままで元の座標系に沿って伸張したり圧縮したりできることを意味する。これらの楕円のリサイズハンドルでリサイズを試してみよ：

星形

星形はもっとも複雑で刺激的な Inkscape のシェイプだ。もし友人を Inkscape で驚かせるなら、星形ツールを使わせよう。これはもう飽きの来ない面白さ、まさに中毒的！

星形ツールは２つの良く似た、しかし異なった種類のオブジェクト、星形と多角形を作成する。星型は頂点の長さと形を決める２つのハンドルを持つ：多角形はドラッグして回転とリサイズを行う１つのハンドルを持つ：

まずコントロールバーにはチェックボックスがある。これは星型を多角形に、また逆に変換する。次に、星形と多角形の頂点数を設定する入力域。このパラメータはコントロールバーでしか編集できない。許されている数値は３（明白である）から１０２４までである、しかしコンピュータが遅い場合には、大きな値（２００以上）は入れるべきではない。

新規に星形や多角形を作るときは、

Ctrlを押しながらドラッグすると角度の増分が１５度にスナップされる。

生来、星形は断然面白いシェイプである（しかし、多角形はしばしばより有用である）。星型の二つのハンドルはわずかに異なる機能を持っている。はじめのハンドル（初期状態で頂点にあるハンドル、つまり星形の凸な角にある方）は星の光芒を長くしたり短くしたりする、しかし、ハンドルを回すと（シェイプの中心で相対的に）、もう一方のハンドルもそれに応じて回転する。このことは星型の光芒はこのハンドルでは歪められないことを意味する。

もう一方のハンドル（初期状態で頂点の間の凹な角にある）は、逆に、半径方向にも接線方向にも頂点ハンドルに影響をあたえずに自由に動く（実際、このハンドルはもう一方のハンドルより遠くに動いて頂点になることもできる）。このハンドルは星型の頂点を歪ませ、光芒をあらゆる種類の結晶型、曼荼羅模様、雪片形、ヤマアラシ形にする：

もし、飾りのない普通の星形を作りたいなら、ハンドルの歪みの動きを規制することができる：

Ctrlを押しながらドラッグすることで、光芒を半径方向に限定することができる（歪みなし）。
Ctrl+click でドラッグをせずに歪みをとることができる。

キャンバス上でのハンドルのドラッグの有用な補足として、２つのハンドルの中心からの距離の比、スポーク比がコントロールバーにある。

Inkscape の星形はまだ２つの仕掛けを隠している。幾何学の世界では多角形は鋭角から直線の辺を持つ。しかし現実世界では様々な度数の曲がりや丸さが存在する、そして Inkscape もそれを実現可能としている。しかし、多角形の丸めは矩形の丸めとは少し異なる作用をする。丸めのために、用意されたされたハンドルを使う必要がないのである、しかし

接線方向にShift+drag で星形や多角形を丸めることができる。
Shift+click で丸めを取り除くことができる。

"接線方向" は中心方向とは直角と言う意味である。Shift を押しながらハンドルを反時計方向に "回転" すると、丸めの値は正になり；時計方向に回すと負の丸めになる（下の負の丸めの例を見よ）。

ここで、丸めた正方形（矩形ツール）と丸めた正４角形（星形ツール）を比較する：

見て分かるように、丸めた矩形は辺に直線区間と円弧状（一般的には楕円弧）の区間がある、丸めた多角形と星形には直線区間が全くない；曲率は最大（角の部分）から最小（角と角の中間）へと滑らかに変化する。 Inkscapeはただ連続なベジェのハンドルをシェイプの頂点に追加しているだけである（シェイプをパスに変換すればベジェハンドルを見ること、調べることができる）。

コントロールバーの丸めパラメータは接線と近接する多角形／星形の辺の長さの比である。このパラメータは負の値を取りうる。負の場合は接線の向きを反転する。０．２から０．４の値であると予測した "普通" の丸めになる；他の値にすると美しい、入り組んだ、予測不可能な形になる傾向がある。大きな丸め値の星形はハンドルの位置を大きく上回る形状になる。いくつかの例を示す、数値は丸め値を表す：

頂点を鋭く、凹な辺を滑らかにしたい場合、もしくはその逆の形状がほしい場合、星形からオフセット（Ctrl+J）を作ることで簡単に実現できる：

Inkscape の星形のハンドルをShift+dragすることは、人間の最もすばらしい楽しみである。しかしもっと楽しむことができる。

現実世界の形状により似せるために、Inkscape は星形と多角形に乱雑さを備えている（つまり、乱雑なひずみ）。わずかな乱雑さは、星形を少し乱す、より人間らしく、より可笑しく；強い乱雑さは様々な熱狂的予測不可能な形状を作り出すための刺激的な方法である。丸めを施した星形は乱雑さを加えても丸まったままである。ショートカットは：

ハンドルを接線方向にAlt+dragすると、星形と多角形は乱雑になる。
ハンドルをAlt+click すると乱雑さが取り除かれる。

乱雑な星形を描いたり、ハンドルをドラッグして編集したりすると星形は "振動" する。なぜならハンドルの固有の位置はその固有の乱雑さに対応しているからである。そう、Alt を押しながら乱雑さを調整しないと、同じ乱雑さのレベルでハンドルは動く、一方 Alt を押しながらドラッグすると乱雑さは変らず同じレベルを保つ。ここに少しだけハンドルを動かして乱雑にした（乱雑さは 0.1 まで）以外は同じパラメータをもつ星形がある：

そして、ここに上の真中の星形の乱雑さを -0.2 から 0.2 まで変化させたものがある：

真ん中の星形のハンドルをAlt+dragして、左右の、そしてさらに隣の星形に変形していくところを観察せよ。

そのうち、自分なりの乱雑な星形の使い道が見つかるだろう、しかし私は特に丸めたアメーバ状のしみと大きく荒れた幻想的な稜線をもつ惑星の形が気に入っている：

螺旋

Inkscape の螺旋は多機能なシェイプである、そして星形ほど夢中になれないが、ときにとても有用である。螺旋は星形のように中心から描画される；これは描画中も編集中と同様である、

Ctrl+drag で角度の増分を１５度にスナップする。

描画されると、螺旋は内側と外側の端点に２つのハンドルをもつ。どちらのハンドルも螺旋を巻いたり、解いたりする（つまり、"続けて" 巻き数を変える）。その他のショートカット：

外側のハンドル：

Shift+dragで螺旋の中心からのスケール／回転（巻き／解きはしない）。
Alt+drag で、巻き／解きの間、半径を固定する。

内側のハンドル：

Alt+drag 垂直に動かすと収束／発散。
Alt+click で収束／発散を取り消し。
Shift+click で内側のハンドルを中心に移動。

螺旋の発散度は巻きの非線形度の尺度である。発散度が１なら、螺旋は一様である；これが１より小さければ（Alt+dragで上）、外周で密度が高くなる；１より大きければ（Alt+dragで下）、中心に向かって密度が高くなる：

巻き数の最大値は 1024 である。

楕円ツールが楕円だけでなく弧（曲率が一定の線）も作成できるように、螺旋ツールは滑らかに変化する曲線を作ることもできる。通常のベジェ曲線に比べ、弧や螺旋はより利便性が高い、なぜなら形状に変更を加えずに曲線に沿ってハンドルを動かすことで長くしたり短くしたりできるからだ。また通常、螺旋はフィルなしで描かれるが、フィルの追加やストロークの削除で面白い効果が出せる。

特に面白いのは螺旋に破線のストロークを与えることである。滑らかな収束と等間隔の印（点や短い線）は相まって美しいモアレ効果となる：

最後に

Inkscape のシェイプツールはとても強力である。技術を学び、暇なときに遊んでみることはあなたがデザインを行うときに力になる、なぜなら簡単なパスの代わりにシェイプを使うことでベクタアートを速く作り、簡単に変更することができるからだ。もし、さらなるシェイプの改善の提案があれば、開発者に連絡して欲しい。