レイアウト

inkscapeの「整列と配置」でオブジェクトを綺麗に並べて表を作る方法

inkscapeには整列と配置を調整するための機能があります。

この機能を使うと3つ以上のオブジェクトを等間隔に配置したり、オブジェクトの中心を合わせて新たな画像を作成することもできます。

簡単なものだと、正方形や長方形を組み合わせた表を作ることができます。

今回は「整列と配置」の機能を使って、四角形を並べた表を作る方法を紹介します。

整列と配置で表を作成する

表を作るには、はじめに矩形(四角形)を作ります。

はじめに一つだけ矩形を作成して、コピーペーストで矩形を並べます。
entry10_inkscape02

選択ツールで選択した後に[Ctrl+C]でコピーして、[Ctrl+V]で貼付けをすると同じ矩形を複製できます。

大雑把でいいので、複製した矩形を表の1行目の形に並べておきます。

並べるときは少し重なるようにしておきます。

 

次に選択ツールを使って全ての矩形を囲み、選択した状態にします。

entry10_inkscape03

ここで、「整列と配置」ダイアログを開いておきます。(Ctrl+Shift+A)

これに整列と配置の「水平軸にあわせる」を適応します。

entry10_inkscape04

画面では正方形の位置が水平(横)位置で揃います。

entry10_inkscape05

次に「整列と配置」ダイアログの「重なりを除去」の数値を縦横どちらも0に設定してクリックします。

entry10_inkscape06

重なっていた部分がなくなり、隙間なく並べることができました。

entry10_inkscape07

1行の表を作ることができたので、これをグループ化して複製すると表を作ることができます。

グループ化するには4つの正方形を選択した状態で、[オブジェクト]→[グループ化]をクリックします。

entry10_inkscape08

グループ化のショートカットキーは[Ctrl+G]

グループ化した1行の矩形を元に5行の表を作りたいときは、最初の方法と同じようにコピーペーストで、ある程度重なるように下側に並べておきます。

entry10_inkscape09

これを全て選択ツールで選択して、今度は「整列と配置」で「垂直軸にあわせる」をクリックします。

entry10_inkscape10

正方形を整列させたときと同じように、今度は縦方向(垂直方向)に揃います。

entry10_inkscape11

更に「重なりを除去」を行うと・・・

entry10_inkscape12

表が完成します。

entry10_inkscape13

あとがき

矩形にかかわらず、整列と配置を使うと、綺麗に縦横を揃えることができます。

読み込んだ写真を背景画像にして、その中心に文字を配置したいときなど、用途が沢山あります。

使い方を理解しておくと、inkscapeでの操作レベルが格段に上がります。

 

その他のinkscapeの使い方はこちらにまとめてありますので、よろしければどうぞ。

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

WordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. グラフィックデザイン

    GIMPで秋の行楽・旅行バナーを作りました。

    秋の旅行をイメージしてGIMPでバナーを作成してみました。以下…

  2. グラフィックデザイン

    inkscapeのタイルクローンでドットパターンを作る手順

    inkscapeを勉強し始めたとき、ドットパターンをinkscapeで…

  3. リファレンス

    inkscape 矩形ツールの基本操作をマスターしよう【映像あり】

    inkscapeの基本操作をまとめてみました。今回は矩形ツールです。ま…

  4. グラフィックデザイン

    inkscapeで「冷えてます。」POPをつくってみたのでデータ配布します

    ちょっと仕事で使うことになったので試しにPOP作成をinkscapeで…

  5. トラブルシューティング

    アンインストールしたフォントがinkscapeで表示されているときの対処法

    メインで使用しているPCのフォントを整理した後のことです。Wind…

  6. グラフィックデザイン

    「とあるのロゴジェネレーター」を参考にinkscapeでロゴをリメイク

    「ロゴ作成の勉強ってどうやってすればいのー?」と、よく自分でも考え…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

ピックアップ記事

おすすめの本

使用している素材

カテゴリー

 
  1. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  2. 素材

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  3. ブログ収益化

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
  4. グラフィックデザイン

    レイアウトデザインに最適な無料ソフト「inkscape」(≒Illustrato…
  5. ブログ収益化

    月額100円から使える「ロリポップレンタルサーバー」
PAGE TOP