Home > Web Front-end > PS Tutorial > Convert Font-Awesome to image format using PhotoShop

Convert Font-Awesome to image format using PhotoShop

高洛峰
Release: 2017-02-24 09:51:27
Original
2585 people have browsed it

Introduces how to convert font icons such as Font-Awesome into image formats. It is very simple to use PHOTPSHOP.

I have found a lot of them online, but they are all quite troublesome. Don't ask why you are doing this, because you haven't met the time when you need it.

Download Font-Awesome font library

Download the font file from the Font-Awesome official website.
Font-Awesome4.4.0.zip

Install font files

Install ttf and otf font files.

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

Open Font-Awesome character list

Font-Awesome Cheatsheet

This page contains all Font-Awesome characters, below in PhotoShop Will be used in .
利用PhotoShop将Font-Awesome转为图片格式

Use in PhotoShop (emphasis)

1. Copy the required character icons from the Font-Awesome Cheatsheet page opened above.

Note that what is copied is the required icon, not the character encoding, as shown below. Select the icon corresponding to fa-anchor
利用PhotoShop将Font-Awesome转为图片格式

2. Open PS and switch to the text input tool.

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

3. Paste in PS and set the font to Font-Awesome.

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

4. The result is as shown below.

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

Summary

As above, use Font-Awesome font in PS, and you can get any picture style you want after editing, such as: The size, color, shape, etc. can all be set in PS, as shown in the figure below:
利用PhotoShop将Font-Awesome转为图片格式

This only introduces the use of Font-Awesome in PS, other fonts can also be used in the same way.

For more information on using PhotoShop to convert Font-Awesome into image formats, please pay attention to the PHP Chinese website for related articles!


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template