Welcome everybody in this series of videos, we're going to be putting together a nice looking HUD for our project. And in order to do so we need to import some assets into our project to give us something to work with. So attached to this video lesson, there should be those assets that I'm talking about. And I currently have them in a separate folder for myself here to make this easy to do. What you see over in here in my folder that I have, you should find yours attached to this lesson. I have a bunch of textures as well as a couple of fonts.
And all we need to do to import these into our project is literally have a folder open with all of our different assets that you have downloaded. And then you can just drag and drop these into the Content Browser. Now, I'm going to drag in my textures first. So make sure that in your content browser You're in the content Metroidvania textures folder. And I'm just going to select my first texture here, hold down the shift key and select my last texture to grab all of these guys. And then I'm going to left click and drag them on over into my content browser.
And as soon as you see that plus symbol, you can release left click, and they should all import. Now there are a lot of PNG files in here and something that you will notice after these are done importing is that some of the images are going to look as if they don't have a transparent background as you can see right here. So some of them look a little rough, a little bit ugly, and that's fine. You don't need to do anything to fix them up. But if it absolutely drives you nuts that they look ugly, what you can do, is you can select one of these and I'll select my account is portrait pic right here. Just gonna double click on that to open it up.
And you can see that it actually does have a transparent background. But in the Content Browser, it does not look nice, neither does this portrait background. You can set the texture group here to be UI and then save that. And then if you come back to your content browser, it'll show as having a transparent background. Now, I'm not going to do that here on video for all these. And in fact, you don't actually need to do it.
But if this is driving you nuts for all these backgrounds, like absolutely terrible, that is a way that you can fix that up. Okay, so I've got my textures here imported. Next, I'm going to import a couple of fonts. So I'm going to jump over to my fonts folder, content Metroidvania fonts going to bring on my Windows Explorer here and there are a couple of Gothic style fonts here. I'm going to just double select both of these by holding down control and selecting both left click and dragging down into my content browser. Releasing when I see that plus button.
And it'll ask me a question here. And if I just kind of select on it, it'll say font face Import Options, would you like to create a new font asset using the imported font face as its default font? Let's say yes to all. So when these assets import in, you're gonna see two different assets imported for each of the different bonds that you try to import. There is this one for Gothic numbers, and this one's for Gothic numbers. One is called a font face asset, and the other is called a font asset.
One thing I'm going to do quickly before I change anything here is I'm just going to click this Save All button to save all the assets I just imported. Now, I just want to do a little bit more here with our font assets. Before we wrap this up any of these that begin with Let me double click on this guy or gal. Let's start with with Gothic letters. So not that one, sorry, the, the one that actually has letters on it this looking one right here, so it's an actual font asset, we're going to double click on this guy. Over on the right hand side, you can see something called legacy font size, and it's currently set to nine.
And this is what our font looks like down here in this preview window. A nine is kind of a small default for this, I'm going to set this to 100 so that the default font size is going to be a lot bigger. Then I'm just going to simply click save and exit out of that. And I'm going to do the same with our Gothic numbers font file right over here, double click on that guy. Duck it along the top here, legacy font size, I'm going to change that to be 100 as well. You can see what that font is going to look like.
I'm going to save that. And we now have all of our hood assets imported some fonts and textures guys that is going to do it all for this one. We will see you in the next one.