Hi, this is Gary with MacMost.com. Let me show you
how to create custom file and folder icons using Freeform.
MacMost is brought to you thanks to a great group of more than 1000 supporters. Go to
MacMost.com/patreon. There you can read more about
the Patreon Campaign. Join us and get exclusive content and course discounts.
Now if you like creating custom file and folder icons to see in the Finder on your
Mac in the past you've had to use Image Editing apps, sometimes you can use Preview
or perhaps Keynote or Pages to create them. But now we have a new tool in macOS Ventura
and that's to use Freeform. You can do this actually pretty quickly. So, for instance,
let's say I want to take this business folder here and just create a custom folder icon with
just a shape on it so I can pick it out from all these other folders quickly.
So, I'm going to select it and then I'm going to use Command i to get info. Then
I'm going to select the icon here and then Command C to Copy. So now I've copied the
current icon into the clipboard. So now let's go to Freeform. I'm going
to create a new board and I'm going to use Command V to paste the folder icon there.
Now the idea here is to customize it. So I'm going to go to Shapes up here and I'm going
to search for something that may be appropriate. Business doesn't really turn up anything. Chart,
well that turns up some interesting things. Let's use a chart, say, like this. Let's put it
there. Now let's resize it, make it maybe a more prominent color. So I can click on it once and
click on the little color chip there and change it to a color I want or choose the Color Wheel here
and then use the Color Picker to choose something that will standout more. So let's have a nice bold
purple there. Get the sizing just right. Get it just where I want in there. Something like that.
Now there is one other thing I want to do. I want to select the image here. The image of the folder.
If I go to Format I notice that Shadow and Round Corners are checked. I want to uncheck both of
those. But the image already has a shadow because the folder image of the Finder has a shadow there.
Round corners doesn't really come into it because the rounded corners here would have been part of
the invisible part of that graphic. But I'm going to remove it anyway. So now I've got the exact
image of the folder from the Finder. I'm going to select that and Shift Select the shape there
or just drag and select both. I'm just going to do Command C there to copy. Then I'm going to switch
back to the Finder here, go back to this folder, Command i to get the info on that folder there.
Select the icon again and Command V to paste in. You can see I've now got that custom icon there.
I can now go back to Freeform and if I like I can create other ones here. Let me drag with
the Option Key held down to make a duplicate of this folder here. I can use some sort of
other object here for a new folder. Let's use this tree. I'll put it here. I'll make the tree green
like that. Maybe a darker green. If I select both of those, Copy, Return to the Finder,
and select something else. Like this folder here. I can Paste in once I've
selected the icon here at the top left and you can see how easily now I can kind of
have this factory and this area where I've saved all of these folder icons.
Now it gets a little more complex if you don't want to use the default folder image. It would
be nice if there was a shape for folder here. But there isn't. There is some file ones. So if you're
creating some file icons you can start off with one of these, maybe on of the default ones there,
and then once you have that you can click it, change the color to some other color
which is really nice. But you can only do that because it is a shape. With this folder here,
that's an image you pasted in, and you can't change the color of it. There is nothing in here
that will allow you to do that. To change the color of this you would have to paste it first
into another app, it could be an imaging editing app, it could be Preview, and then you could
desaturate it and color it using coloring tools in those apps and make a different colored folder.
But it would be nice to be able to do that just here in Freeform. You kind of can. I'm going
to Option Drag the folder over here. Let's move and zoom in on this. If we put a shape over it,
like a rounded rectangle here, then I could set the rounded rectangle to a color and I can
make it semi-transparent. But that would only color in the area where the shape is over and
any area outside of that. We don't want that. So, instead let's create a shape that fills
exactly the folder area. To do that I'm going to go and use that rounded rectangle there and
I am going to set it to some other color, like red, and an opacity that is, say, 50% so I can
see through it. Now I'm going to drag it so the left edge and the right edge match and the bottom
and the top match like that. It's hard because it snaps but if you drag and
then after starting to drag you hold the Command Key down you could actually set
it to drag to a specific pixel, like this. So I can get it to match the edges exactly.
Now I'm going to use that green dot there to get the rounded corners to match the rounded
corners of the icon. So now all I need to do is to have this nice little curve in here. So
go to Format and then Shapes & Lines and make Editable. Now what I want to do is Option Click
right at the beginning of that curve to add a new point, and Option Click on the line here,
but above the point where the curve just starts. Like that. So now I've got two additional points
there. I'm going to Control Click on them and make them sharp. So now I can take this point here and
drag it down. I'm also going to select all of these points and drag all of them down to match
here. Now all you need to do is correct for this. So I'll go back in here and edit these points. So
what I'm going to do here is I've got this little circle point here which allows me to curve this
area. I don't want to do that. I want to instead Option Click right in that same point. So now I've
got two sections. This section and this section. I can drag this curve and this curve to get them
to basically match the edges there. You can adjust all those points. You end up with something that
perfectly covers the folder. By making 50% or more or less opaque you can adjust the color.
You'll have to deal with the fact that the folder behind it is blue so sometimes you
have to emphasize the color a little more. But now I've got it as red so now I can go ahead
and further customize this by adding a shape to it. I'll go here and let's add this shape
and I'll shrink it down. I'll put it here in the middle. I'll change its color to something
else. Let's just make it black like that. Then I'm going to drag and select all three parts:
the image, the overlay we've created, and the shape copy. Then here I can select a folder.
Select the icon and Command V to Paste. Now I've got a custom colored folder.
Of course you're not limited to using shapes here. You can get images, images you've created,
images from the internet. Paste them in here to cover the folder or the file icon that you create.
Or just use a shape all by itself. You don't need to have a folder or file background to it.
For instance I can select just this shape here and Copy and then in the Finder I can Paste just that,
and that is now my folder icon.
So lots of fun ways to customize the folder or file icons on your
Mac using Freeform. Hope you found this useful. Thanks for watching.