【Photoshop】フォントを追加・管理する方法

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Adobe Photoshop（フォトショップ）でフォントを追加・管理する方法をフォトショ初心者の方に詳しく解説します。Adobe Fontで使えるフォントをフォトショップ上で追加・管理ができます。

Photoshopで文字表現の幅を広げられたい方にオススメのコンテンツですよ。

この記事の目次

フォントを追加・管理する方法

それではPhotoshopでフォントを追加する方法を解説します。

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はAdobe公式サイトから導入できます。（7日間の無料体験が可能）
11/14～11/28までアドビブラックフライデー価格で50%オフ！
アドビブラックフライデーセール2025の価格や利用条件・裏技はコチラの記事で解説しています。

Photoshopからフォントを追加する

STEP.1

文字を入力する

[ 文字ツール ] でお好きな文字を入力します。サンプルのフォントは [ ABドラミン ] を使用しました。

STEP.2

文字パネルを開く

[ 文字パネル ] を開きます。
非表示の場合Photoshop画面上部の [ ウィンドウ ] → [ 文字 ] で表示可。

FINISH

フォントを検索・追加する

[ フォントを検索および選択 ] の右側にある小さな矢印アイコンをクリックします。
パネル内上部の [ 自分のフォント ] でインストール済みのフォント一覧が表示されます。

[ その他フォント ] をクリックするとAdobe Fontsで追加できるフォント一覧が表示されます。
[ すべての言語 ] をクリックすると追加したいフォントの言語が選択でき、左メニューでセリフ、スラブセリフ、サンセリフ、スクリプト、等幅、手書きなどのフォントスタイルで絞り込みができます。

クリックしたらフォントの追加が完了です。

便利なバリアブルフォント

[ バリアブルフォントを表示 ] をクリックするとバリアブルフォントのみが表示されるように絞り込みができます。文字の太さを無段階で調整できる非常に便利なフォントです。バリアブルフォントの使い方はコチラの記事で解説しています。

AdobeFontsからフォントを追加する

STEP.1

Adobe Fontsのサイトにアクセス

Adobe Fontsのサイトにアクセスします。

STEP.2

フォントを検索

上記タブ内の [ すべてを参照 ] をクリックするとアドビフォントの検索ができます。

左メニューのフィルターでフォントの絞り込みができます。[ 言語および文字体系 ] 、[ 自分のフォント ] 、[ フォント技術 ] 、[ 分類 ] 、[ 書体の属性 ] などで絞り込みができます。サンプルは言語および文字体系に [ 日本語 ] 、フォント技術の [ バリアブルフォント ] にチェックを入れました。

STEP.3

フォントファミリを設定

複数のバリアブルフォントが表示されました。気に入ったフォントがあれば [ ファミリーを追加 ] をクリックすれば追加可能。
フォントをクリックするとフォントの詳細画面が表示されます。

サンプルは [ 源ノ角ゴシックJP ] を追加しました。

FINISH

Photoshopで確認

Photoshopを開き、文字パネルの [ フォントを検索および選択 ] 右側にある矢印をクリックすると追加したフォントが確認できます。

フォトショップの文字パネルより見やい＆検索しやすいので、個人的にはAdobe Fontsのサイトでの追加をオススメします。

お気に入りのフォントを表示

よく使うフォントはお気に入りに登録しておくと便利ですよ。

STEP.1

お気に入り登録する

星アイコンをクリックしてフォントをお気に入りに登録します。
サンプルは [ VDLロゴJrブラック ] をお気に入りに登録しました。

FINISH

お気に入りのフォントを表示する

[ お気に入りのフォントを表示 ] をクリックすると一覧が表示できます。黒い星アイコンをクリックするとお気に入りのフォトから除外できます。

効率的にクリエイティブを行える機能の一つなので上手く活用して下さい。

CreativeCloudDesktopでフォント管理

フォントの管理はAdobe Creative Cloud Desktopを使えば簡単にできます。

STEP.1

Creative Cloud Desktopを開く

[ Creative Cloud Desktop ] を起動します。アプリ右メニュー内にある [ Adobe Fonts ] をクリックしましょう。

FINISH

フォントを管理

Adobe Fontsでアクティブに下フォント一覧が表示されます。不要なフォントは個別に削除ができます。

左メニューから追加したフォント、インストールしたフォント、削除したフォント、アップロードしたフォントの管理ができます。

文字を大変身させる高品質エフェクト

単なる文字や写真を超短時間で全く違った表現にできる高品質なエフェクトです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのフォトショエフェクトです。

#01 Old monitor CRT Screen Text Effect Mockup

古いブラウン管モニターの走査線のような表現ができるエフェクトです。
シュタインズ・ゲートを彷彿させますね。
Photoshopで再現するにはかなりの高等テクニックが必要です。

ダウンロード

#02 Brick Wall Text Effect Mockup

レンガの壁にスプレーでペインティングしたような表現ができるエフェクトモックアップです。
単色の文字にベタ塗り背景を準備するだけでサンプルのような仕上りに！

ダウンロード

#03 Engraved Wood Text Effect Mockup

屋外の壁で使われるような木を彫り込んだようなエフェクトモックアップです。

ダウンロード

#04 Glitter Text Effect with Gold Stroke Mockup

ラメ加工のようなキラキラが超簡単にできるエフェクトモックアップです。
情報量が多く、仕上がりも超リアル！
ゼロから作るのはメチャ大変です。

ダウンロード

#05 Golden Stars Text Effect Mockup

金色の星で構成されたエフェクトを追加できます。
クリスマスだけでなく、誕生日や結婚式など様々な祝い事で使えますよ。

ダウンロード

Photoshop用の高品質なエフェクト集

【Photoshop】高品質＆商用可能なテキストエフェクト【PSD素材】

入力した単なる文字オブジェクトをあっという間に大変身させてくれるエフェクト集です。
もちろん文字だけでなく様々なグラフィックに適用可能！全て商用利用可能です。

おわりに

以上、アドビPhotoshop（フォトショップ）でフォントを追加・管理する方法でした。
Adobe Fonts（アドビフォント）で使えるフォントがフォトショの文字パネルから簡単に追加できます。Photoshopの文字パネル上、またはAdobe Fontsのサイト、どちらでもフォントの追加ができます。お好みで使い分けてください。

クリエイティブはフォント一つで印象が大幅に変わります。適したフォントを使えば一気にクリエイティブの品質が向上するので、Adobe Fontsでフォントの選定を行う事をオススメします。

ではまた！

テキストエフェクトの作り方まとめ

Photoshopでテキストエフェクトをゼロから自作する方法、そして1分で超高品質で商用利用可能なテキストエフェクトが作れるPSD素材の使い方と作例を解説しています。
ロゴデザイン、Webデザイン、バナーデザイン、各種DTPデザイン、UIデザイン、ポートフォリオ制作等。幅広いクリエイティブに活用できる内容です。