こんにちは、グラフィックデザイナーのyoenです。
こんにちは、今回は「整列」です。
ドロップシャドウなどを適用したオブジェクトが揃ってくれなくてイライラした事ありませんか?
整列のちょっとしたTipsをお話ししたいと思います。
よく使っている機能だと思いますのでおさらいもかねてご紹介していきたいと思います。
それではいきましょう。
オブジェクトの整列が上手くいかない時の対処法
まずは、基本的な整列パネルの使い方をご紹介します。
3つの整列方法
【選択範囲に整列】【キーオブフェクトに整列】【アートボードに整列】です。
それぞれ見ていきましょう。
選択範囲に整列
選択されたオブジェクトの範囲内で整列されます。
![複数オブジェクトを選択](https://iyoen.com/wp-content/uploads/2020/08/seiton02-1024x561.png)
垂直方向中央を選択しました。オブジェクトの中央がバウンディングボックスの天地中央に揃ったことになります。
![](https://iyoen.com/wp-content/uploads/2020/08/seiton03-1024x478.png)
キーオブジェクトに整列
オブジェクトを複数選択した後にキーとなるオブジェクトを選択ツール(黒矢印)で選びます。
複数選択後、キーとなるオブジェクトを一度クリックするとそのオブジェクトだけ太い青い線に囲われます。
ここは、ドラッグではなくクリックしてくださいね。
選択したオブジェクトが起点となって整列されることになります。下の画像では左の赤のオブジェクトを起点としました。
![赤いオブジェクトが起点](https://iyoen.com/wp-content/uploads/2020/08/seiton05.png)
この状態で、垂直方向上に整列を選びました。赤のオブジェクトは動かず他のオブジェクトが赤の上辺に揃いました。
![赤いオブジェクトの上辺に揃った](https://iyoen.com/wp-content/uploads/2020/08/seiton06.png)
アートボードに整列
アートボードがキーオブジェクトとなります。
わかりづらいですが、黒枠の内側がアートボードです。
![白い背景がアートボード](https://iyoen.com/wp-content/uploads/2020/08/seiton07-1024x566.png)
オブジェクトを選択して、垂直方向下に整列を選ぶとアートボードの底辺にオブジェクトの底辺が揃いました。
アートボードを仕上がりサイズで作っている場合などセンターを取るのが非常に楽です。
![底辺にそろう](https://iyoen.com/wp-content/uploads/2020/08/seiton08-1024x567.png)
効果がかかっているオブジェクトをキレイに並べる
ここからが今回の本番です。
オブジェクトにドロップシャドウがかかっている場合など等間隔に分布を実行してもうまく揃いません。
なぜなら、ドロップシャドウ分もオブジェクトの範囲になってしまっているからです。
下の画像では等間隔に分布で左右の間隔を0mmにしているにもかかわらずオブジェクト同士がひっつきません。
選択範囲からも分かる通りドロップシャドウ分もオブジェクトの範囲に含まれてしまっているからです。
![](https://iyoen.com/wp-content/uploads/2020/08/seiton09-1024x307.png)
そこでウインドウ右側のプルダウンメニューから「プレビュー境界を使用」のチェエクを外してみてください。
![](https://iyoen.com/wp-content/uploads/2020/08/seiton10.png)
元のオブジェクトの選択範囲になりました。ドロップシャドウを無視している状態です。
こうすることによって数値で正確に配置出来るようになります。
![](https://iyoen.com/wp-content/uploads/2020/08/seiton11-1024x318.png)
まとめ
いかがでしたでしょうか。今までに整列でイライラしたことのある人はぜひ試してみてください。
テキストを正確に配置するやり方も記事にしていますので合わせてご覧ください。
それでは、よきデザインライフを。
コメント