Inkscape tutorial: ヒントやコツ

このチュートリアルは、作品制作を助け効率化を図るいくつかの「隠し機能」やユーザーが見つけたさまざまなヒントやコツを紹介しています。

タイルクローンを使った放射状の配置

It's easy to see how to use the Create Tile Clones dialog for rectangular grids and patterns. But what if you need radial placement, where objects share a common center of rotation? It's possible too!

作りたい放射状パターンが、3、4、6、8、あるいは 12 の要素だけでいいなら、対称化の P3、P31M、P3M1、P4、P4M、P6、あるいは P6M を試してみてください。これは雪片などを作成するのに適しています。しかし、もっと汎用的なやり方だと次のようになります。

対称化の P1 (シンプル移動) を選び、シフト タブで 行ごと/垂直シフト および 列ごと/水平シフト をそれぞれ -100% に設定し、移動を平衡させます (訳注: 「タイルを考慮しない」を選んでもできます)。これですべてのクローンはオリジナルの上に正確に積み重なります。あとは 回転 タブで列ごとの回転角度を設定し、行が 1、列が複数になるようにして作成します。例として、以下に水平線、列数 30、回転角度 6°で作成したパターンを示します。

An example image

これを時計の目盛り板のようにするには、切り抜くか、シンプルに白い円で中心部を覆い隠します (クローン上でブーリアン演算を行うには、まずこれらのリンクを解除してください)。

行と列の両方を使うことによって、もっとおもしろい効果を作り出せます。ここに挙げたパターンは、列数 10、行数 8、行ごとの回転角度 2°、列ごとの回転角度 18°で作成したものです。ここでの各線のグループが「列」であり、グループはそれぞれ 18°ずつ離れています。各列内では、個々の線は 2°ずつ離れています:

An example image

In the above examples, the line was rotated around its center. But what if you want the center to be outside of your shape? Just create an invisible (no fill, no stroke) rectangle which would cover your shape and whose center is in the point you need, group the shape and the rectangle together, and then use Create Tile Clones on that group. This is how you can do nice “explosions” or “starbursts” by randomizing scale, rotation, and possibly opacity:

An example image

スライス (領域を複数の矩形に分けてエクスポート) するには

Create a new layer, in that layer create invisible rectangles covering parts of your image. Make sure your document uses the px unit (default), turn on grid and snap the rects to the grid so that each one spans a whole number of px units. Assign meaningful ids to the rects, and export each one to its own file (File > Export PNG Image (Shift+Ctrl+E)). Then the rects will remember their export filenames. After that, it's very easy to re-export some of the rects: switch to the export layer, use Tab to select the one you need (or use Find by id), and click Export in the dialog. Or, you can write a shell script or batch file to export all of your areas, with a command like:

inkscape -i area-id -t filename.svg

for each exported area. The -t switch tells it to use the remembered filename hint, otherwise you can provide the export filename with the -e switch. Alternatively, you can use the Extensions > Web > Slicer extensions, or Extensions > Export > Guillotine for similar results.

非線形グラデーション

SVG バージョン 1.1 は非線形グラデーション (すなわち色の非線形変換) をサポートしていません。しかし、マルチストップ グラデーションによってエミュレートすることができます。

まず、シンプルな 2 停止点のグラデーションを作成します。グラデーションエディターを開き (グラデーションツールでグラデーションハンドルをダブルクリック)、中間に新しい色フェーズを追加します (すこしドラッグしてください)。さらに色フェーズを追加し、それらもドラッグすることでグラデーションは滑らかになります。そしてさらに色フェーズを追加すれば、よりなめらかなグラデーションができあがります。以下は最初の白と黒の 2 停止点のみのグラデーションです:

An example image

そして以下はさまざまな「非線形」マルチストップグラデーションです (グラデーションエディターで調べてみてください)。

An example image

一風変わった放射状グラデーション

放射状グラデーションは対称性を持ちません。グラデーションツールで、楕円グラデーションの中心ハンドルを Shift キーを押しながらドラッグすると、×字形のグラデーションの焦点ハンドルが中心を離れて移動します。もし焦点を中心と同じ位置に戻したい場合は、中心ハンドル付近にドラッグすれば中心にスナップされます。

An example image

ページ中央への配置

To align something to the center or side of a page, select the object or group and then choose Page from the Relative to: list in the Align and Distribute dialog (Shift+Ctrl+A).

ドキュメントのクリーンアップ

Many of the no-longer-used gradients, patterns, and markers (more precisely, those which you edited manually) remain in the corresponding palettes and can be reused for new objects. However if you want to optimize your document, use the Clean up Document command in File menu. It will remove any gradients, patterns, or markers which are not used by anything in the document, making the file smaller.

XML エディターの隠し機能

XML エディター (Shift+Ctrl+X) では、外部のテキストエディターを使用せずに、ドキュメントをほとんどすべての面から変更できます。Inkscape は GUI から編集できるよりも多くの SVG 機能をサポートしていますが、XML エディターはこれらの機能を利用する一つの手段です (もしあなたが SVG についてご存知ならば)。

ルーラーの単位の変更

