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でマテリアルデザイン風のボタンを作る方法

    みなさんこんにちは、mayukouです。ランディングページやネットシ…

  2. Web Design

    意外と知らなかった…google map をホームページに貼付ける方法

    みなさま、こんにちは。mayukouです。今回は、仕事で必要に…

  3. Web Design

    スキルアップ!Webデザイナーになるための勉強をしたい人にオススメ書籍まとめ

    みなさんこんにちは、mayukouです。webの業界は、日々進歩して…

  4. Web Design

    【有料記事】スキルアップしよう。デザイン力が育つ方法とは。

    みなさんこんにちは、mayukouです。デザイナー5年目の私が、仕事…

  5. Web Design

    WordPressブログを同じサーバーに複数作る方法

    これ、実は知らなかったのですが、とっても簡単でした。そんなことも知…

  6. Web Design

    CSS nite in FUKUOKA vol.6に行ってきました。

    みなさんこんにちは。今日は福岡はあいにくの雨ですが、いかがお過ごし…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. 写真

    食べ物やブツ撮りにおすすめ♩PENTAXの単焦点レンズ買いました。撮ったものなど…
  2. デザイン

    楽天ショップのデザインの参考に!おしゃれな楽天ヘッダー7選
  3. Mac

    気に入った画像を切り抜いて保存できる!スクラップアプリ、Pixaveの使い方
  4. Photoshop

    Photoshop の水彩画ブラシで描いた植物イラストのご紹介
  5. Tutorial

    ワイヤーフレームがプロ仕様に!素敵なグラフィックスタイル「WireMagic」
PAGE TOP