Photoshop

画像からフォントを探してくれる!Photoshopのマッチフォントが素敵。


みなさんこんにちは、mayukouです。
「このフォント何を使っているのだろう。」
クライアントさんから、ロゴと同じフォントを使ってくださいと言われた時。
そのフォントを持ち合わせていない時に、便利なツールがありました。
Photoshopが瞬時にTypeKitから探し出してくれるツールです。
※これはAdobe CCに入っておく必要があります。
CC2019では日本語フォントにも対応しています。

スポンサードリンク

動画の解説はこちら

 

1.photoshopを立ち上げ、新規キャンバスを開きましょう。

大きさは、500x300pxなど文字が適度に置ける、適当な大きさに設定しましょう。

2.元となるフォントの画像を貼り付けます

「編集」→「埋め込みを配置」などで配置するか、コピーペーストなどでキャンバス上に別レイヤーとして配置します。または、そのまま画像をフォトショップで開きます(この場合は1の工程は不要です)。今回はAmazonのトップバナーからキャプチャーして持ってきました。

3.配置したレイヤーを長方形選択ツール「Ctrl+A」で囲みます

4.「書式」→「マッチフォント…」を選択

テキストオプションは、日本語を選択。

5.適当なフォントが出てきたら適当なものを選択

クラウドマークをクリックしたら、TypeKitからフォントがダウンロードされて無事インストールされます。

これで、設定完了です!

注意点

ただしTypekitが持ち合わせていないフォントだったら、候補が見つかりません。。。あくまでも可能な範囲で探してくれますので、ご注意ください。

最後に

いかがでしたか?とても簡単なのでぜひ試してみてください。
先日アップデートがあったので日本語にも対応できるようです。
では、良いデザインライフをお送りください。

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法

    今回は、スタンプ風のかすれた表現をご紹介します。私は、仕事で使うこと…

  2. Illustrator

    画像のベクター化が簡単に!Adobe Capture CCがおすすめ♩その使い方をご紹介。ダウンロー…

    みなさんこんにちは、mayukouです。画像をベクター化してイラスト…

  3. Web Design

    webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海外編〜

    みなさんこんにちは、mayukouです。あっという間に土曜の半日が…

  4. illustration

    photoshopでモコモコの線を描くには?

    こんにちは。mayukouです。今回は、photoshopでモ…

  5. free font

    デザイン

    デザインの質が上がる!私が利用しているフリーフォントサイト

    こんにちは。mayukouです。遅くなりましたが、新年明けましてお…

  6. デザイン

    webデザインのトレンドを取り入れよう!デザインの参考になるリソース 〜日本編〜

    みなさんこんにちは、mayukouです。10月も半ばを過ぎましたが…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. Illustrator

    webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法
  2. ブログ

    webデザイナー4年目!その間に身につけたスキル
  3. Mac

    自炊するときに、便利!MacアプリCaffeine
  4. iPad Pro

    今や欠かせない存在!iPad Pro “9.7を購入して、約3ヶ月が…
  5. CSS

    レスポンシブ対応!CSSで二重線のボーダーボックスを作る方法
PAGE TOP