Make a Pixel Art Font - Beginner Tutorial

  Рет қаралды 72,271

MortMort

MortMort

Күн бұрын

Пікірлер: 111
@Thielith
@Thielith 4 жыл бұрын
This is _really_ helpful. The program I used was not made for pixel art at all. This is so much easier!
@hashasquiowo9171
@hashasquiowo9171 Жыл бұрын
Let me guess, fontforge?
@Thielith
@Thielith Жыл бұрын
@@hashasquiowo9171 yea that seems to be what i used before
@MortMort
@MortMort 4 жыл бұрын
Pixel Font Tool: Web Version: yal.cc/r/20/pixelfont/ Download: yellowafterlife.itch.io/pixelfont?download
@codyharryman10
@codyharryman10 2 жыл бұрын
Do you have a download/purchase for the font you created? It's really great and I'd love to use it.
@animatrix1490
@animatrix1490 3 жыл бұрын
THANK YOU SO MUCH for making this tutorial; I kept coming back to it OVER AND OVER as I struggled with my fonts. If you're like me and you keep screwing up the fonts in the editor so that when you type like half of the letter is totally missing there are actually tooltips if you hover over stuff with your mouse. If you hover over the "Highlight glyphs under the mouse" checkbox near the top of the window it will give you the key for what the colors mean. I was pulling my hair out trying to figure this out so I hope that helps someone avoid the purgatory I've been experiencing for the past 2 hours
@cyb_
@cyb_ 4 жыл бұрын
Finally !!!! Finally the tutorial I was looking for! Thank you very much! I wanted to make a pixel font for so long, now I can!
@ashs4350
@ashs4350 2 жыл бұрын
I just wanted to say this is amazing and all your tutorials are the best tutorials I’ve ever seen, for anything ever. Like seriously amazing stuff, you’re an amazing teacher and communicator. Thank you for sharing this!!!
@silvia-narity
@silvia-narity 3 жыл бұрын
I've been looking everywhere how to make the font I made an actual font I can use in Unity for a lot of time now, and this is the only thing that worked! Thank you so much for making this video and just being awesome in general!
@genry7418
@genry7418 2 ай бұрын
Thanks mate. You are the best. I am watching 4 years after when you post and it still helping a lot.
@23mooncakecopters
@23mooncakecopters Жыл бұрын
Years later this video is still whats up. THANK YOU!!!!
@summerskye8852
@summerskye8852 4 жыл бұрын
This was a lifesaver and kept me from having to learn Font Forge for another day, so thank you!
@corwynprichard6274
@corwynprichard6274 5 ай бұрын
Thanks for putting this tutorial together, massively helpful for my current project!
@redpie907
@redpie907 4 жыл бұрын
Finally 🤩 a MortMort videooo yesss I bought the Aseprite just because MortMort is cool and i would love to make pixel stuffs too Not everyday because i am a bit busy but i am sure i would learn it and make some good stuffs maybe one day a game 😂
@morganlak4337
@morganlak4337 3 жыл бұрын
I really like your technique of just drawing a letter until it looks right and THEN determind the dimensions for each glyph. Makes a lot of sense!
@solstice_enigma
@solstice_enigma 4 жыл бұрын
Oh my god, Mort, you're my saviour! Been doing research for forever and here is my exit. Thank you Mort again :)
@DeathByPixelsVisuals
@DeathByPixelsVisuals Жыл бұрын
Really nice tutorial! Deep enough to get in some details without overextending into typography theory and jargon. Well done!
@ryko1246
@ryko1246 4 жыл бұрын
No wayyy! This is exactly what I was searching for and you judt went and posted it today! Mind blown! Thanks a lot!
@harpernicholson1
@harpernicholson1 9 ай бұрын
thanks for the tutorial man :) still helpful years later
@PavoneSoftworks
@PavoneSoftworks 4 жыл бұрын
I've always wanted to know how to do this :O
@sosasees
@sosasees 4 жыл бұрын
Thanks very much! This tool was very helpful, because now came the time where I needed to make my own font for my game (even if it's just for Debug Text right now). It saved SO much time and gave me SO much freedom because I could use my usual Pixel Art program instead of a dedicated Pixel Font maker.
@TwistedxRainbow
@TwistedxRainbow 4 жыл бұрын
Thanks so much for this tutorial! I've always wanted to make fonts, but never knew how to create the proper file.
@StuffOnFoundations
@StuffOnFoundations 4 ай бұрын
Thank you very much! This tool has come in clutch!
@indieklem
@indieklem Жыл бұрын
Thanks for this tuto! I manage to create and use my custom font in GameMaker in few days :)
@goest1483
@goest1483 4 жыл бұрын
Awesome! I was just thinking of making a pixel art font, great timing!
@Piesonscreations
@Piesonscreations 4 жыл бұрын
Thanks for the tutorial! Last time I made a pixel font, I brute forced it by making the font regularily, then vectorizing it, and then handling it like any other font. This is a lot simpler lol
@legokingiscool
@legokingiscool 3 жыл бұрын
Thanks so much man!!! Cheers :D Merry CHristmas and Happy Holidays everyone!
@sosasees
@sosasees 4 жыл бұрын
Thanks very much! This kept me from having to overcomplicate the process. SVGs are great for HD fonts, but not for Pixel Fonts.
@malformedfun3625
@malformedfun3625 4 жыл бұрын
Thanks a ton. I've been looking for a font maker like this.
@cuboembaralhado8294
@cuboembaralhado8294 2 жыл бұрын
7:40 one way to overcome that is by copying the alphabet again and setting it to be the the lowercase letters, like a fake lowercase
@ellestuff6318
@ellestuff6318 4 жыл бұрын
I'm here just to know how to make it look good. Another choice for web based pixel font making is Fontstruct, that's what I use.
@moncefsharp3999
@moncefsharp3999 4 жыл бұрын
thanks alot i was looking for this website for long time ❤
@danforce4222
@danforce4222 4 жыл бұрын
Thanks for this tutorial, I wanted to make my own font for my future game sometime but didn't know how :)
@hejhejhej952
@hejhejhej952 Жыл бұрын
Thank you so much for this video! Very helpful :D
@GamesBySaul
@GamesBySaul 3 жыл бұрын
This was brilliant! Thank you definitely helped me with my Ludum Dare entry! :D
@ellies_silly_zoo
@ellies_silly_zoo 2 жыл бұрын
I was using fontstruct until now and it was just _painful_ to be honest. I much much prefer using my normal image editor for fonts and being able to see all letters at once. Thank you so much!
@Cjoudan
@Cjoudan 2 жыл бұрын
Best video on making a ttf file thanks
@coalt
@coalt 4 жыл бұрын
Great video! Used it and I have a font now. Thank you!
@Lt_Koksu
@Lt_Koksu 3 жыл бұрын
Thanks for this amazing video! It helped me a lot :D
@RosenthalBros
@RosenthalBros 4 жыл бұрын
This stream was so fun!
@sosasees
@sosasees 4 жыл бұрын
5:29 You overcomplicated this step. I simply use the Crop Tool.
@KashiwaDaisuke
@KashiwaDaisuke 4 жыл бұрын
Looks like the font from Baba Is You
@noname-mw7oy
@noname-mw7oy 2 жыл бұрын
this was really useful tysm :)
@hawksjay1747
@hawksjay1747 3 жыл бұрын
A very useful video, thank you
@gerarddilk4862
@gerarddilk4862 3 жыл бұрын
thx man, great tutorial
@Technocrath
@Technocrath 2 жыл бұрын
Thank you VERY much! :)
@ektelion
@ektelion 4 жыл бұрын
First of all, thank you so much for this, using Aseprite to create fonts makes so much sense and I'm so happy that there actually is a way to do it! That said, I'm having some issues with this method, which however are language specific, so I'm not sure if you can help me. I've created a Greek font, saved it as ttf and installed it on Windows 10. I then proceeded to type something in MS Word using the font, but as soon as I start typing, it automatically reverts back to Calibri. Now, the weird thing is that if I type whatever I want, select the text and then select the font that I've created, it actually changes to the font and everything looks fine. So all in all, the goal is achieved, but I am quite perplexed by this weird behavior, so I was wondering if you've had similar issues yourself, since you are also using non-Latin characters. Thanks again!
@natelawrence
@natelawrence 7 ай бұрын
What is the recommended way to handle letters with accent marks on them in pixel fonts? I wanted a Final Fantasy (I) font to use in some Patreon credits and started making my own rip since the one I found online had some tracing mistakes in it. However, both Katakana and Hiragana have characters with accent marks above them which change their pronunciation. In the original game, both the dakuten ゛ and handakuten ゜ symbols each consume a full 8x8 tile on-screen and their tile is simply placed above one of the unaccented characters. Does this mean that all of my characters in my pixel font need to be 8px wide and 16px tall, even though most characters will have an empty top half? That feels like a very clunky way to handle the problem.
@sound2201
@sound2201 4 жыл бұрын
I'm trying to add shadows to my pixel art though, the letters are white and the shadows are black, but cant seem to make it work on the website
@lawsona
@lawsona 3 жыл бұрын
same omgg did you figure this out?
@hierkonnteihrewerbungstehe8008
@hierkonnteihrewerbungstehe8008 2 жыл бұрын
Helppp When i import my png, it shows white Boxes with letters in, even tho i havent made any kind of box, i just made the outlines Also, the First two Lines fit in perfectly, but the tile in the thrid line is one pixel offcenter, without any reason pls help my i cant find a solution
@hierkonnteihrewerbungstehe8008
@hierkonnteihrewerbungstehe8008 2 жыл бұрын
Ok I found the solution (turn font color to black) BUT when i write it on the Website it works, anyways in word it only types the descend Pixels and not the whole letter
@asthalis
@asthalis 3 жыл бұрын
Hello and thanks for this very useful video ! Yet, I have a problem with my handmade pixel font, and I had the same using BitFontMaker : all glyphs are fine when I use my font, except the apostrophe, which keeps its original shape and never switches to "pixel" version. Any idea of where it may come from ? It only happens with this character ('). Thanks if you can help !
@madcountofdumont7742
@madcountofdumont7742 4 жыл бұрын
Keep it up buddy
@herrickthenoob
@herrickthenoob 2 ай бұрын
great tutorial but I got a problem with the website. I did everything but when i typed to see the results it gave me a transparent letters and white background of the letters. do you know how to fix this issue?
@waza255
@waza255 4 жыл бұрын
Good video Mort :)
@eboatwright_
@eboatwright_ 4 жыл бұрын
Thank you so much!
@minutesock9649
@minutesock9649 3 жыл бұрын
I'm struggling to get words not so close together. I used the ∎ character to denote a space like the website does by default. My font looks fine with everything except for spaces being too small even though the space is the same width as a normal character. Is there any kind of variable on the website to maybe make your spaces double wide? The monospace option is not what I'm looking for as that makes all of the characters spaced out in a block fashion.
@felipecesconettomartins2097
@felipecesconettomartins2097 Жыл бұрын
im having the same issue here now, did you ever figure out how to fix that?
@minutesock9649
@minutesock9649 Жыл бұрын
@@felipecesconettomartins2097 To be honest, I can't remember what I did over a year ago. I know I messed around with the numbers until it looked better, although, my font is still not that great (it sits too high on the line), it gets the job done.
@EkilGamer
@EkilGamer 6 ай бұрын
Does the colour of the letters need to be black alone? Because I got a font which has black and Magenta letters.
@IceRaptor
@IceRaptor Жыл бұрын
I tried using something called Caligraphr but it kept smoothing the edges... This will be VERY useful, Thanks!
@12jn00gb
@12jn00gb 2 жыл бұрын
Can I use my font anywhere? (I mean, is it allowed by people who made this font generator?)
@Pengoony
@Pengoony 4 жыл бұрын
This has been really helpful! Is there a way to import colored fonts? Like fonts having a gradient or something?
@halobread
@halobread 3 жыл бұрын
not how fonts work
@rapro_player4568
@rapro_player4568 2 ай бұрын
Ok, os this was very helpful tutorial, but my font that i did, well its just putting all the characters below the blue line and idk what to do, can anyone please help me? EDIT: nwm just figured it out, just change the baseline
@nightmoon1163
@nightmoon1163 3 жыл бұрын
Thanks
@itsdirkelsevangilist555
@itsdirkelsevangilist555 4 жыл бұрын
Already know this is gonna be awesome!
@Schwarzorn
@Schwarzorn 3 жыл бұрын
Is this not supposed to be a vector font? I think that’s what I need, cuz it’s not working properly in the game I’m trying my font on. It works fine in Word 2003, at least, but it’s still a bummer...
@lyca7016
@lyca7016 4 жыл бұрын
Have you shown what you did to make Aseprite look like yours?
@jannikkimjensen1433
@jannikkimjensen1433 2 жыл бұрын
Wait wait wait. are you danish? thats awesome i had no idea!
@muttlymartin
@muttlymartin 4 жыл бұрын
iv got a problam with this website hew uses, how can you make it so there is colour in the text?
@AlphaCollectorCZ
@AlphaCollectorCZ 4 жыл бұрын
Great guide, however I have a question. I made white font with a black outline and it keeps just registering the outline as the actual font and the white fill (which is actually the font) shows as transparent. Is there any way to fix this?
@moncefsharp3999
@moncefsharp3999 4 жыл бұрын
put in your mind that font glyph is just shape with some informations, so the tool will draw the shape of the glyph as the black color
@sectorrrrr
@sectorrrrr 3 жыл бұрын
what if my font has multiple colors? is it still possible to make a bitmap font?
@somecloudy
@somecloudy 3 жыл бұрын
Note, this tutorial does not help you make colored/styled fonts with color. The program doesn't quite know how to do color it seems.
@qew_knight
@qew_knight 3 жыл бұрын
do you know what to to make a font with collor?
@guachipoto9925
@guachipoto9925 4 жыл бұрын
Mmmh... Now I can make a font...
@emedi.09
@emedi.09 4 жыл бұрын
can you use the new font in word documents? writing online like youtube comments?
@juansebastianantecontreras5376
@juansebastianantecontreras5376 11 ай бұрын
can you make this with colored fonts?
@TheProbots
@TheProbots 3 жыл бұрын
Does this work with colored fonts too?
@denn501
@denn501 3 жыл бұрын
Wow !!
@hielum1337
@hielum1337 4 жыл бұрын
nice vid :0!
@codingkam1252
@codingkam1252 4 жыл бұрын
How did you get the aseprite theme? did you have to buy it?
@MortMort
@MortMort 4 жыл бұрын
There is a link in the description to my Aseprite Theme :)
@voltzblock7834
@voltzblock7834 3 жыл бұрын
Can u make the Font in different Colors?
@_ess
@_ess 4 жыл бұрын
YOU ARE DANISH?!
@MortMort
@MortMort 4 жыл бұрын
Så Dansk man som man kan være! :)
@mrarne2749
@mrarne2749 4 жыл бұрын
@@MortMort själv är man svensk
@Lukz243
@Lukz243 4 жыл бұрын
what about some characters like ideograms?
@sildurai8287
@sildurai8287 3 жыл бұрын
That's exactly, what i searched for, but sadly something in that little browser tool doesn't work. The text preview shows a default font instead of my own uploaded one and when i save it, the font doesn't work either. If someone knows, how to fix that, please tell me. :~)
@sildurai8287
@sildurai8287 3 жыл бұрын
Update after i tried it a few days later everything works just fine. Thanks for showing this website!
@lilyleaf6502
@lilyleaf6502 3 жыл бұрын
@@sildurai8287 the link times out and doesn't work at all for me :( is it still working for you?
@sildurai8287
@sildurai8287 3 жыл бұрын
@@lilyleaf6502 Yeah, after the problems, i mentioned in my first comment, for me everything works fine.
@Valeguard_d0.0b
@Valeguard_d0.0b 4 жыл бұрын
This tool can be downloaded locally for free or for donation at yellowafterlife.itch.io/pixelfont?download
@St4rrrrr
@St4rrrrr 4 жыл бұрын
What pallet is he using and if mort is reading this can you start putting the pallet you use in the discrimination
@martincarapiaa
@martincarapiaa 4 жыл бұрын
Pog I think shock edited this
@lumishere
@lumishere 2 жыл бұрын
guys what is the website url
@alvinseptiano
@alvinseptiano 4 жыл бұрын
Noice
@poseeley
@poseeley 4 жыл бұрын
I had to use onlinefontconverter.com/ with my font file to let Windows install it. Hope this helps anyone else with the same issue.
@Aisem_Illust
@Aisem_Illust 4 жыл бұрын
❤️❤️❤️❤️❤️❤️
@om4edan
@om4edan 4 жыл бұрын
Был бы перевод на русский(
@ralphofficial7794
@ralphofficial7794 4 жыл бұрын
Does anyone know which website he is using?
@foot_portrait
@foot_portrait 4 жыл бұрын
It is in the description: yal.cc/r/20/pixelfont/
@ralphofficial7794
@ralphofficial7794 4 жыл бұрын
@@foot_portrait ok thanks
@DawidLewandowski-ev7rd
@DawidLewandowski-ev7rd Жыл бұрын
2q
@peepeepoopoocheck2092
@peepeepoopoocheck2092 4 жыл бұрын
fant
@JZues816
@JZues816 4 жыл бұрын
8th lol
@JZues816
@JZues816 4 жыл бұрын
I bet 5$ MortMort won't like this comment
@lucasfrancisco3432
@lucasfrancisco3432 4 жыл бұрын
How I add border in my font? I put in draw, but when I upload the image, site remove the border... Can help me?
How to make Pixel Art Fonts!
9:23
Pixel Overload
Рет қаралды 87 М.
Seja Gentil com os Pequenos Animais 😿
00:20
Los Wagners
Рет қаралды 69 МЛН
Elza love to eat chiken🍗⚡ #dog #pets
00:17
ElzaDog
Рет қаралды 13 МЛН
MAGIC TIME ​⁠@Whoispelagheya
00:28
MasomkaMagic
Рет қаралды 22 МЛН
The Ultimate Pixel Art Tutorial
14:15
Saultoons
Рет қаралды 1,6 МЛН
CHARACTER & ANIMATION Top down RPG (Pixel Art Tutorial)
9:09
MortMort
Рет қаралды 538 М.
5 GREAT Game Art Styles for BAD Artists
5:00
Lost Relic Games
Рет қаралды 259 М.
A Study in Arcade Pixel Fonts
9:42
Game Investigator
Рет қаралды 14 М.
Pixel Art Tips from a Professional Artist - Tips & Tricks
8:01
Goodgis
Рет қаралды 1,1 МЛН
How to make 3D Title Lettering? | Pixel Art Workflow
9:45
Brandon James Greer
Рет қаралды 42 М.
Basic Anti-Aliasing for beginners (Pixel Art Tutorial)
12:34
MortMort
Рет қаралды 198 М.
My Tileset Workflow (Pixel Art & Gamedev Tutorial)
20:24
MortMort
Рет қаралды 615 М.
Pixels Beginner Guide - Pixel Art Basics
27:36
Mislav | 1 Bit Studio
Рет қаралды 7 М.