How To Import Icons Into Photoshop

My son needed a concern carte for his DJ and music production business (yes, he'due south about got his Ph.D. in Math). To save space when displaying all of his social channels on his concern bill of fare, we wanted to provide a clean list using the icons for each service. Rather than purchasing each of the logos or a drove from a stock photograph site, we used Font Awesome.

Font Awesome gives you lot scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the ability of CSS.

Fonts are vector-based and scalable to your projection, so they're perfect for use in graphical desktop applications like Illustrator or Photoshop. You can fifty-fifty convert them to outlines and use them in the illustration.

Font Crawly is widely used to add these logos and other icons on websites, but you may not realize that y'all could download the bodily font to install on your Mac or PC equally well! The TrueType font (ttf file) is part of the download. Install the font, restart Illustrator and yous're upwardly and running!

There's no need to memorize each character or do a search for the correct 1, hither's how to use the font:

Open up up the Font Awesome Cheatsheet in your browser.
Open up an Adobe Artistic Cloud programme (eg. Illustrator).
Ready the font to Font Awesome.
Copy and paste the character from the cheatsheet into your file.

That's all there is to information technology!

How to Use Font Awesome in Illustrator

Hither'southward a quick video on how I find icons on Font Crawly and then use them within my Illustrator files.

How to Utilize Font Awesome with Photoshop, Illustrator, And Other Desktop Platforms.

Here's a cracking video overview on how to utilize Font Awesome with Illustrator (or other desktop platforms).

Create Outlines for Your Font Awesome Font

One affair to keep in mind is to avoid using information technology in a platform that doesn't embed the font and requires information technology to exist installed on the system. Using it in Discussion, for example, would require your recipient to have the font loaded on their system in order to meet it. In Illustrator or Photoshop, you lot can employ Create Outlines to convert the font to a vector image.

In Illustrator, y'all tin employ Create Outlines to convert the font to a vector paradigm. To practice this, utilise the Choice tool and choose Blazon > Create Outlines. You can also use the keyboard command Ctrl+Shift+O (Windows) or Control+Shift+O (Mac).
In Photoshop, right-click on the text layer. Position your mouse over the bodily text in the text layer (not the [T] icon) and right-click. From the contextual card, select Convert to Shape.

Download Font Awesome

Disclosure: Martech Zone is an affiliate of Adobe Artistic Deject, Illustrator, and Moo and take our chapter link above.