Photoshop can guess your font using Match Fonts

This lesson is exclusive to members

Course contents
SECTION: 8
CC Libraries 19:15

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

107 lessons / 16 hours 21 projects Certificate of achievement

Overview

Course Overview

Hi there, my name is  Dan and I am an Adobe Certified Instructor for Photoshop  - this is the Advanced Photoshop course.

This course is not for people new to Photoshop. This is for people who already know the fundamentals. It is for people who have their own ways of doing things but believe there really is a better, faster way to work. 

We will start by learning the best selection techniques available. I promise, by the end of the first section what took you 30mins to mask will now take you 30 seconds. 

What am I going to get from this course?
  • 13+ Hours of content!
  • 10+ Interactive exercises
  • 68 downloadable resources
  • You'll learn the best selection and masking techniques
  • You'll know how to fix images that look 'hard to fix'
  • You'll master advanced levels and curves tricks, specifically with skin, adjusting and enhancing colors
  • You'll learn how to enlarge images without distortion and what to do when things go wrong
  • You'll know how to convincingly remove all kinds of objects from images
  • My favourite: You'll master the ability to distort, bend and reshape images
  • Lets look at how current trending styles are super easy to duplicate
  • You will become a type nerd. We'll use font pairing in Typekit. We'll also use Photoshop's ability to guess fonts
  • Your Artboards skill will be mastered
  • A master of retouching, you will become!
  • You'll learn to edit videos in Photoshop, who'd have thought?
  • We'll also create awesome cinemagraphs, AKA: Moving pictures!
  • You'll learn to master 3D in Photoshop!
  • You'll learn lots about professional, reusable mockups, techniques and shortcuts!

Here's some of the things we'll be doing in this course:
We will correct 'hard to fix' images and learn what to do with blurry images. We will master Advanced Levels & Curves tricks and will work specifically with skin, adjusting and enhancing colours. 

You will learn how to enlarge images without distorting them and also, what to do when things go wrong. 

We will learn how to convincingly remove all kinds of objects from images. My personal favourite section will show you how to distort, bend & reshape images.

We will look at how current trending visual styles are easily created, duotones, glitches and orange/teal colour grading.

We get 'type nerdy' and use font pairing in Typekit. We will use Photoshop to identify the fonts used in an image and learn how to work with hidden glyphs & ligatures as well as variable & open type fonts.

You will master artboards while you are learning how to make easily updatable multiple sized social media & ad banner graphics. 

There is a big section on advanced retouching techniques, advanced healing, advanced cloning & patching. 

You will learn how to edit videos in Photoshop. We will also animate static images creating parallax videos plus the very cool cinemagraphs sometimes called 'living pictures' - great for social media. 

You will learn to master 3D in photoshop. We will finish off the course with professional, reusable mockup techniques & shortcuts. 

This course has a strong focus on workflow. We use real world, practical projects and show you the professional techniques and shortcuts which will save you hours using Photoshop. Throughout the course I have many class exercises for you to use in order to practice your skills. 

Who am I? 
As well as being an Officially Certified Expert by Adobe, I’m photoshop guru and user with 18 years Photoshop experience. I make tutorial videos directly for Adobe and will again this year be presenting a seminar on  Photoshop at Adobe’s 20 thousand attendee strong Max Conference.  

If you can’t remember the last time you sat down and went through the updates in Photoshop, let this course be your one stop professional development and upgrade path.   

Even if you consider yourself a heavy user, I promise there will be things in here that will blow your Photoshop mind. Sign up now!

Course duration 13 hours 45 mins + your study.



Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

Downloads & Exercise files

Download Exercise Files

Transcript

Hi there, this video is all about taking graphics that have fonts, that are just kind of smashed into it that we can't figure out. We don't know what fonts they are, it's not editable. Photoshop has an amazing feature called Match Font. We have some success, this one here I feel like we got pretty good, matches that word. Same with Smart here. We get this one pretty good, maybe a slightly different weight is needed. It goes pretty good for this one, it goes horribly wrong for this one. If you do know what that font is let me know in the comments. And it goes really well with this one, surprisingly. Somehow it knows magically what font that is. Let's go check that out now in Adobe Photoshop. 


