Vectornatorでオブジェクトを等間隔に配置する方法

パグのゆるいイラスト

イラストレーターのハセガワ(@h_hasegawa8)です。

Vectornatorでオブジェクトを等間隔に配置する方法をご紹介します。

Vectornatorの使い方を体系的にまとめました!

Vectornatorの使い方大全集

愛用するVectornatorの基本的な使い方やマニュアル的なことから、実際のイラスト制作やデザイン制作に役立ちそうなTipsをまとめました。 随時更新していくので、Vectornat…

Vectornatorでオブジェクトを等間隔に配置する方法

Vectornatorでオブジェクトを等間隔に配置するときは、アレンジタブにある次の機能を使うことで簡単に実現することができます

等間隔に配置するのに便利な機能

  1. 整列(Alignment:アライメント)
  2. 分散(Distribute:ディストリビュート)

VectornatorのUIではそれぞれ「①アライメント」と「②分散」と表記されています。

vectornatorのアライメントと分散

オブジェクトを整列させるときは「アライメント」、等間隔に配置したいときは「分散」を使います。

それぞれの機能を紹介しながら実際にオブジェクトを等間隔に配置してみます。

Vectornatorに関するその他のことはこちら!

Vectornatorの使い方。できることは?iPadで無料版ai?

イラストレーターのハセガワ(@h_hasegawa8)です。 僕がイラストを描くのによく使っているVectornatorというアプリについて次の観点でご紹介します。 Vectornatorはどう…

Vectornatorでオブジェクトを整列させる

今回は犬のゆるいイラストを等間隔に配置してみます。

まずは等間隔に配置したいオブジェクトを「アライメント」で「①水平方向左右中央寄せ」に整列させます。

vectornatorのアライメント

「アライメント」の使い方

「アライメント」には6つのボタンがあり、それぞれ次のように整列させることができます。

ボタンアライメントの方向
水平方向左寄せ
左右中央寄せ
右寄せ
垂直方向上寄せ
上下中央寄せ
下寄せ

「アライメント」する基準

「アライメント」では、整列させるオブジェクトの数によってその基準が異なります。

オブジェクトの数アライメントの基準
1つアートボード
2つ以上バウンディングボックス

バウンディングボックスとは、選択しているオブジェクトを囲うように表示されている「線」です。

先程は4つのオブジェクトを選択して「アライメント」したので、このバウンディングボックスの中で左右中央寄せされています。

vectornatorのバウンディングボックス

Vectornatorでオブジェクトを等間隔に配置する

水平方向左寄せで整列したオブジェクトを「分散」を使って「①垂直方向」に等間隔で配置します。

vectornatorの分散

これだけでオブジェクトを等間隔に配置することができました。

「分散」の使い方

「分散」には2つのボタンがあり、それぞれ次のように整列させることができます。

vectornatorの分散
ボタン分散方向
水平
垂直

「分散」する基準

「分散」では、アートボードではなくバウンディングボックスの中で等間隔に配置します。

また、3つ以上のオブジェクトを選択しないと「分散」そのものが使えません。

まとめ

以上がVectornatorでオブジェクトを等間隔に配置する方法です。

「アライメント」と「分散」をうまく使うと簡単にオブジェクトを等間隔に配置することができるので、ぜひ試してみてください。