Photoshop(フォトショップ)で絵や文字を任意の場所に整列

フォトショップで任意の場所に配置、整列させる方法


スポンサーリンク

どうも、熊の着ぐるみを着たおじさんganmin(@muro_ganmin)です。

フォトショップで絵や文字を任意の場所に配置、整列させる方法

スポンサーリンク

Photoshop(フォトショップ)の設定

まず、Photoshop(フォトショップ)の画面上にあるメニューから編集→環境設定の単位・定規を選ぶ。

フォトショップの環境設定

単位・定規の中にある定規と文字の単位をweb用途ならpixel、印刷用途ならmmにしておく。

定規と文字の単位設定

それから、メニューの表示の中にある定規とスナップにチェックを入れておく。(スナップ先のガイドにもチェック)

スナップ先のガイドにもチェック

表示・非表示にあるスマートガイドにもチェックを入れておくと位置関係が表示されるので便利だと思います。(多分、デフォルトではチェック入ってたと思いますが。。。)

スマートガイドにもチェック

Photoshop(フォトショップ)の定規を使ってガイドを引いていく

先ほど定規にチェックを入れたので左と上に定規が表示されていると思います。

その表示された定規の位置からカーソルをドラッグすることで任意の場所にガイド線が引けます。

定規からカーソルをドラッグしてガイド線を引く

尚、Altを押しながらドラッグだと水平、垂直を切り替えられます。

任意の場所にガイドが引きづらい場合はガイドを引く時にShiftを押しながらドラッグすることで表示されている目盛りにスナップ(吸着)する形でガイドが引けるので便利。

ピタっとする熊の着ぐるみを着たおじさん
ganmin
キャンバスは拡大した方が引きやすいかもしれない。。。

他のテクニックとしては、例えば、ガイドから15pixel(任意の)離した位置に更にガイドを引きたいという場合があります。

ガイドから15ピクセル離した位置にガイド線を引きたい

そういう時は長方形選択ツールを使って、引いたガイドから15pixel幅をとって選択し、長方形選択ツールで選択

その後ガイドを引いてやれば選択範囲にスナップした形でガイドが引けます。

15ピクセル離した位置にガイドが引けました

間違ってガイドを引いてしまったりした時は、移動ツールでガイドをつかんで外にドラッグしてやることで削除することができます。

ガイドを外にドラッグで削除

色々、イジって定規の原点(通常はキャンバスの左上が0pixelになってるハズ)が変わってしまった場合は左上の定規が交差している部分でダブルクリックすれば、戻ります。

左上をダブルクリック 原点を変えたい時は左上からドラッグ
サクッと10pixel分、オブジェクトを動かしたい時に使える便利なテクニック

ganmin
お役立ち情報だよ。。。

描いたモノを10pixel分、動かしたいとかならガイドを使わなくても、移動ツールに切り替えてShiftを押しながらキーボードの上下左右キーを1回押すと10pixel動かすことができるので覚えておくといいでしょう。

Photoshop(フォトショップ)の整列機能を使って文字を整列させてみる

先ほどのガイドの引き方でこんな風にガイドを引いてみました↓

ガイドを引いた画面

今回はこのガイドで囲ったちょうど真ん中、

配置させる場所

に文字が整列するようにしてみたいと思います。

ganmin
文字じゃなくても、絵でもなんでもいいよ。。。

とりあえず、キャンバスのどこでもいいので文字を入力しておきます。

どこでもいいので文字を入力

そして、ガイドにスナップさせるような形で長方形選択ツールを使って選択。

ガイドに合わせて選択

その後、移動ツールに切り替えてオプションバーにある整列のアイコン、水平方向中央揃えと垂直方向中央揃えを押すことによって、

移動ツールに切り替えて水平方向中央揃え、垂直方向中央揃えを押す

選択した範囲を基準に整列させることができます。

文字が整列されました
ganmin
他の整列のアイコンで中央だけじゃなく、上下左右の端とかにも揃えられます。

まとめ

他にも定規の原点を移動させてガイドを引く等、色々、やり方あるのかもしれませんが、まぁ、今回使用したテクニックで任意の場所に絵や文字を正確に配置させたり、キャンバスの上下左右に余白を取るとかは苦労なくできるんではなかろうか。。。

ではでは。という熊の着ぐるみを着たおじさん



スポンサーリンク



スポンサーリンク



この記事よかったら、SNSでシェアしてね!!

ABOUTこの記事をかいた人

ただの熊の着ぐるみを着たおじさん。 主に3DCG(ZbrushやBlender)のことだったり、イラストについてブログに書いていきます。 他にもゲームやマンガ、生き方、人生、地元のこと等々、雑記的に書いていきます。 ツイッター、インスタなんかにもマンガやイラスト投稿してます。 よかったら、見てください! blenderやunity勉強中!と、いいつつ、最近はUE4も!たまに曲作りも!