Photoshopで文字を入力してみよう
![](https://mirudakedesign.com/wp-content/uploads/2024/02/b9015f85-d423-4352-bd68-845db4ab966e-1024x356.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/eaae2361-82b4-4616-9a4c-e534e6c21374-1024x356.webp)
今回はPhotoshopで文字を横書き入力・縦書き入力する方法をご紹介します。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
一緒に編集してみよう!
- 画像はこちらからダウンロード可能です。
横書き文字ツールを使う方法
横書き文字ツールは横書きで文字を入力することができるツールです。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/0bf9a16a-0a05-4fc0-b93a-134216fc6ac8-1024x391.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/7f6b90a2-6672-4bc7-b5ef-aa8959e4f8b4-1024x582.webp)
まず、Photoshopで画像を開きます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
Photoshopで画像を開く方法はこちらの記事を参考にしてみてください。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/be4c59da-d809-4ad8-a45c-24ec4d632a9f.webp)
ツールバーの中から横書き文字ツールをクリックします。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
横書き文字ツールがないときはどうすればいい?
A
…(ツールバーを編集)を探してみてください。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/59a5f72a-2e76-4ca8-a1ab-765fe86686f3.webp)
するとカーソルが上の画像のように変わります。
この状態になったら、文字を入れたい場所をクリックします。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/download-21.gif)
するとこのように文字が打ち込めるようになります。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
次にフォントを変えるなど文字の編集を行っていきます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/76f39076-3c3e-4e9d-a1d7-a602e206c081.webp)
文字の編集を行う前にレイヤーパネルで打った文字が選択されているかどうか確認します。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
ここで文字が選択がされていないと、編集が反映されません。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
レイヤーパネルがないときはどうすればいい?
A
メニューバーのウィンドウ → レイヤーをクリックすると表示できます。
コンテキストタスクバーから編集する方法
![](https://mirudakedesign.com/wp-content/uploads/2024/02/17ab8c49-77b4-47f0-9c8c-8b6eb8daf784-1024x354.webp)
コンテキストタスクバーからフォント、サイズ、色を変えることができます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
コンテキストタスクバーがないときはどうすればいい?
A
メニューバーのウィンドウ → コンテキストタスクバーをクリックすると表示できます。
文字パネルから編集する方法
![](https://mirudakedesign.com/wp-content/uploads/2024/02/a0808ed5-e99f-4c3b-8534-5ad275768fad-1024x424.webp)
文字パネルから細かい文字の編集を行うことができます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
文字パネルがないときはどうすればいい?
A
メニューバーのウィンドウ → 文字をクリックすると表示できます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
ひとつひとつ見ていきましょう。
フォントを変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/4a1a178e-b8d1-4ba1-b584-043ff6f4824e-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/a57ed07e-a970-4b33-a962-5fdbf0c7bb71-1024x262.webp)
フォントはこちらから変えることができます。
フォントサイズを変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/91bbba57-0cf1-4172-8a3f-73f7600fb233-1-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/e38c70cd-a5c6-476e-9cce-23dc749fbc59-1024x262.webp)
フォントサイズはこちらから変えることができます。
行間を変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/cb6b85eb-5c6c-40ad-a30a-5c0141f566e8-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/907baf3b-5b34-4ff9-aa8f-d5166ed3c1de-1024x262.webp)
行間はこちらから変えることができます。
カーニングを変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/e9511445-3b0e-4e1a-89a8-4a05d2bd4546-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/abd53d4e-000f-41a9-acd3-48a1c79fc0e9-1024x262.webp)
カーニングはこちらから変えることができます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
カーニングってなに?
A
1文字ごとに間隔を調整することです。
トラッキングを変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/898861d5-1f72-419a-883e-733ee823011d-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/30ceb02c-fd8f-4095-9dc1-202353cd2fd4-1024x262.webp)
トラッキングはこちらから変えることができます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
トラッキングってなに?
A
1文章全体の文字間を一括で調整することです。
文字詰めを変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/1384276d-57c5-4c25-97bd-039ade2b55ec-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/5233988c-6459-4cc2-80e1-3c99a345881d-1024x262.webp)
文字詰めはこちらから変えることができます。
垂直比率
![](https://mirudakedesign.com/wp-content/uploads/2024/02/eedb3478-3eba-48b8-bd6a-8253be78dc2f-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/c7f9c1ab-7780-4c4f-9965-d1b62b7801f1-1024x262.webp)
垂直比率はこちらから変えることができます。
水平比率を変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/75b57369-e94f-40a9-af66-1e9d89ff1572-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/9288b001-3edd-4098-987d-deb15dab6d06-1024x262.webp)
水平比率はこちらから変えることができます。
ベースラインを変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/3ba361b4-9918-4a84-abfc-af07909094c6-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/3ddd3c70-e987-4a1b-8337-20551d6ce6d3-1024x262.webp)
ベースラインはこちらから変えることができます。
色を変える
![](https://mirudakedesign.com/wp-content/uploads/2024/02/84c590d8-385d-476c-a03c-f847dcb7b350-1024x604.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/b316d1d8-05d3-4a3b-ad4a-d88664191fb6-1024x262.webp)
色はこちらから変えることができます。
段落パネルから編集する方法
![](https://mirudakedesign.com/wp-content/uploads/2024/02/f0df61d5-12d6-425c-a5b3-513144a2c063-1024x470.webp)
段落パネルから文字の揃え方を編集することができます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
段落パネルがないときはどうすればいい?
A
メニューバーのウィンドウ → 段落をクリックすると表示できます。
左揃え
![](https://mirudakedesign.com/wp-content/uploads/2024/02/26d72449-9371-41ef-bb87-2818ae331b2a-1024x446.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/971a5184-8582-4edf-9099-5d66485ff6cf-1024x262.webp)
こちらから左揃えにすることができます。
中央揃え
![](https://mirudakedesign.com/wp-content/uploads/2024/02/f6ded78e-35d8-4304-997d-dcfe615cd2a3-1024x446.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/997b900f-4eaa-4f78-88c4-55c88d035a0b-1024x262.webp)
こちらから中央揃えにすることができます。
右揃え
![](https://mirudakedesign.com/wp-content/uploads/2024/02/7681b7c0-14fa-4613-8e08-cbefeaf563ba-1024x446.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/f9c98aeb-e0f0-40ba-ba11-b103bba07965-1024x262.webp)
こちらから右揃えにすることができます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/b9015f85-d423-4352-bd68-845db4ab966e-1024x356.webp)
Photoshopで文字を入力することができました。
縦書き文字ツールを使う方法
縦書き文字ツールは縦書きで文字を入力することができるツールです。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/59d88ae5-c792-4205-99aa-460b2a7278a2-1024x391.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/5f4e433a-91f6-4f37-aca6-4bc3a41b8d38.webp)
ツールバーの中から縦書き文字ツールをクリックします。
すると、縦書きの文字を入力することができます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
使い方は横書き文字ツールと同じです。
まとめ
今回は、Photoshopで文字を入力する方法について解説しました。
- まとめ
- 横書き文字ツール:横書きの文字を入力することができる。
- 縦書き文字ツール:縦書きの文字を入力することができる。
- 文字パネル:文字の色やサイズを編集をすることができる。
- 段落パネル:文字の揃え方を編集をすることができる。
こちらのブログではAdobePhotoshopをはじめ、デザインについての記事を更新しています。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
AdobePhotoshopについての記事一覧はこちら
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
デザイン本が全国の書店で発売中です!
頑張って作ったので、手に取って頂けたら嬉しいです!
コメント