In the default template, the unit of measure used by the rulers is px (“SVG user unit”, in Inkscape it's equal to 0.8pt or 1/90 of the inch). This is also the unit used in displaying coordinates at the lower-left corner and preselected in all units menus. (You can always hover your mouse over a ruler to see the tooltip with the units it uses.) To change this, open Document Properties (Shift+Ctrl+D) and change the Default units on the Page tab.

スタンプ

オブジェクトの複製を素早く作成するには、スタンプ 機能を使います。オブジェクトをドラッグ (または拡大縮小や回転) し、マウスボタンを押している間に スペース キーを押します。その時点でのオブジェクトが「スタンプ」として残ります。好きなだけこれを繰り返せます。

ペンツールの裏技

ペン (ベジエ) ツールで描画中の線を完了させるには以下のオプションがあります:

パスが完了していない間 (描画した線が緑色、現在のセグメントは赤色) は、オブジェクトはまだドキュメント上に存在していないことに注意してください。従って、それをキャンセルするには、元に戻す のではなく、Esc キー (パス全体をキャンセル) または Backspace キー (未完了のパスの最後のセグメントのみ削除) を使用します。

既存のパスに新規にサブパスを追加するには、パスを選択し Shift キーを押しながら任意のポイントを描画してください。しかし、既存のパスを伸ばしたいだけならば、Shift を押す必要はありません。単に選択したパスの終点から描画を開始してください。

Unicode 値の入力

テキストツールでは、Ctrl+U を押すことで Unicode と通常モードを切り替えます。Unicode モードでは 4 個の 16 進数のグループを入力することで Unicode 1 文字になりますので、(あなたがそれらの Unicode を知っており、フォントがサポートしている限り) 任意の記号を入力する事ができます。Unicode 入力を終了するには Enter キーを押します。例えば、Ctrl+U 2 0 1 4 Enter で emダッシュ(—) が挿入されます。何も入力せずに Unicode を抜けるには Esc キーを押します。

You can also use the Text > Glyphs dialog to search for and insert glyphs into your document.

アイコン描画のためのグリッドの使用

24×24 ピクセルのアイコンを作成したい場合は、24×24 px のキャンバスを作成 (ドキュメントの設定) し、グリッドを 0.5 px (48×48 のグリッド線に設定) します。フィルのオブジェクトを偶数のグリッド線に、ストロークのオブジェクトを奇数のグリッド線に配置したら、それをデフォルトの 90dpi (1 px は 1 ビットマップピクセルになります) でエクスポートします。するとアンチエイリアスのかかっていないビットマップ画像が出来上がります。

オブジェクトの回転

選択ツールの時に、オブジェクトをクリックすると、拡大縮小の矢印が表示され、そのオブジェクト上で再度クリックすると回転およびシフトの矢印が表示されます。角の矢印をクリックおよびドラッグすると、オブジェクトはその中心を軸 (+印が表示されます) として回転します。Shift キーを押すと、対角を軸として回転します。回転軸はドラッグで好きな位置に置くことができます。

また、キーボードから [ および ] キーを押すと 15°ずつ回転し、Ctrl+[ および Ctrl+] キーを押すと90°ずつ回転します。Alt キーを押しながらだと、ピクセルサイズ単位のゆっくりとした回転になります。

影を落とす

To quickly create drop shadows for objects, use the Filters > Shadows and Glows > Drop Shadow... feature.

You can also easily create blurred drop shadows for objects manually with blur in the Fill and Stroke dialog. Select an object, duplicate it by Ctrl+D, press PgDown to put it beneath original object, place it a little to the right and lower than original object. Now open Fill And Stroke dialog and change Blur value to, say, 5.0. That's it!

パス上にテキストを置く

曲線に沿ってテキストを配置するには、テキストと曲線を一緒に選択し、「テキスト」メニューから テキストをパス上に配置 を選びます。テキストはパスの先頭からパスに沿って表示されます。一般に、テキストを沿わせるにはそれ用にパスを作成するのが最適です。

オリジナルを選択する

パス上に配置したテキスト、リンクオフセット、あるいはクローンがある場合、場合によってはそれらのもととなるオブジェクト/パスを探すのが難しくなるかもしれません。なぜなら、それは直下にあるとか、見えなくしている、あるいはロックされているかもしれないからです。マジックキー Shift+D がそれを助けてくれます。テキスト、リンクオフセット、あるいはクローンを選択し、Shift+D を押すと対応するパス、オフセットソース、あるいはクローンオリジナルが選択されます。

画面の外に出てしまったウィンドウの回復

When moving documents between systems with different resolutions or number of displays, you may find Inkscape has saved a window position that places the window out of reach on your screen. Simply maximise the window (which will bring it back into view, use the task bar), save and reload. You can avoid this altogether by unchecking the global option to save window geometry (Inkscape Preferences, Interface > Windows section).

透明、グラデーション、そして PostScript エクスポート

PostScript や EPS 形式は透明度をサポートしていません。なので、それを決して PS/EPS にエクスポートしないでください。均一な透明データが単一色を覆っている場合は簡単に解決できます。透明オブジェクトを選択し、スポイトツールに切り替え (F7)、「採取」(不透明度の採取モード) をオフにして、同じオブジェクトをクリックします。表示色が採取され、オブジェクトの背後に割り当てられますが、この時点で透明度は存在しません。すべての透明オブジェクトでこれを繰り返します。透明オブジェクトがいくつかの色の領域を覆っている場合、それに応じて透明オブジェクトを分割し、それぞれにこの手順を適用します。