To get started, in '08 Typography', open up 'Match Font 1', '2', '3', '4', '5'. So we're going to work our way through easy to hard, and talk about the different instances. Often I'm working through, say a site, like Behance, looking for ideas, inspiration, and I'm like, "Oh, I like this font here." So I clicked on it, loaded it, brought it into here. I know it's not editable type, so how am I going to figure it out? Photoshop's fancy Match Font. So just took a screenshot, and we've got it here in Photoshop. So for this to work we need to grab the 'Selection Tool'. The 'Rectangle Marquee Tool', in particular. And it doesn't like it when you group lots of lines. So I'm going to 'Deselect' that. I'm going to grab the one that has the most characters on it, this one here. Then I'm going to go to 'Type', and go to this one that says 'Match Font'. Kick back, relax, depending on how fast your internet is, mine, I might have to, no, fast, didn't even have to speed it up. 


And what it does is it goes and checks two things, it checks your computer, so it looks for things that are already on your computer. It also goes and checks Typekit to say, "Hey, I might have this font on here as well." And what I'm looking for is trying to figure out which one it is. The only trouble is, this sample here can't be edited yet. That would be a great little trick. If I could type in 'Assas', and I could kind of see this, because I'm dealing with the A and the S. The 'S' I can match, it's probably this one. I'll probably have to go through and download a bunch of them. So it's not on my computer because these don't match, but these are available on Typekit, and all I have to do is decide on this one here. Goes off and starts syncing. Orbitron Bold, I'm going to see if this works. 'Assassin'. I totally didn't make this beforehand to make it all streamlined. Maybe I should have. Orbito, there it is there. It might be the wrong weight. Maybe. Let's scale it down. It's the wrong weight but I think it's the exact right font.

 
So I think I picked Orbito, what did I pick? Orbitron Bold I'm going to have to go through the Typekit, find Orbitron, and download all the different weights to try and match it up. Now when this first came out, and I first did my tutorials, it worked like 30% of the time. Somehow Adobe have got better at it, and have got more fonts in their Typekit library, So it seems to work like, I'd say, 70% of the time, just picks the font. Let's look at a few tricks. So let's go to 'Match Font', and let's say this one here, same thing, I want to give props to the two people I appropriated fonts from. This guy's Chinese, and I don't know how to pronounce his name. That's him, the other one is the Black Panther mock-up. Andriy Bata. I'd probably run that one too. Anyway, I like the design, I want the font, how do I figure it out? Back in here, but we're going to do a little trick. 


What I'm going to do is grab the 'Type Tool', and just type out the word 'Smart'. Get it to roughly the right size, somewhere in there. Why? Because there's a little trick you can do, remember the Rectangle Marquee Tool is the thing to tell Photoshop to check there, but you don't actually have to be on the layer, you're checking, it will look through all of the layers. You got hundreds of them, it will just check what it sees, but if I have my layer selected here for type, we can do this trick to probably just show you, let's go to 'Match Font'. It does its font magic. If you are like me with a slow internet connection, this thing keeps updating. Eventually it will stop, so fonts available. And what I'm looking for is, watch this, this is on my computer, I can click on it. You can see there. Oh, so close. 


It's easier to sample this and work, so you can go just kind of click on these and just work your way through. The trouble with these ones is that you've got to download each of these. That's okay, it's easier than guessing, I might just say, that's close enough, you can see the M is very different. Comes down with a baseline on this version, doesn't for here. I might now jump into Typekit and just check Raleway to see if there is like different versions, maybe there's a Glyph version of the M that gets used. Maybe there's a display version. Or I just click on all of these and just see which one might work. That guy looks like it, let's do it. I should practice these things beforehand. I like the raw real world problems and things we might get. Let's click 'OK'. See if it does it, Proxima Nova. Extra condensed. Where's Proxima Nova? Oh, what do you reckon? 


