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. CSSフレームワーク

    押さえておきたい!代表的なCSSフレームワークまとめ

    みなさんCSSフレームワークをご存知ですか?最近CSSフレームワー…

  2. jQuery

    ホームページに必須!?jQueryでトップへ戻るボタンの作り方

    みなさんこんにちは、mayukouです。だいぶ春らしくなってきました…

  3. デザイン

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

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

  4. Illustrator

    簡単!Illustratorで写真の淵をぼかす方法

    みなさんこんにちは、mayukouです。まだまだ梅雨の時期ですが、…

  5. Sass

    使わない方が良い?WordPress 案件をsassでカスタマイズして思う3つのこと。

    みなさんこんにちは、mayukouです。先月、仕事の案件でwordp…

  6. Photoshop

    あっという間に!Photoshopのブラシで写真を手描き風にする方法

    みなさんこんにちは、mayukouです。今回は、Photoshop…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. マーケティング

    コンテンツマーケティングにおける有益な記事とは?ブログ運営3年目の私の最適解
  2. illustration

    発見!スキャンで取り込んだイラストをIllustratorで使えるベクターにする…
  3. illustration

    インスタ映えな挿絵が描ける!ステキな水彩画イラストの描き方本に出会いました。
  4. jQuery

    簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法
  5. コピーライティング

    コピーライティングを学ぶ。わたしがやっている勉強法とコピーの作り方
PAGE TOP