Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Join Justin Seeley, lynda.com staff author and design enthusiast, each week for a new 5-minute, self-contained tutorial that you can use to instantly improve your design workflow. This series covers techniques for print, digital, and web design, addressing the tools that creative professionals like you use most. Learn new ways to leverage layer styles and vector shapes in Adobe Photoshop, work more efficiently with text in Illustrator, and embed videos and even tweets in WordPress posts, and much more. Check back each week for a new installment, and a new design hack.
Hello there, welcome back to Creative Quick Tips. My name is Justin Sealy and in this video, I'm going to be revisiting a Quick Tip that I talked about some time ago and that's talking about using Font Awesome in regular applications like Illustrator and Photoshop. Now the Quick Tip that we had before is still completely a viable way of getting Font Awesome into your applications. But someone did email with a different method for using Font Awesome specifically in Illustrator. And so, I wanted to talk to you about that today. So, if you have not downloaded Font Awesome, you can go to fontawesome.io, and you can download the Font Awesome package.
And then just install the True Type font or something like that on your system. Once you do that, jump over into Illustrator and inside of Illustrator, beforehand what I was telling you to do was go to this Font Awesome cheat sheet, copy the glyph that you want to use and then paste it in here, switch over to Font Awesome and it would just magically appear. Well, there's actually a better way to do that. So, what I'm going to do is just go ahead and create a text box here. In the text box, I'm just going to have my cursor blinking, I'm going to switch the font of the text box over to Font Awesome. And then what we're going to do, I'm going to make sure it's white so you can see it really well, I'm going to go up to the Window menu, I'm going to go down to Type, and I'm going to choose Glyphs.
And in the Glyphs panel, you can see here that Font Awesome is the font. And here are a lot of the icons front Font Awesome. Now, it's not all of them, necessarily. But they are pretty much the majority of the ones that you would probably want to use are in here. A lot of social networks are in here. So, for instance, Vimeo, I could double-click and Vimeo pops out there. Let's see, here's Tumblr and then, let's go through here, here's the YouTube play button and then we've got stuff like the GitHub icon and then, let's find something, or there's Pinterest.
Then, of course, we've got all different types of icons, there's Facebook. And the best part about this is, I'm just double clicking on each one of these to insert it. I get a big grid of all these icons making them easier for me to see. I don't have to leave the application in order to do this either. Which makes it so much easier for me to just find the icon I need, double click it, and insert it into the document that I'm working on. And that's one of the reasons why I actually prefer working with Illustrator in this case, because it does make it that much easier to get access to these icons because, unfortunately, there is no glyphs panel inside of Photoshop as of right now.
So, if you really want the ability to insert these vector icons directly into your comps, maybe you want to think about switching over to something like Illustrator, which does have a glyphs panel in it. InDesign also has a glyphs panel, which you have access to, as well. And so, again, this is just another way of sort of expanding on that previous quick tip of how to use these Font Awesome icons in Illustrator. And the best part about it is, they function just like regular type. So you can blow them up. You can scale them, rotate them, change the color, whatever the case may be. They work just like any other font. You can also convert them to icons and make them into just regular vector pads, if you want.
This is just a great way of getting these types of icons into your designs, without having to redraw these things like logos, or come up with your own UI elements, or whatever the case may be. There you go, how to use the glyphs panel in order to get Font Awesome into your designs inside of Adobe Illustrator.
Find answers to the most frequently asked questions about Creative Quick Tips.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.