その場合カーニングという作業が必要になります。この余白の調整をする方法があります。, カーニングを設定する方法に「メトリクス」と「オプティカル」という2種類があります。, 「メトリクス」はフォント自体がその情報を持っていないと選択しても何も変化がないので、日本語フォントではメトリクスの情報を持っているフォントは多くないので調整がきかない場合が多いです。, 「オプティカル」はPhotoshop側で自動で調整してくれるので、自分でカーニングをうまく調整できない場合は「オプティカル」を選択しておきます。, 文字間を詰めます。 背景に文字を馴染ませたりするときに有用なテクニックでかつ、非常に簡単なので、覚えておいて損はないと思います。 まず、貼り付けたい画像の上にテキストレイヤーを置きます。 このままでは加工がし . 文字列を編集するさまざまな方法 A-1. Copyright © 2010 - 2020 psgips All rights reserved. 文字に太字や斜体などを設定する の手順 1. 【Photoshop基本操作】文字ツールで作成したテキストレイヤー内の文字は、後でスペルまちがいを訂正するなどの編集可能な状態で、変形や回転を加えることができます。変形は [変形] コマンド、[ワープテキスト] 機能などで行え、オプションバーとの併用で、詳細な数値入力も可能です。, テキストレイヤーの文字が、そのまま変形できることは大変便利ですね。[ワープテキスト] なら、「アーチ」や「波形」など、さまざまな変形が簡単に試せます。, しかし、なんか思うように変形してくれない…と感じることもあります。その原因のひとつは、フォントが持つバウンディングスペース。文字の変形にこだわるなら、[シェイプに変換] を適用することをオススメいたします。, 再編集ができるテキストレイヤーをそのまま変形できるので、クリックしてカーソルを入れいれば、変形率を維持しながら、入力まちがいなどの修正が可能です。, テキストレイヤーには、ポイントテキスト、または段落テキストで作成されたものがあります。変形する操作は基本的に同じですが、2つを分けて操作方法を知っておく方が効率的です。, 文字ツールで、ドキュメントに文字を入力します。ここでは、ポイントテキストで入力したテキストレイヤーに、, [レイヤー] パネルで、対象のテキストレイヤーが選択されていることを確認してください。, 文字をどのように変形させたいかで、[変形] コマンドのサブメニューが異なります。ここでは、[編集] メニューから、[変形] → [拡大・縮小] を選択します。すると、テキストレイヤーの文字の範囲に、変形のバウンディングボックスが表示されます。, [command (Ctrl)] + [T] キーを押すと、自由変形のバウンディングボックスを表示することができます。, 自由変形は、それぞれのハンドルをドラッグして、個別の変形が行えるコマンドですが、対象がテキストレイヤーの場合、バウンディングボックスの向かい合う辺が相対的に変形します。たとえば、バウンディングボックスが台形になる, [編集] メニューから、[変形] → [拡大・縮小] を選択し、四辺中央にある側面ハンドルを、[shift] キーを押しながらドラッグします。すると、, コーナーハンドルを [shift] + ドラッグすると、幅、高さの変形が同時に行えます。, [編集] メニューから、[変形] → [ゆがみ] を選択し、四辺中央にある側面ハンドルをドラッグします。すると、水平方向、または、垂直方向を保つ変形ができます。, [編集] メニューから、[変形] → [回転] を選択し、バウンディングボックスの外側にマウスカーソルを置いてドラッグします。, マウスカーソルの位置は、バウンディングボックスの外側ならどこでも回転させることができます。ドラッグする方向は、左回りなら下から上へ、右回りなら上から下へ、縦向きの動きを基本にするといいでしょう。, オプションバーで、[変形を確定] をクリック、または、[enter] キーを押して、文字の変形を確定します。, [変形] コマンドによる変形では、コマンド内のメニュー (拡大・縮小、回転、ゆがみ等) を一度の操作で切り替えて使用できます。作例は、基準点を固定 + 拡大・縮小、ゆがみ、回転を併用しています。, テキストレイヤーと段落テキストのバウンディングボックスを比較してみると、その形状が異なっていることに気付きます。欧文書体では、アセンダーラインからディセンダーラインまでのスペースが取られているので、その領域に文字がなくても、バウンディングボックスの範囲とされています。, 段落テキストでは、行の終わりと下にポイントテキストよりも多くスペースが取られています。これらのバウンディングボックスの大きさは、個別のフォントに書き込まれた情報によるものなので、テキストレイヤーで変形する際には、どうしても付きまとう「厄介者」となるわけです。. 下記の画像では水色になっている部分の幅を調整することが可能です。, 同じフォントでも数字だけ横幅があるように見えたりすることもあるので、数字だけ水平比率を調整して見た目を同じサイズにしたりという使い方ができます。, 行間は計算式を入力することもできます。 6. 横書き文字ツールなどの文字ツールを選択するとオプションバーに、太字、斜体 … 下記は文字のピクセルサイズ×1.4行分という計算です。, 「太字」「斜体」「オールキャップス」「スモールキャップス」「上付き文字」「下付き文字」「下線」「打ち消し線」のスタイルを指定することができます。, ここではあまり聞きなれないかもしれない「オールキャップス」と「スモールキャップス」について説明します。, 入力時に1文字目だけ大文字で入力してあった場合、スモールキャップスをクリックすると最初の1文字目は大きいまま、2文字目以降はサイズがそのままの大文字になります。, 選択するだけで出てくることがあるので、必要ない場合は環境設定からパネルが表示されないようにすることもできます。. “サ この記事では、Photoshopでの文字入力の方法とポイントを解説します。フォトショ初心者の方でも分かるよう、一部初歩的な部分も詳しく説明しているので、必要に応じて読み飛ばして頂ければと思います。, すでにご存知の方も多いと思いますが、まずはPhotoshopでの文字入力の流れを説明します。, 画面右側の文字パネルは、フォントサイズやフォント種類をはじめとして、文字入力に関する細かな設定をする場所です。使い方は後で詳しく説明します。, 文字パネルが表示されていない場合は、メニューバーの[ウィンドウ](上の図の★のところ)から[文字]をクリックすれば現れるはずです。, オプションバーでも文字の設定ができます。文字パネルとオプションバーどちらでも文字設定ができますが、文字パネルの方が細かな設定ができます。, 文字ツールを選んだ状態で、文字をのせたい範囲をざっとドラッグしましょう。すると、文字入力のためのボックスが作られます(このボックスはテキストボックスやバウンディングボックスと呼ばれたりします)。ボックスの角にある□をドラッグすることでボックスのサイズは自由に変えられます。, ボックスが作られたらあとはキーボードで文字を打っていくだけです。フォントの種類や色、大きさなどは、入力後でも自由に変えられます。, たとえば、今入力した文字の色を変えてみましょう。まず、変えたい文字をドラッグして選択しておきます。ここでは”ためし”の部分を選択しました。次に文字パネルの「カラー」(画像のオレンジ枠の部分です)をクリックして変えたい色を選びます。, フォントサイズやフォント種類も、同様のやり方で変えることができます。ボックス内の全文字の設定をまとめて変えたいときは、全文字を選択した状態で設定を変えても良いですし、一旦キーボードのescを押すなりして、ボックスを閉じてから文字パネルで設定を変えてもOKです。, 文字入力の方法は分かりました。しかし、パネルには何かと設定がたくさんあって分かりづらいですよね。ここからは文字パネルの各設定の意味を全て説明します。, まず文字パネルの上半分から見ていきます。ちょっと分かりづらい部分には★がついています。, フォントの種類によっては5〜6段階から太さを選ぶことができます。また、太さの設定ができないフォントもあるので注意しましょう。, ドロップダウン▼からサイズを選択することもできますし、直接数字を入力してもOKです。”500″みたいにべらぼうに大きい数字を入れてもOKです。, こだわりがなければ(自動)を選んでおけば、フォトショさんが自動調整してくれます。また、alt + ↑ or ↓ のショートカットを使えば、ここの数字を触らなくても細かく行間を狭めたり広げたりできます。行間をよく調整する人からすると、とても便利なショートカットですね。 ※ Macの場合alt=optionです。, カーニング・トラッキング・文字ツメについては、後でまとめて説明するので一旦飛ばします(スキップする)。, 垂直比率とは「文字の縦の長さ」の度合いを表します。通常100%で、例えば125%にすると縦長の文字になります。あまり使う機会は無さそうですね。, 水平比率は「文字の横の長さ」の度合いを表します。例えば125%にすると横長の文字にします。「カタカナを半角のように見せたい!」というときには80〜90%にしてみると良いでしょう。, ここで、文字の上下の位置を調整できます。通常は0に設定されています。例えばこちらの図では、”う”のベースラインだけを10ptにしてみました。すると、”う”の位置がぴょこんと上に上がります。, 文字入力をしていて「なんかこの文字だけ位置が低くてバランスが悪いなぁ」というときに便利です。, (E)カーニング、(F)トラッキング、(G)文字ツメの3つはどれも字間を調整するものです。機能が似ているので、混乱してしまう人も多いかと思います。ここでは細かな定義や構造は置いておき、どうやって使うのかに絞って解説していきたいと思います。, Photoshopでのカーニングは、字間を1文字ずつ調整したいときに使います。というより、1字ずつしか調整することができません。, カーニングで字間を調整するときには、まず”調整したい字と字の間”にカーソルを置きます。次にカーニングの数字を変えます。これでカーソルが置いてあった部分の字間が変わります。とはいえ、1文字ずつ調整するのにいちいち数字を変えるのは面倒ですよね。というわけでショートカットを使いましょう。, トラッキングとは、複数の文字列の字間をまとめて、均等に調整するものです。トラッキングで字間を調整するときは、①調整したい文字列を選択、あるいは全体を選択した状態で、②文字パネルのトラッキングの数字を変えるだけでOKです。, トラッキングにもショートカットがあります。そしてこのショートカットは、カーニングと同じ alt + ← or →です。つまり、字と字の間にカーソルを置いてこのショートカットを使うとカーニング調整になり、複数の文字列を選択してこのショートカットを使うと、トラッキング調整になります。ちょっと分かりづらいと思うので、ここまでの説明を忘れて、こう覚えましょう↓。, Photoshopの字間調整が分かりづらいもう1つの理由に「文字ツメ」があります。上の2つは、文字の右側のスペースを調整するのに対して、文字ツメは文字の左右両側のスペースを調整します。「日本語に使うと字間が良い感じになる」と言われることもある文字ツメですが、カーニングとトラッキングだけ使っても問題なく字間調整できます。というわけでタイポグラフィーを本格的に勉強しない限り、文字ツメの存在は忘れ去ってしまっても良いでしょう。, Photoshopでこの太字機能を使うことは、ほぼ無いと言ってもよいでしょう。というのも、文字パネルのフォント種類選択の横のドロップダウンで「フォントの太さ」を設定できるからです(さきほど解説したここ)。太字にしたい場合も、この太字機能 は使わず、フォント種類選択の横にあるドロップダウンで設定するようにしましょう。, オールキャップとはアルファベット表記を全て大文字にする設定のことです。aaaと入力してもAAAと表記されます。はじめから大文字で入力すれば良い話なので、使う機会はあまりないでしょう。, スモールキャップとは、アルファベットの小文字を大文字で小さく表示する設定のことです。つまりABcdeと入力したら、ABCDEと表示されます。こちらも頑張って覚える必要はないでしょう。, 数学の「◯乗」などの表記をしたいときに使うと便利です。使うときには、上付きor下付きにしたい文字を選択した状態で か をクリックしましょう。, 取り消し線もフォトショの使用用途によっては便利なのかもしれませんね。僕は使ったことがありませんが…。, アラビア語やフィンランド語など、変わった言語を入力したいということも人によっては稀にあるかもしれません。そんなときは、文字パネルの言語設定(画像オレンジ枠の部分)から使いたい言語を選ぶことになります。ただし、言語によっては他にもいくつか設定が必要になる場合があります。たとえば、アラビア語を入力するときはPhotoshopの環境設定まで変える必要があります。, Photoshopを使っていく中で、文字の表示が荒く見えたときは、まずこのオレンジ枠の部分を疑ってみましょう。ここが[なし]になっていると、文字の輪郭がギザギザしているように見えます。これを直したいときには[なし]から[滑らかに]へと選び変えましょう。[シャープ」「鮮明」などでもOKです。それぞれ試してみて、最もしっくりとくるものを選べば良いでしょう。, ちなみにですが、このギザギザを滑らかに見せる機能は”アンチエイリアス”と呼ばれたりします。, 文字パネルの右上のパネルメニュー をクリックすると、ずらーっとたくさんの項目が表示されます。ここからは、ざっとメニュー項目の意味・機能を解説していきます。, すでに入力した文字であっても、文字パネルメニューの[テキストの向きを変更]をクリックすると縦書き⇔横書きの切り替えができます。, 縦書き中のアルファベットの表示向きを変えられます。縦書きの文字列を選択しているときでないとクリックできないようになっています。, 縦中横とは、縦書きの文字列の中で一部の文字だけ横書きにできる機能のことです。使い方は簡単。縦書きの文の中で、横に向けたい文字だけを選択して、文字パネルメニュー[縦中横]をクリックするだけです。, 続いて、文字パネルのパネルメニューには[文字揃え]というものがあります。[欧文ベースライン]や[中央]、[仮想ボディの上/右]などが選べるのですが、これは何なのでしょうか。この文字揃え設定、異なるフォントサイズで文字入力するときにとても重要になります。, とはいえ、難しい話では全くなく、上の図を見て頂けばパッと分かるかと思います。[欧米ベースライン]だと異なるサイズの文字が綺麗に下に揃っていますね。一方で[中央]だと文字が真ん中のライン、[仮想ボディの上/右]だと上のラインに揃っていますね。このように文字の上下の位置を調整するのが[文字揃え]メニューです。, 文字パネルのパネルメニューの[OpenType]や[太字][斜体][打ち消し線]などは先程説明した加飾機能と同じものになります。文字パネルのアイコンからでも、パネルメニューからでも実行できるわけですね。, 文字パネルのパネルメニューの[文字幅を調整]と[システムレイアウト]については、基本的には触る必要のない部分です。[文字幅を調整]機能がONになっていると(メニュー横にチェックがつきます)字間が自動でほんのわずかに調整されます。一方のシステムレイアウトをONにすると、アンチエイリアス(文字を滑らかに見せる機能)がオフになり、テキスト全体の字間が自動で統一されます。いずれにせよ、カーニングやトラッキングなどで字間調整をしていると、これらのONとOFFが自動で行われるので意識する必要はないかと思います。, 文字パネルメニューの[分割を禁止]は、文章の中で「途中で改行してほしくない単語」がある場合に使う機能です。例えば「サルワカ」という文字列を選択したうえで[分割を禁止]をクリックすると、サルワカという単語が この文書では、 Photoshop Elements で入力した文字列を修正したり文字に効果をつけるさまざまな方法を紹介します。以下の内容は、文字レイヤーを含む PSD ファイルでの操作方法です。 A. その他 Photoshopで遠近感のある文字の作り方. ルワカ”というように途中で改行されることが無くなります。あまりに長い文字列を選択して[分割を禁止]すると、機能が無効になったり、文字が消えてしまうことがあるのでご注意ください。, その名の通り、文字パネルのフォントサイズや行間などの設定を、初期設定の状態に戻します。何かと設定を変えて「ごちゃごちゃしてきたな…」というときに使いましょう。, Photoshopでは、文字の中央寄せや左寄せ、改行位置などの設定は「段落パネル」から行います。簡単に段落パネルの使い方についても説明しておきます。, 1番上のアイコンは、左からそれぞれ文字の「左寄せ」「中央寄せ」「右寄せ」の設定になります。これは説明するまでもないですね。, こちらのアイコンは行の両端を揃えたうえでの左寄せ・中央寄せ・右寄せ設定になります。, 上の画像のように「ただの左寄せ」の場合だと各行の最後の文字とテキストボックスの間にちょっと空きができます。この例だと、それでも綺麗に行の右端が揃っているのですが、文章によっては行によって改行位置が左右にずれてしまうことがあります。, 一方で、「両端を揃えて左寄せ」の場合、各行の最後の文字が、テキストボックスの端にきっちりと揃います。どんな文章でも同じ位置できっちりと改行されるため、非常に綺麗に見えるのですね。それで、両端揃え×左寄せの場合は、最終行がこの画像のように左に寄ります。, こちらは、行の左右のインデント(左右のスペース)の設定です。たとえば、左側のアイコンのインデントの数値を10ptにすると、各行の左に10ptの余白ができます。テキストボックスごと動かせば良い話ではあるので、あまり使う機会はないかもしれませんね。, こちらは段落の1番はじめの文字だけを、指定した分だけ右にずらす機能です。きちっとした文章でよく見かけるやつですね。こちらは文章をたくさん打つときには、よく使う便利な機能でしょう。, こちらは、段落上下の空白の広さの設定です。左側のアイコンが段落の上のスペース指定、右側のアイコンが段落の下のスペース指定になります。たとえば、段落の下のスペースを20ptにすると、こちらの図のようになります。薄いオレンジの部分が20ptのスペースになります。しっかりした文章をのせる場合には便利でしょう。, 禁則処理というと難しい言葉でちょっと抵抗感があるかもしれませんが、簡単にいうと単語の途中で改行しないようにする設定のことです。, [禁則を使用しない]を選択すると「みかん」の「み」のところでも改行がされます。一方で[強い禁則]を選択すると「みかん」という単語が途中で分割されずに、必ずどちらかの行に入ることになります。, 禁則の選択肢の中には[弱い禁則]と[強い禁則]がありますが、違いは”どこまで単語とみなすか”という程度の違いになります。どちらも試してみて、しっくりとくる方を使えば良いでしょう。, 段落パネルの[文字組み]ではドロップダウンで[約物半角]や[行末約物半角]などを選べます。この”約物”とは句読点(、。)やカギカッコ(「」)などの記号のことです。つまりそれぞれの選択肢は次のような意味になります。, ハイフネーションは英単語の分割についての設定になります。ハイフネーションにチェックを入れると、図の上の例のように、dynamiteという単語が行末で切れてハイフン(-)で繋がっています。これがハイフネーション機能というやつです。一方で、ハイフネーションのチェックを外すと、単語が途中で切れないようにまるっと改行します。ハイフネーションは、英単語をハイフンで分ける機能なんだな、という程度に頭に入れておけば良いかと思います。, ここからは、Photoshopの文字入力に関するありとあらゆる困り事の対応法を書いていきます。今後も、何か思いついたら追記していきます。, 複数の箇所に文字を挿入したいとき、いちいちテキストボックスを作って文字の設定をするのは面倒ですよね。そこで作成済みのテキストボックスをコピーしましょう。コピー方法は簡単です, これによりドラッグした先に、全く同じテキストボックスがコピーされます。このショートカットは文字だけじゃなく図形など何かとコピーするのに使えるので覚えておきましょう。, 例えば、テキストレイヤーの上にブラシで何かを描こうとすると、Photoshopさんから「ラスタライズしますか?」と聞かれると思います。このラスタライズとは簡単にいうと画像化のことです。つまり、ここで「OK」を選ぶと文字がただの画像になってしまいます。そのため、もう文字の色を変えたり、フォント種類を変えることはできません。ブラシや塗りつぶし等の加工はテキストレイヤー上にはせず、レイヤーパネルから 新しいレイヤーを作って行いましょう。, テキストボックスでカーソルがチカチカしているところでフォント種類や色を変えても、それから入力する文字にしか変更は反映されません。すでに入力したい文字の設定を変更したい場合は、変更したい文字をドラッグで選択しましょう。テキストボックスの全文字を変えたい場合は、一度escなどでテキストボックスを閉じてから、色などの設定を変えても反映されます。, おそらく簡易表示になっています。文字パネルの右上にあるパネルメニュー をクリックして[オプションを表示]をクリックしましょう。, テキストボックスの角のあたりにカーソルを置くと両側矢印になるので、そこでぐるっとドラッグしましょう。, 文字パネルのカーニングのドロップダウンの中に[メトリクス]、[オプティカル]というものがあります。, 「メトリクス」はフォントの持っている字詰め情報を元に、字間を自動調整してくれるものです。字詰め情報がないフォントも多数あり、それらのフォントでメトリクスを選んでも使いモノになりません。, 一方で「オプティカル」はフォントに字詰め情報が無くとも、文字の形状を読み取り、自動で字間を調整してくれます。とはいえ問題は、この文字の形状を読み取る精度が、日本語フォントだとあまり高くないことです。ですので、どちらも、日本語だけの文字列、あるいは日本語と英語が混ざった文字列で使うのはあまりおすすめしません。, カーソルが文字列のどこかに置かれていますか?カーニングにより字間調整は1文字ずつしかできません。そのため、カーソルが置かれていないとカーニングの数字は選択できないようになっています。, お気に入りのフォント種類や色、サイズなどの文字スタイル設定は[文字スタイルパネル]により保存しておくことができます。, 新規作成により[文字スタイル1+]というものが作られたと思うので、それをクリックしましょう。すると、文字設定のポップアップが開きます。, 最後にパネル下部の●をクリックしましょう。これにより、さきほど新規作成したスタイル設定に、現在文字パネルで設定されているスタイル情報が反映・保存されます。, 保存した文字スタイル設定を呼び出したいときは、呼び出したい設定を選択した上で、パネル下部のオレンジ枠で囲まれたアイコンを選びましょう。これだけでお気に入りのスタイル設定が、文字パネルのフォント設定に反映されます。, 段落のスタイル設定も[段落スタイル]パネルから同じ手順で保存しておくことができます。, サルワカのPhotoshop講座は、どの書籍よりも、どのウェブページよりも、分かりやすく解説することを目指しています。初心者の方はレッスン1から、中・上級者の方は必要な部分をかいつまんで読むことをおすすめします。.

Woo Ah ソラ 10, あの花 サークルゲーム 歌詞 4, レクサス Ux 安い 4, Vba 行 非表示 5, 鍵穴 油 556 9, エアコン リモコン 汎用 ヤマダ電機 4, 椅子 油圧 修理 5, Sj フォレスター 内張り 外し方 8, ハーバリウム クラゲ 作り方 5, 水曜日 のダウンタウン 4月24日動画 8, Rpgツクールmv アニメーション 表示 9, Minecraft Datapack Load 4, 目 を通して いただければ幸いです 英語 48, 良 問の風 16 5, Iphone 360度カメラ アプリ 8, 4 亀 Sp 5, 犬 妊娠 38日目 4, Basio4 留守番 電話 4, マスコミ 左寄り 理由 11, Ip Camera 設定 7, メルカリ サイズ 返送 4,

Write a comment