How To Make A Custom Font Using Fontself
HTML-код
- Опубликовано: 20 июл 2024
- How to make your own typeface? Have you ever wanted to make your own font? It's hard to make a font and tedious to kern a typeface, or so I thought. That all changed when I found out about Fontself. I gave it a spin. It's fun and highly addictive. If you've ever wanted to design your own font, watch this video tutorial on how to design your own typeface.
What big design agencies have made their own custom fonts? What are all the anatomy terms of a letter? Do you get discouraged by how challenging it can be? In this video Chris teaches you how you can make your own custom font. He also teaches you all the terminology for the anatomy of a letter.
👉 Use our affiliate link for Fontself:
fs.tl/thefuturoftype
🔥 Enter your font into our contest:
thefuturisyou.typeform.com/to...
Download the Typocracy book:
www.fontself.com/#welcome-to-...
Tips
-Make sure to name your guides as “Baseline”, “Ascender”, “Descender”, “capHeight”, or “xHeight” in your layers panel
-Make sure you don’t have repetitive letters/characters
-Double check you write ALL of the alphabet
00:34 - Does the world need another poorly designed typeface?
02:00 - The 3 challenges to making a typeface
03:17 - 5 reasons why you should consider designing your own font
05:29 - Who are historical masters of typeface design?
06:27 - Who are some present day superstars of typeface design?
07:43 - Example of design firms that have used custom typefaces (Nuts)
08:22 - Michael Beirut working on WALK NYC
09:43 - Designers who make an income selling fonts
11:24 - Terminology & Anatomy of typefaces
15:08 - Recap of all the terms (screenshot this)
15:18 - What is the unity of design?
15:38 - The 4 groups of letter types
18:08 - The 3 different types of typefaces that Chris is going to make
18:46 - Chris writing the font he’s going to make
23:03 - Editing the picture of the font in Photoshop
25:55 - Taking the font into Illustrator
43:00 - Using Fontself to make your font
48:59 - Converting a vector drawing into a font
58:00 - Changing Futura to Futur Futura
58:56 - What is Fontself?
1:00:00 - Design Challenge
#sponsored #typography #customfont
===
👉Subscribe: goo.gl/vB9zoP
👉See our main channel: goo.gl/F2AEbk
#TheFutur
Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:
goo.gl/bRt5qd
If you're a complete beginner, consider taking any of these Adobe Creative Cloud fundamental courses from our friends at Bring Your Own Laptop: byol.me/thefutur
-
Love the content? Become a sustaining member for $5/mo today.
goo.gl/nwekfL
Our recommended products and Booklist:
kit.co/TheFuturIsHere
Kits & Proposals:
goo.gl/mSjuWQ
Visit our website:
www.thefutur.com
FREE resources:
goo.gl/Qh6gHr
Mandarin (Chinese) Subtitles on UiiUii
uiiiuiii.com/?s=the+futur
-
AFFILIATE LINKS*
🙏 Support The Futur but purchasing through our affiliate links:
Amazon: bit.ly/thefuturishere
Webflow: bit.ly/2EbET9l
Retro Supply Co.: bit.ly/2GW8gzR
Creative Market: goo.gl/g4jlTE
Design Cuts: bit.ly/2GSsAR3
✍️ Sharpen your skills by taking a course, using our affiliate links:
Skillshare: goo.gl/YCo2uT
School of Motion: bit.ly/futur-som
Bring Your Own Laptop Tutorials: byol.me/thefutur
🎧 Do you like the music? Check out the music libraries we use in our affiliate links below:
Epidemic Sound: share.epidemicsound.com/thefutur
Musicbed: bit.ly/futurmb
Artlist: bit.ly/2uWdna7
*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.
-
Futur Podcast on iTunes: 🎙
itunes.apple.com/us/podcast/t...
Spotify: 🎙
open.spotify.com/show/5K96ryZ...
-
We love getting your letters. Send it here:
The Futur
c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404
USA
-
Host- Chris Do
Cinematographers- Jona Garcia
Editors- Jona Garcia
Social Team- Elle Money, Alex Burlui
Futur Theme Music - Adam Sanborne www.adamsanborne.com
Typefaces: Futura, DIN, Helvetica Neue, Calibre, Champion Gothic
Futur theme song- Adam Sanborne
👉 Use our affiliate link for Fontself: fs.tl/thefuturoftype
🔥 Enter your font into our contest: thefuturisyou.typeform.com/to/bmu1Jq
This is a very informative video
Ty
I just got Fontself and I ran into an issue. I want to mae a spray-paint like font for my boss in illustrator,, but but now that I have the lower case, and capitalized letters done Fontself is telling me that the letters have too many points.
Its spray paint. So there are little dots, and stroke marks, and drippings on each letter.
How am I supposed to make artistic fonts if this thing is telling me that I'm limited to how many points Fontself wants me to have??
When you use Image Trace you can check the Ignore White box (in the ‘advanced’ drop down) so you don’t have to deal with any of the white from the image.
>Select/same/color/fill color/delete
Lifesaver.
Come on dude, you can’t say you’re pretty gonna in illustrator and not know the “ignore white function”
@@lucasmoreno5330 everyone has blind spots even in things that they do every day.
Please don't delete this! I'll need this like forever
hah. we won't delete it.
You can download it...
This really diminishes the intimidation I associated with type design ever since I used FontForge. Love it!
I just have to give it to you guys. I looove your videos. I think hardly anyone comes to your quality and depth of knowledge while keeping the videos engaging and interesting. I have been coming back to your videos for years. And they always get me excited and teach me something new.
Love you guys!
Chris you have no idea how perfectly timed this video was... thank you!
Image trace has an ignore white feature, or you can select one of the white pieces, select -> same fill color and then delete :)
Awesome video!
Your timing is amazing! I've been drawing lots of letters and types and wanted to create a couple fonts with them. Thanks!
Man! How perfect timing is this!! I've just finished my concept and need to refine and publish it!
Hey Chris, the reason your characters had those extra white pieces is because they were left over from the live trace.
If look under the advanced image trace options, you will see an "ignore white" checkbox. Select that and it will remove any white that is found inside the type!
Hope this helps in the Futur :)
Thank you
@@TheFuturAcademy how about making fonts in other languages be like?
I learn’t so much about type and fonts from this vid. Thanks so much
Thank you for re-inspiring me to create type! After creating a few typefaces in Fontlab/Illustrator years ago, I never got through the tedious kerning curve so never really used them to set body text. Going to grab FontSelf and finish the job!
Cool, hope that DIY font creation will become a valuable skill in your projects from now on!
I can't express how much I love this video- thank you!
Awesome!!
That was awesome. I have a font that I designed but haven’t known how to roll it out!? *excited*
The only thing with the whiteboard font was that I felt the beautiful naturalness got removed.
What I love about customizing the existing font, is if you have a few personalised “tweaks” for your business designs, you could now have it setup to go within a font!!! 😍
I might have over edited the font.
WOWOWOW!!!! Awesome new tool, never knew about Fontself! Great video teaching us Chris!
Only video on RUclips that actually thoroughly explained this topic Thankyou for all of your videos 🙏
Awesome! Awesome!! Awesome!!!
Please make more about Fonts, Type, Typography, Hand Lettering & Calligraphy.
I would love to watch every episode fully without skipping.
You guys made my design life easier.
Thank you very much.
Installed it today because I was struggling with spacing in some complicated type design software. What a life saver! They have a student discount too (50%) which is neat. Thanks Fontself, and The Futur for introducing me to it
Glad it helped!
Watched your video last night. Yeah. All I see now are fonts. Not just words. FONTS. Everywhere!!! Fonts here, fonts there. Wow, who did that font? what's that font's name.? You got in my head, WTH!!!... you look great! well done.
Excited to watch this. Been looking for inspiration on how to start selling my font. Glad I found this!
0:00:05 Chris finally did it, he went a little crazy and made...
*Comic Sans: The Movie*
Haha. I did.
Chris, 😭 why did you forget the X. You just taught us about X height. I was busy calling out the letter and punctuation marks as you we're adding them. So far so good. Thank you, always!
It’s a lot on my mind. Mistakes happen.
@@TheFuturAcademy Well, you gave me more knowledge than I had yesterday, and I'll forever be grateful. 🙂
Came here because I want to create my own typeface, because I’m starting my own production company. I want to make it as unique as possible! Thanks for this video!
Such an awesome video! Ever since starting graphic design I have had a fascination with typography. It was always a goal for me to design my own typeface and I recently did. It was time-consuming but so rewarding! I just wish I had this video before I started.
It’s all a learning experience. I made some mistakes in this video but then I’m smarter next time.
@@TheFuturAcademy for the contest entry there is no place to enter an email. Is this intended?
I was waiting for this video for a long time. Would like to learn more on typography. This episode was quite interesting and loved the process. It's just amazing that we get such valuable stuff from the futur. Really thankful for the great lesson, Chris do. How about sherif font next time?
I don't use serif typefaces much so it wouldn't be much use to me. but let me think about this.
Comprehensive and concise lecture on typography! Well done.
Super helpful walkthrough to make a font till this day. Thanks a lot Chris!
This is awesome, can't wait!
Use the "Wand Tool" to get rid of the white after you expand a vectorized object, that way you don't have any issue with remaining artifacts. Great content by the way, I enjoyed this very much. Cheers.
in the selection menu you can choose select color and it uses the color that is in the swatch to select everything with that color. this way you dont miss anything.
This video is really awesome! I am not a designer, I am a programmer, but I saw this video because I need to know how to design fonts for an app to render mathematical expressions. Yes, there is LaTeX, KaTeX, MathJax etc. but I want to have control over the look and feel of the math symbols, which can only be achieved if I design my own. So yeah, thank you very much for bringing this high quality content!
Can you make a tutorial on, "How to extend a typeface for a existing typeface?"
For example:
1. Creating a Serif Font for the existing Sans Serif font.
2. Creating other language fonts using the existing English font.
Your tutorial will be highly appreciated. Thank you.
Downloaded Fontself back in December, looking forward to using it. Great share Chris!
Glad to hear
do you have a crack Ai version? I wanna get Fontself but I'm worried it won't work on my cracked illustrator.
19:17 Chris going full on Bob Ross XD Just in Case anyone wondered what that would be like
This is a full on typography lesson. Nice video.
The kind of font I like to make is display/techno fonts. I really like futuristic fonts and I'm really having some ideas. It's kind of easier for me to draw techno font concepts as it uses more lines than curves (like the common serif, sans-serif, calligraphy), and I don't like too curvy fonts that much in the beginning.
I made my first fonts in the Geometry Dash level editor yet I won't be able to export it to ttf file because in the first place it's a game. I recreated the last font I made in Geometry Dash, to Fontstruct. I made all the uppercase characters and all the numbers and it was really fun. I still didn't finish the font and then I transferred it to Inkscape and Fontforge.
I'm designing all the glyphs in Inkscape and copy paste those glyphs to Fontforge, then I just set the width and right bearing for each glyph, then either check for the errors or just ignore it, then finally I'll export it to .ttf for testing.
It was really fun and bit of a struggling experience because of some bugs that was actually solvable. Feels good to see a cool looking font then realize that you actually created it.
There's much more to do here than just these above, like the kerning for almost all glyphs and some measurement stuff like using either 1000, 1024 or 2048 pixels.
Good luck!^_^
Great video! Your way of explains things works well for me. Thanks!
I love this! I'm almost done with my first font family, but that 10% takes days and it's super tiring for my hand..
Thank you for the motivation! Time to get back to work
Extra white and even invisible pieces can also be all selected using the magic wand tool (as on photoshop) and then deleted.
Hope that will save you a lot of time :)
Thank you from France Chris !
Fantastic video. Always learn something new from every Futur video.
Awesome!!
I used to create my own fonts in MS Paint, but never used them for anything. It was just fun. This is cool, might do it some day.
Cant wait for this one. 🤓👍
Loved your video, you have explained things in a very easy manner.
you know, i love this video i watched it at least 10 times, thanks man
This was great for calligraphy tips; wouldn't have thought of all this on my own
I'm an obsessive Typophile. What a good challenge for me. I've never designed a font. Thanks Chris!
Would love to see your font.
this is the video i was waiting for,, HELL YESSS
sweet
I'd like your video just because the lighting looks so cool. Love it.
Thank you Chris for this one really needed that
my pleasure.
chris, you're kinda writing in comic sans :D i have been wanting to realize a couple ideas i had for fonts, thank you
comic sans 2020? comic sans Neue?
@@TheFuturAcademy Comic sans Now
Comic Sans Futur
@@jemmavonhoff1548 Comic Dons
This was fantastic. Thank you.
The best tutorial to make a font!
After a week of 2 presentations and 2 midterms, each on alternating days, this is what I needed to role me into reading week. Thanks, Chris
Glad to hear
Over the last 30 years I’ve created about 60 typefaces, but never actually done the work to get them to a stage to install upon a computer. That part has just never interested me. Many aren’t even legible in a true sense. Many are simply abstract patterns or codes, sometimes based on colour. A few are typefaces that I would call adaptable, in a way that you can overlay two shapes to create a third typeface. Kind of hard to explain. I’ve used many for clients and some have even won competitions. Some people have made comparisons with Wim Crouwel, which interestingly doesn’t get a mention here. Now I’m getting quite a bit older in recent months and I’ve been considering taking the step into creating these typefaces as something to be installed and ultimately shared with others. Thanks for this video.
Never thought this was something I'd ever consider but even at 58:01 I'm still here watching haha. Love it!
Thanks for hanging
Thank you for this.
Eyyy nerden buldum 😄
@ Heryerdeyim.
@ Senin ne işin var burda.
Gerçekten her yerdesin 😄 Grafik tasarımcı oldum ben, o yüzden burdayım.
@ Bende o sektorde bir şeyler yapıyorum o yüzden burdayım :) Chris Do candır.
Really nicely done video, Chris and The Futur. Love how you added a short lesson on type anatomy. Random, unrelated question: What kind of whiteboard marker is Chris using? Looking for a fat one like that for teaching. Thanks!!!!
Whyteboard brand
The Futur Academy Thank you! I’m going to invest in one.
Chris you are brilliant!!! Very helpful Love you and your Team from Pakistan 🇵🇰
I loved your tutorial, you should do more when you have the time!
Thanks
Hello, thank you for this video, I am not into font design, but I am so curious ! It is intresting so far (I write this @19:00 to be honest). Serif Comes from dutch or german language 'Schreef', stands writing, but not sure. French word for Serif is "Empattement" [ɑ̃patmɑ̃], and the string of letters "patte" in this word means foot or paw. (french speaking person)
Nice i really big fan of you and always get many ideas
This is fantastic! Thank you
Great session Chris, thanks
Thank you so much Chris Do!
TYSM for sharing , love your content.
Aight, who else loved that Chris left his mistakes on there 🙋🏻♀️
I’m not perfect.
I learned the hard way I bought it earlier and I didn’t watch or read any tutorial, and I it was so hard especially without drawing guidelines and without plans only to realize that the descender and ascender are too much from x height. Thanks a lot for this video.
Bought it!! :D Made my first font :D
Chris and group, I have a work hack for the leftover shapes you kept finding after you auto traced and deleted the rectangle. As they were all the same color (white): Select one offending piece > Select (top menu) > Same > Fill color > delete. Et Voila!
I learned this when had to repeatedly uniformly change clothes colors on 100s of characters I had created for a project, this technique works great for that situation, as well.
I agree with manual adjustment of paths as many times it's required, but another helpful tool, especially with your first hand-drawn font, is the Smooth tool. It averages curves and deletes points. You can still manually adjust points and paths after.
Hope it helps in the Futur 🥁
P.S. Little Fun Fact: I had illustrator open and got frustrated when I tried multiple times to move the illustrator screen to see more of the font, only for my internal voice to chime in with "That's not my screen, it's Chris Do's and I'm trying to move a screen in a RUclips Video". #ImAStableGenius
Thanks. You can also tick the *Ignore White* checkbox from the *Image Trace > Advanced* which will save this extra step :)
A ProTip on my work hack! I love it!! Thank you, so much easier.
Good tip
Learnt so much; Thank you! : )
Thank you Chris! ☺
K, I'm gonna get this software :D
Inspiration reignited
Awesome stuff!
6:26 more than keeping the eye line equally for all people, having Johanatan Hoefler and Tobias Frere-Jones apart was THE BEST DESIGN DECISION of this slide
It's super helpful!!!
You are the best Chris
Thank you
18:49 duuudeeee the outfit is on point, great layering.
Thank you
God I am so with you on your sentiment about Futura. It's my all time favourite typeface, but I cannot stand the quotation marks! Your improvement is so much better, although I'm curious what a circular end, instead of a squared off end would have looked like too.
I like to nerd out on some abstract subjects, but damn, I feel like I'm listening to someone reading a GE turbine whitepaper, with a history of the engine up front.
"We're gonna get crazy. I'm gonna encourage you to make wild custom personalized typefaces" Never expected Chris saying it
Quick brown Fox's be ownin' designers.
The sad thing is the developer of fontself refuses to fix the application adding values to typoline gap making it so characters that have descenders like gjpqy gets pushed above the baseline instead of descending when a bitmap font is created. People with samsung devices require a font to have a value set for typoline gap in order for descender characters to do what it was supposed to do. If you have any suggestions that would be amazing.
sometimes youtube starts playing a random video from my feed, it freaks me out everytime.
Now this is gonna be useful.
WOW!!!! That's great! THANK YOU
Thanks
Thank you so much.
Finally an app for my new language custom font.....
Hi Chris! Thank you so much for this tutorial. The problem that I have is that when I try to build a color font I cant make different parts of the glyph/letter to became only one without afecting the color. I have tried with "merge" in Pathfinder but then when I press Create Glyph in Fonself the message is "Too many objects are selected". If I select unify in path finder I loose all the variety of colors. Can you tell me where I am getting wrong? Thank you!
Outstanding
Thank youuu!!
Sir please tell me the font maker option,
There we can drop the font letters.
Hello Futur :) First of all - thank you for a great tutorials - I am also a designer and I love watching them. I have a question. Movie 27 minute for example there is Illustrator opened and there are some unusual icons with red color - are they additional plugins icons? What is it? :)
Yes. Those are hotdoor plugins for arch work
You missed the “X” 😀
"I'm not hurtin anybody here, just doin some stuff with type"- Chris Do 2020
so sad i can't be at FITC.. Would have loved to shake your hand and thank your for all the great content you drop all the time.
what city do you live in?
@@thefutur Vienna Austria 💁♂️
Me in!!!
Excellent
Okay I used to love to play around with fonts but now there's a tool that I can actually use that will make a font that might not be super terrible, I am definitely going to give this a try…
Merci pour simplifier ma vie, futur!!
Fontself is the best thing ever.
Have you used it?
Eman DeMoan yes I have. I made my own font that I use on my website.
lol im drunk and im watching this just because of chris do, i like this man and also i want to learn