レイアウト

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. リファレンス

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

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

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

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

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

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

    アイコンの基本は抽象化!特徴を見つけて基本図形に落としこむ方法

    作りたいアイコンやロゴがあるときに、なかなかアイデアが浮かばないという…

  4. 素材

    inkscapeで「次へ」「前へ」「トップへ」のアイコン画像の作成をしてみた

    今まで「ページトップへ」のようなテキストリンクでページ内リンクを作成し…

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

    手作業は最小限で!inkscapeで「カラフルなドットパターン」の作り方【SVG/PNGサンプルあり…

    「ドットパターンを作る」って聞いて、難しく感じる人が多いような気がする…

  6. 設定

    inkscapeにフォント専用フォルダを追加する方法

    inkscapeにはフォント用のフォルダを登録する機能がありませんが、…

コメント

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

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

CAPTCHA


スポンサードリンク

ピックアップ記事

スポンサードリンク

カテゴリー

  ロゴマルシェ - LogoMarche   ボタンマルシェ - ButtonMarche
WordPressテーマ「ANGEL(TCD047)」
  1. 素材

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  2. グラフィックデザイン

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

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

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

    脱初心者しませんか?Amazon・楽天のアフィリエイトを上手に活用するための予備…
PAGE TOP