Photoshopでサイズを指定して(mmやpxで)長方形や枠線を書く簡単な方法

当サイト記事は広告が含まれます
フォトショでmmやpxを指定して四角い枠を描く
  • URLをコピーしました!

フォトショ(Adobe Photoshop)で枠線や長方形のサイズを指定して書くのってどうやればいいんだっけ?

うん、もちろん忘れたw

と、結構フォトショも使ってる方々が会話してるのを耳にしまして、

そっかサイズを正確に指定して長方形とか書くのって、地味にあまりやらないので確かにどうだっけ?ってなるかもと思ったので、ここにメモしておきます。

り~ちん

今回は簡単な方法2パタンで紹介したいと思ひます。

長方形や枠線をサイズ指定で簡単に書ける2パタン↓

  1. 長方形ツール』を使う
  2. 長方形選択ツール』を使う

この2パタン。

タップで飛べる目次↗︎
Sponsored Links

【長方形ツール】簡単に長方形や枠線を書く方法

-1、【サイズ指定】で長方形・枠線を書く手順

STEP
フォトショで長方形ツールを選択

まずフォトショ内のツールバーから、
長方形ツール』を選択しておく↓

長方形ツール

別な形が選択されていて探しづらい場合もあると思う。。。
その場合は『ショートカットキー(u)』を押してみて、選択されてるアイコンを長押ししてみてください。
その中にあります↓

フォトショの図形ツール
STEP
『クリック』で『サイズ指定ウィンドウ』を立ち上げる

長方形選択ツールを選択した状態で、

フォトショの『ボードのどこかをクリック』すると、
サイズ指定できるパネル(『長方形を作成のパネル)が立ち上がり、指定・設定できます↓

サイズを指定して長方形を書く

下図のように、px指定だけでなく、
mm指定も入力できる↓

長方形サイズ指定

中心からにチェックを入れておくと、クリックしたとこを中心として書けます。

このパネルで指定して『OK』をクリックするとそのサイズで書ける。

簡単ですねw

STEP
塗りと線の設定をする

サイズ指定する前に塗りと線の設定をしておいても順番はどちらでもいいですが、

長方形ツールを選択した地点で、
上部のオプションバーに、塗りや線を調整・設定できるタブが表示されてます。↓

塗りと線の設定

これで調整できるってこと。。。

例えば、

  • 長方形を書きたければ、塗りの色を指定する。
  • 長方形の枠線を書きたければ、塗りの色を無くし線の太さを設定する。

設定は塗りや線のサムネイルアイコンをクリックすると下図のように選択できる↓

カラーを選択

パネルの右上のレインボーカラーのところをクリックするとカラーピッカーが立ち上がり、
新たにカラーを指定することもできる↓

カラーピッカーで指定
STEP
『枠線』にしたい場合

塗りの部分のサムネイルアイコンをクリックしてカラーパネルを開き、
赤い斜線』のアイコンを選択し、塗りをナシ無効)にしておく↓

枠線だけにして塗りを無効にする

枠線の太さ』も下図のように上部エリアの『』のプルダウンのところから数値やバーで調整できる↓

枠線の太さ調整
STEP
『長方形』にしたい場合

塗り』にカラーを指定すればいいだけw↓

長方形にしたいなら塗りの色を指定する

-2、サイズ指定せずに長方形・枠線を書く方法【正方形も超簡単】

長方形ツールを選択して、上記のように塗りや枠線の設定をしておき、

左上から右下にカーソルをドラッグするだけでOK↓

右下にドラッグで描ける

そう、ちなみに、

正方形』が書きたい場合も超簡単

Shiftキー』を押しながらドラッグ

すると書けます。

り~ちん

これ、円や他の図形なども正しく書けるし、直線をまっすぐ書きたい場合なども地味に便利よw

カクちゃん

楽だね。

【長方形選択ツール】のスタイルを『固定』でサイズ指定する方法

-1、長方形選択ツールでサイズ指定する手順

フォトショの長方形選択ツールを選択した状態で、

上部エリアにあるオプションバーの『スタイル』を『固定』にする↓

01_長方形ツール

その横にある窓で幅と高さを入力する↓

02_幅と高さ

これも、

単位をmmにすればmmで、pxにすればピクセルで指定できる

デフォではpxになってるけど、単位をmmで入力すればmmでのサイズ指定もできる。

幅と高さを入力指定したら、プラスのカーソルでボードをクリックすると、
その指定したサイズ枠で選択できる↓

03_mmでも指定可能

ここから、

-2、長方形にしたい場合

これに色をつけて長方形にするならレイヤーベタ塗りで色指定すればOK。

レイヤー>新規塗りつぶレイヤー
>べた塗り>色指定

ですね。

-3、枠線にしたい場合

罫線の枠を作りたい場合は、

編集>境界線を書くをクリック↓

04_境界線を書く

境界線の太さや色などを設定できるウィンドウで設定する↓

05_線の太さとカラー

これで四角い枠が描けた↓

06_四角い枠が描けた

枠線や長方形などを中央に移動/配置させる方法

その長方形や枠を中央に寄せたい、中央に配置したいなどの場合も簡単w

まず、

中央に置きたいその元範囲どの範囲の中央にするのかを選択する
(その範囲が全部あるレイヤーを選択しといてその範囲を全選択する
command+Acontrol+A)↓

07_中央にする

次に、

中央にしたいものが含まれるレイヤーを選択↓

08_中央にしたいものが含まれるレイヤーを選択

さらに『移動ツール』を選択した状態で、

上部バーの移動アイコンをクリックでワンタッチで中央にできる↓

09_移動ツール

その移動アイコンで上に揃えたり、下・左右などにも揃えられます。

そんな感じw

基本的なことなんですがこれほんと便利w

この辺りイラレと同じ感じなんでなんだか楽ちんで楽しい

1つの作業をするにも無数にやり方があるのが当たり前なんでどうやったら自分がやりやすいか、楽できるかを試行錯誤するのって大切かなと………

でもって、

Adobeソフトは全アプリケーション使い放題のコンプリートプランが最強

ちなみに講座+AdobeCCは個人での強力な味方となってくれます!↓

ってことで

楽しいデザインライフあれ!

しゃらんるわあぁあああ❤︎

\(`^`)b ( ̄v ̄)ゞ

\(`^`)b

よかったらシェアしてね!
  • URLをコピーしました!
タップで飛べる目次↗︎