[Photoshop]Font AwesomeとLigatureSymbolsで新キャラ誕生

font-men

Photoshopでブログのアイキャッチ画像を作る際にFont AwesomeやLigatureSymbolsを使うことが多くなりました。
ふと考えて、これら2つのWEBフォントを組み合わせたら人型のキャラが作れそうだったので簡単に作ってみました♫
「Fonトリオくん」です!(笑)
↑マスクを使用すれば、もっと凝ったものも作れますが、
マスクは一切使わずにフォントに境界線と色を付けただけです。
パスでイラストを描くのを考えたら、簡単でいいですね。(^^)

スポンサーリンク

PCへWEBフォントをインストール

Font Awesomeのインストール方法

LINKFont Awesome  のサイトへ行きます。

Downloadボタンからフォントを入手します。

解凍したfontsフォルダから
FontAwesome.otf右クリックインストール

Font Awesomeインストール

PhotoshopでFont Awesomeの使い方。

PhotoshopでFont Awesomeの使い方は、ブログとは少し違います。

LINKFont Awesome Cheatsheet 

↑こちらを開いてブックマークして下さい。

開いたCheatsheetから
使いたいアイコンのマークだけをドラッグで選択してコピーします。

Font Awesome Cheatsheet

Photoshopで文字ツールからFont Awesomeを選択して
Cheatsheetからコピーしたアイコンをペーストします。

fontawesome-photoshop

Ligature Symbolsのインストール方法

LINKLigatureSymbols  のサイトへ行きます。

ページを下までスクロールした所にある
Downloadボタンからフォントを入手します。

Font Awesomeの時と同じように.otfファイル
LigatureSymbols-2.11.otf右クリックインストール

PhotoshopでLigatureSymbolsの使い方。

こちらは同じページから、
使いたいアイコンのマークだけをドラッグで選択コピー後にPhotoshopの文字ツールをLigatureSymbolsにしてペーストするだけです。

LigatureSymbols-photoshop

 あとがき

PhotoshopにはプラグインでFont Awesomeを使う選択肢もあるようですが、その他のアプリでも呼び出せることができるようにインストールしたほうがいいように思います。

ベクターデータだから拡大しても綺麗で扱いやすいため、gifアニメなども簡単に作れそうですね。

以上!お疲れ様でした。(^^)/

スポンサーリンク

このページをシェアしてくれたら嬉しいな~(*'∀'人)

テスト
おじぎ猫 訪問ありがとうございました。

お知らせ
スパムが多いため、コメントは承認制になっています。
確認次第、承認と返信をいたしますね。(^^)/

My Youtube
石巻貝を助けるコリドラス 石巻貝を助けるコリドラス
morphing morphing
恐竜体操で食べられた!? 恐竜体操で食べられた!?
ゴジラのパロディ ゴジラのパロディ
アナと雪の猫王 アナと雪の猫王
Prince PURI #2 Prince PURI #2
トカゲ酒飲んで変身!! トカゲ酒飲んで変身!!

 15日月末ポイント消滅 !? 確認はこちら 楽天市場

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

トップへ戻る