無料PhotoshopチュートリアルYouTubeで更新中>>

Photoshopで文字間隔がばらばら【3つのスペース調整法】

Photoshopで文字と文字の間のスペースを整える
記事内に商品プロモーションを含む場合があります

Photoshopでよく使う文字ですが、文字と文字の間がちょっと詰まりすぎてたり、広がりすぎていて悩むことありませんか?

たじ
たじ

スペースキーで調整したりレイヤーを分けてるよ!

えりな
えりな

1つの文章内なら文字間隔はスペースキーではなく別の機能で調整した方が楽だよ!

文字間隔の調整は、文字パネルの中の「VA」や「あ」を使います。

では、詳しく見ていきましょう!

スポンサーリンク

文字と文字のスペースを調整する方法チュートリアル動画

動画でも解説してるので、ぜひ見てみてください。

Photoshopで文字間隔がばらばら【3つのスペース調整法】下準備

まず文字を書きます。

Photoshopで文字と文字の間のスペースを整える

 

そして、文字レイヤーを選択しレイヤーの左側にあるパネルのA|をクリックします。

Photoshopで文字と文字の間のスペースを整える

ちょこっとアドバイス

もしそこにない人は、書式▶︎パネル▶︎文字パネルで同じ画面を出すことができます。

Photoshopで文字と文字の間のスペースを整える

この文字パネルの設定をいじって文字間隔を調整していきます。

文章全体を詰めたり、広げたりする方法【トラッキング】

文章全体・文字列全体の字間を調整するには↑この「VA」を使います。

 

Photoshopで文字と文字の間のスペースを整える

この中にある右側のVAのマークでレイヤーの文章全体のスペースを調整できます。

Photoshopで文字と文字の間のスペースを整える

トラッキング

選択した文全体の字間を均等に調節。

選択できる数値:-100~200

直接入力で-1000~10000まで変更可!

ショートカットあり。

文章全体or選択した文字列の文字間隔を広める

右側のVAをプラスに大きい数字にするほど文字と文字の間の幅が広がります。

Photoshopで文字と文字の間のスペースを整える

文字間隔を狭める:ドラッグして選択して Option/Alt+

 

文章全体or選択した文字列の文字間隔を狭める

逆にマイナスにいけばいくほど、文字と文字の間が狭くなります。

Photoshopで文字と文字の間のスペースを整える

文字間隔を狭める:ドラッグして選択して Option/Alt+

 

トラッキング注意点

右側のVAの数字は自分でタイプして-1000〜10000まで変えることはできますが、文字と文字が重なってしまうので大体-100~200内で変えることが多いです。

Photoshopで文字と文字の間のスペースを整える

えりな
えりな

小さくしすぎると文字と文字が重なってしまうことも!

日本語文章全体を詰めたり、広げたりする方法【文字ツメ】

Photoshopで文字と文字の間のスペースを整える

 

先ほどの『VA』で数字を自分でタイプしてやってもいいのですが、もう少し便利なのがその下にある『あ』というところです。

Photoshopで文字と文字の間のスペースを整える

 

Photoshopで文字と文字の間のスペースを整える

文字ツメ

1つの文字の両側の文字間を調整。

選択できる数値:0%~100%

100%で文字間隔が一番狭く0%で文字間隔が一番広くなる。

日本語を良い感じに調整してくれる。

※トラッキングより変化は小さい

ここでパーセンテージが出てくるのですが、このパーセンテージを大きくすればするほど文字と文字の間隔が狭くなります。

Photoshopで文字と文字の間のスペースを整える

 

先ほどの『VA』と比べてみると、『あ』は文字と文字が重ならない最大限に文字と文字の間隔を狭めてくれてるのがわかります。

Photoshopで文字と文字の間のスペースを整える

えりな
えりな

日本語で文字間を一番狭くしたければ、「文字ツメ」を100%にすればよいね!

1つの文字ともう1つの文字を詰めたり、広げたりする方法【カーニング】

Photoshopで文字と文字の間のスペースを整える

先ほどやったのは文章全体の文字と文字の間隔を広げる方法でしたが、今回文章の中の1つの間隔を詰めたり、広げたりする方法です。

えりな
えりな

今度は1カ所だけだよ!

Photoshopで文字と文字の間のスペースを整える

今度は左側のV/Aを使います。

Photoshopで文字と文字の間のスペースを整える

カーニング

1つの文字間ずつ調整。

選択できる数値:-100~200

直接入力で-1000~10000まで変更可!

調整したいところにカーソルを置く必要あり

 

『今日もいい天気』と書いたのですが、なんとなく『日』と『も』の間が他の文字と文字の間より間隔が広い感じしますよね?

Photoshopで文字と文字の間のスペースを整える

ここの間隔だけを少し詰めたいというときに使える方法です。

 

まず文字間を変えたい『今』という文字と『日』の文字の間にカーソルを持ってきてクリックします。

Photoshopで文字と文字の間のスペースを整える

 

カーソルを置いた1つの文字間を狭める

Photoshopで文字と文字の間のスペースを整える

カーソルを置いたあとに左側のV/A数値を小さくしていくと、カーソルを置いた文字と文字のスペースは狭まっていきます。

またはキーボードのOption/Alt を押しながら←を押していけば文字を見ながら調整可能!

文字間隔を狭める:Option/Alt+

 

カーソルを置いた1つの文字間を広める

逆に、カーソルを置いたあと、左側のV/A数値を大きくしていくと間隔が広まっていきます。

キーボードのOption/Altを押しながら→を押すと文字と文字の間を見ながら調整可能です。

Photoshopで文字と文字の間のスペースを整える

文字間隔を広める:Option/Alt+

 

これで自分でカスタムして文字と文字の間を詰めたり、広げたりできるのはうれしいですよね!

えりな
えりな

数値入力じゃどれがいいかよくわからないけれど、ショートカットなら見ながら決められるからいいね!

注意点

カーニング(左側のVA)は、カーソルを置いていないと使えない!

Photoshopで文字間隔がばらばら【3つのスペース調整法】まとめ

文字と文字のスペースを調整する方法を3つ見てきました。

まとめると、こんな感じです。

3つのスペース調整法
  1. トラッキング(右側のVA):文章全体を均等に調整
  2. 文字ツメ(|あ|):選択した文字の両側の幅を調整。日本語向け。
  3. カーニング(左側のVA):カーソルを置いた1カ所だけ調整
えりな
えりな

それぞれの名前は覚えなくても機能がわかれば大丈夫!

見た目で調整したいときは、ショートカットがとても便利です。

ぜひ覚えて使いこなしましょう!

文字間隔を狭める:Option/Alt+
文字間隔を広める:Option/Alt+

その他のよくあるPhotoshopの悩みはこちらから

Photoshop困ったときに

コメント

タイトルとURLをコピーしました