クリエイターなら絶対に登録しておきたい転職エージェント5選!

【Photoshop】整列と分布を使ったレイアウト方法

この記事を読むのに必要な時間は約 6 分です。

Photoshop(フォトショップ)で複数のオブジェクトを綺麗に整列させる方法を解説します。
デザイン作業やパターン柄を作りたい時に役立つ機能です。

では早速解説していきます!

整列させたいオブジェクト

左図のアイコン類を整列させたいと思います。
個別で [ 移動ツール(V) ] を使用して整列させるのも良いですが、面倒ですよね。

整列を使えば一瞬で綺麗に並べられます。

整列の使い方

Photoshopを導入しましょう
当記事の内容を実践するにはPhotoshop(フォトショップ)が必須です。
まだPhotoshopが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
STEP.1
整列させたいオブジェクトのレイヤーを選択
整列させたいオブジェクトのレイヤーを複数選択します。

[ Shift ] を押しながらクリックするとレイヤーを複数選択することができます。

Photoshopのレイヤーはコチラで詳しく解説しています。

STEP.2
移動ツールに切り替える
[ 移動ツール(V) ] に変更します。
すると画面上部のオプションバーに整列の項目が表示されます。

左から順に [ 左端揃え ] , [ 水平方向中央揃え ] , [ 右端揃え ] , [ 垂直方向に分布 ] , [ 上端揃え ] , [ 垂直方向中央揃え ] , [ 下端揃え ] , [ 水平方向に分布 ] です。

[ … ] をクリックすると整列の詳細ウィンドウが表示されます。
STEP.3
垂直方向中央揃えを適用
まず [ 垂直方向中央揃え ] を適用します。
すると上下にガタガタしていたレイアウトが、オブジェクトの中心を軸に綺麗に揃いました。
FINISH
水平方向に分布
次に [ 水平方向に分布 ] を適用します。
すると等間隔に整列されました。
両端のオブジェクトの位置を確定させ、後は [ 分布 ] を適用すると簡単に等間隔でレイアウトができます。
Illustratorの整列
Illustrator(イラストレーター)だとさらに高度な整列機能を備えています。
イラレの詳しい使い方は当サイトのゼロから始めるIllustratorで完全解説しています。
レイアウト作業を行うのであればIllustratorは非常にオススメ、Adobe公式サイトから入手できます。

おわりに

以上、Photoshop(フォトショップ)で整列を使う方法についてでした。

整列はデザイン作業を行う際によく使う機能です。
目視で揃えるのは時間と手間が掛かりますが、整列を使えば一瞬でキレイに並べられます。
コツは先に両端の位置を確定させてから整列させる事です。

レイアウトに特化させるならIllustrator(イラストレーター)を導入するのも大いにアリですよ。

ではまた!

クリエイターへの就職・転職成功率を劇的に上げるエージェント5選
クリエイターへの就職・転職を目指すにはリクナビやen転職など、大手だけでは役不足です。
コチラの記事私が転職の際に活用し、複数内定を獲得したクリエイティブ系に強い転職エージェントを徹底解説!
フリーランス志望の方、収入を増やしたい方に必須のエージェントは コチラ で解説しています。
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!