ホームページ  >  記事  >  ウェブフロントエンド  >  PhotoShop を使用して Font-Awesome を画像形式に変換する

PhotoShop を使用して Font-Awesome を画像形式に変換する

高洛峰
高洛峰オリジナル
2017-02-24 09:51:272543ブラウズ

Font-Awesome などのフォントアイコンを画像形式に変換する方法を紹介します。PHTPSHOP を使用するのは非常に簡単です。

ネットで色々調べましたが、どれもなかなか面倒です。必要な時期を迎えていないので、なぜこれを行うのかを尋ねないでください。

Font-Awesome フォント ライブラリをダウンロード

Font-Awesome 公式 Web サイトからフォント ファイルをダウンロードします。
Font-Awesome4.4.0.zip

フォントファイルをインストール

ttf および otf フォント ファイルをインストールします。

利用PhotoShop将Font-Awesome转为图片格式

Font-Awesome 文字リストを開く

Font-Awesome チートシート

このページには、以下の PhotoShop で使用されるすべての Font-Awesome 文字が含まれています。
利用PhotoShop将Font-Awesome转为图片格式

PhotoShopで使う(ポイント)

1.上で開いたFont-Awesome Cheatsheetのページから必要な文字アイコンをコピーします。

以下に示すように、コピーされるのは文字エンコーディングではなく、必要なアイコンであることに注意してください。 fa-anchor
利用PhotoShop将Font-Awesome转为图片格式

2に対応するアイコンを選択し、PSを開き、テキスト入力ツールに切り替えます。

利用PhotoShop将Font-Awesome转为图片格式

3. PS に貼り付け、フォントを Font-Awesome に設定します。

利用PhotoShop将Font-Awesome转为图片格式

4. 結果は以下の通りです。

利用PhotoShop将Font-Awesome转为图片格式

概要

上記のように、PS で Font-Awesome フォントを使用すると、サイズ、色、形状などの任意の画像スタイルを PS で設定できます。以下に表示 表示:
利用PhotoShop将Font-Awesome转为图片格式

ここでは PS での Font-Awesome の使用のみを紹介します。他のフォントも同じ方法で使用できます。

PhotoShop を使用して Font-Awesome を画像形式に変換する方法の詳細については、PHP 中国語 Web サイトの関連記事に注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。