I think we might have done it but maybe not the Extra Bold version. Let's see how we look. There's no other than Extra Bold so I'm going to have to go to Typekit now, and I bet you, if I search for Proxima Nova, there will be a bunch of weights that I could use. And I bet I would find it, I reckon it is, anyway. So just have your text on a Type Layer, and just use your Rectangle Marquee Tool to select the font. Let's look at some harder ones, let's look at this one here. So real world photograph. For this to work it needs to be straight. You could just double click the background, 'Command T' to rotate, just kind of get it close. And what we might do is use our trick that we used earlier. Remember the Perspective Crop? So hold down the 'Crop Tool', grab 'Perspective Crop', This is pretty easy because it's got four corners, that I can easily work out the edges, click 'Return'. 


I think the Perspective is a little bit wrong as if it's squished wide. Let's see how it works anyway. So 'Marquee Tool', drag a box around it, and go to 'Type'. We're going to do it, I'd probably clean out the little dot using the Spot Healing Brush, but I bet you it's going to work, this one I tested. 'Type', 'Match Font'. This bit here maybe need some sharpening, we're just going to see how well it does. You can see it's giving me some good examples. What I should do as well is, just do my little trick with the layer. Let's not double back now, let's go forward, and deal with this one. This one here is like, how close is this going to get. Is it even a font? Probably is, maybe. Let's give it a test, I'm going to double click the background. I am going to use a different technique to line it up. So I'm going to use 'Command R', or 'Ctrl R' on a PC. Just opens up my rulers, and I can drag one. Just drag from the center of the ruler down. I'll drag it roughly about there. 


With the layer selected, 'Command T' to rotate, we can go to 'Edit', 'Transform', 'Rotate'. I'm just trying to get it kind of close to the baseline. Hit 'Return'. Now my Rectangle Marquee Tool. We're going to confuse it a little bit, with all this extra stuff in the background, but let's give it a whirl, let's go to 'Type', let's go to 'Match Font'. Sometimes it comes up with a little error up here saying, no chance, or, you need to refine your selection a bit better. So far, hasn't done well. Let's have a little look, no, let's cancel it, and let's do what they said. I'm going to copy and paste this on to its own layer, we're doing some hacking, because all I really want to know is the font, right? 


So what I will do is, I'm going to use the 'Eraser Tool'. Get rid of anything I don't need. I'm going to use Levels, just to kind of see if I can get rid of some of the wood there. Really accentuate that type. Let's see how that goes, maybe it needs a white background. 'D' key to reset it back to default black and white. 'X' to bring the white to the front, and hold down 'Option-Backspace'. I'm getting crazy with the shortcuts though. So with it selected, come with me, let's do Match Font. I'll fast forward this along. So fast forwarded it because it didn't get it. Got it in a previous example, so I'm just going to kind of work through it again. 


I'm just picking this because maybe these are clearer letters than this. I'll give it one more go. We'll speed it up again, I'll see you at the end, we'll see how it works. We'll try this side. Here we are again, not working. I really didn't feel like I got a better result last time, but I didn't record that, it was just a practice. What I would do now is go to a site called whatthefont, and I would try it in there. Do I think it's better, I don't do it enough to compare them perfectly, but know that there is another service called whatthefont, great name, I'd save this as a JPEG and try it in there. 


Let's go to the last one, that's super hard. Hopefully this one's going to-- I feel a bit deflated after the last one. Let's select this one, and let's go to 'Type', 'Match Font'. I'll speed it up. Now I'm feeling better about it. It is, like there's no way to know what that font is. It's a live action, light on a wall. You can see, it's come back with some, maybe not perfect. I'm going to have to work my way through and try and work out which one it is, but I feel like it could be one of these, maybe different weight. You can see, maybe this one here. Ah, pretty close. So we end on a high with Matching Fonts. If you were really desperate you might go through and remove the background, and just kind of draw around a little bit. You can use the Pin Tool to kind of redraw it and see how it goes, but know that that feature is there, pretty cool. That is going to be the end though. Let's get into the next video.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024