• HOME > 
  • Inkscape > 
  • Inkscapeのグリッドの種類と使い方【新規追加やスナップ...

Inkscapeのグリッドの種類と使い方【新規追加やスナップの設定】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像
広告
広告

グリッドとは?

グリッドとは格子状・方眼状の罫線のことで、グラフィックソフトではレイアウトを組み立てる際のガイドとして用いられます。

グリッドはあくまでも補助的な役割のため印刷されたり、エクスポートしたPNGファイルに書き出されることはありません。

Inkscapeでは、グリッドのサイズをカスタマイズしたり、スナップ機能を使って正確にオブジェクトを配置させることが可能です。

グリッドを表示(非表示)する

グリッドを表示させるには、上部の「表示」の中の「ページグリッド」をクリックするか、キーボードのショートカットキー「#」を押します。再度クリックすれば非表示になります。

グリッドを表示させる キーボードのショートカットキー「#」

グリッドが表示されました。

グリッドの例

グリッドの設定

新規グリッドの追加や各種設定は、Inkscapeの「ドキュメントのプロパティ」で行います。

画面左上の「ファイル」の中から「ドキュメントのプロパティ」をクリックするか、キーボードのショートカットキー「Shift + Ctrl + D」を押して開きます。

ドキュメントのプロパティ キーボードのショートカットキー「#」

ドキュメントのプロパティが開いたら「グリッド」タブに切り替えます。

「グリッド」タブ

グリッドの新規追加

ここで独自の設定(サイズ)のグリッドを作成すれば、ドキュメントで表示させることができるようになります。

まず、はじめにグリッドの種類を選択します。

グリッドの種類

Inkscapeでは、「矩形グリッド」と「結晶軸グリッド」という2種類の形状のグリッドが使用できます。

矩形グリッド

矩形グリッドは先程デフォルトで表示された四角形で構成されたグリッドで、平面の図を作成するときに適したグリッドです。

縦横の間隔を変更すれば、正方形だけでなく長方形のグリッドを作ることも可能です。

矩形グリッドの例

結晶軸グリッド

結晶軸グリッドは、三角形で構成されたグリッドで、立体的な図を作成するときに適したグリッドです。

作成したグリッドはドキュメント内のデータとして保存されるのでInkscapeを閉じてもドキュメントを開けばグリッドのデータも復元されます。

追加したグリッドは「定義されたグリッド」に加わるので、それぞれ詳細を設定していきます。

定義されたグリッド

一番下の削除ボタンを押せば不要なグリッドを削除できます。

有効にする・表示する

「有効にする」のチェックを外すとグリッドの編集ができなくなります。

「有効にする」か「表示する」のどちらかのチェックを外すとグリッドをONにしても表示されませんので注意してください。

複数のグリッドを同時に表示できる

「表示する」にチェックが入っているグリッドは、グリッドをONにした時にすべて表示されます。

重ねて表示させたい場合は良いですが、いくつも同時に表示させると見づらく使いづらいので不要なものはチェックを外しておくようにしましょう。

見えているグリッドラインにのみスナップする

スナップとは、オブジェクトがグリッドの線や角に近づいたときに自動的にピタッと配置してくれる機能のことです。

スナップ機能自体を無効にするには?

グリッドにスナップさせたくない時は、キーボードのショートカットキー「%」で機能を停止することができます。(有効化するときはもう一度「%」を押す)

スナップのショートカットキー

ドキュメントのプロパティではスナップの詳細設定を行うこともできます。

グリッドの間隔

グリッドの間隔を変更すると方眼一マスのサイズを変えることができます。

「X軸の間隔」で横のサイズ、「Y軸の間隔」で縦のサイズが変更されます。

グリッドの間隔

メジャーグリッドライン・マイナーグリッドライン

グリッドは、良く見ると太い線と細い線で構成されているのがわかります。

太い線が「メジャーグリッドライン」で初期値では5本に一本の割合で表示されていて、行数と列数が数えやすくなっています。対して、それ以外の細い線が「マイナーグリッドライン」です。

この項目では、それぞれの線の色を変更したり、メジャーグリッドラインを何本ごとに表示するか設定できます。

メジャーグリッドライン・マイナーグリッドライン

線の代わりにドットで表示する

この項目にチェックを入れるとグリッドを構成する線をドット表示に切り替えることができます。

線が点線になるのではなく、格子状の交差する箇所が点に置き換わります。

オブジェクトの線と見分けが付けづらい場合にはドットに変更しておきましょう。

ドットのグリッド

Inkscapeの設定

「Inkscapeの設定」にもグリッドに関する項目があり、こちらでは初期値を設定することができます。(Inkscapeの設定はキーボードのショートカットキー「Shift + Ctrl + P」で開けます。)

Inkscapeの設定のショートカット

初期値を変更しておけば、新規ドキュメントを立ち上げる度にグリッドを追加し直す必要がなくなりますので、頻繁に使うグリッド設定は初期値として変更してしまった方が便利かもしれません。

Inkscapeの設定のグリッド

まとめ

以上がInkscapeでグリッドの表示方法と設定手順です。

デザインを行う際は、目視でレイアウトを組み立てるよりもグリッドを利用した方がバランスを整えることができますので上手く活用してみて下さい。

関連する記事

サムネイル

Inkscapeのぼかし機能の使い方を解説【輪郭をぼかす・フ……

2023年07月10日
Inkscapeにはオブジェクトのフィル/ストローク設定による「ぼかし」とフィルター機能による「ぼかし」の2種類が存在します。
サムネイル

Inkscapeのテクスチャの使い方【オブジェクトに素材の質……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeでは、クリック操作だけでオブジェクトやテキスト・画像にいろいろな素材の質感を持たせることが可能です。(数値を調整してカスタマイズできるテクスチャもあります。)
サムネイル

Inkscapeで金色(ゴールド)を表現する方法【メタリック……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeではグラデーションツールを活用することで金色や光沢を持ったメタリックの表現を作り出すことができます。
サムネイル

Inkscapeの消しゴムツールの使い方【消えないときは?】

2023年06月01日
最終更新日:2023年05月31日
消しゴムツールはその名の通りオブジェクトを消すことができるツールです。「触れたオブジェクトそのものを削除する」「オブジェクトをなぞった箇所を切断する」という2通りの使い方ができます。
サムネイル

Inkscapeで文字に影(ドロップシャドウ)を付ける方法【……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeでオブジェクトに影をつけたいときはフィルターメニューの「影を落とす」を使用します。影の大きさや位置、色を自由に変更することも可能です。
サムネイル

Inkscapeで整列と配置を行う方法【オブジェクトをきれい……

2023年06月01日
最終更新日:2023年05月31日
整列を使うと、選択した複数のオブジェクトを基準に沿って水平方向・垂直方向に揃えることができます。配置は選択されている複数のオブジェクト同士を縦方向・横方向それぞれ等間隔にできます。
サムネイル

Inkscapeでトリミングを行う方法【写真や画像の切り抜き……

2023年03月06日
最終更新日:2023年03月13日
トリミングは、写真や画像をInkscapeのドキュメントにインポートし、矩形ツールで作ったオブジェクトや「ビットマップのトレース」で抽出した輪郭の形状をクリップするという手順で行います。