Inkscape Tutorial: Custom Lettering

Create custom letters that could be turned into a font using Inkscape.
This tutorial is for Inkscape version 0.92 and is intended to teach beginners how to use the software. Inkscape is a great free alternative to Illustrator and Corel Draw.
Need a logo made? Request a design at: www.logosbynick.com
Facebook: / logosbynick
Twitter: @logosbynick
If you feel compelled to support my work here on KZread in any way, a one-time purchase of my $17 online course outlining how to design a logo from start to finish would be greatly appreciated, and you may learn a thing or two about logo design as well. You can check it out here: blog.logosbynick.com/logo-desi...
Want to make Inkscape appear dark? Here's how: logosbynick.com/how-to-make-in...
My design setup: logosbynick.com/look-new-desig...
Intro song: "In Da Mood" by Combustibles, used with written permission

Пікірлер: 193

  • @wvvwkx
    @wvvwkx7 жыл бұрын

    13:52 the key is called backslash :)

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    lol how did I miss that? Thanks!

  • @joebazooks

    @joebazooks

    7 жыл бұрын

    that's my name

  • @joebazooks

    @joebazooks

    7 жыл бұрын

    well actually i'm forward slash

  • @albertgalvez2556

    @albertgalvez2556

    7 жыл бұрын

    Backslash sounds like a cool bully name of the 50's.

  • @echoes6092

    @echoes6092

    4 жыл бұрын

    And the Shift (Maj) version is called the "pipe" or "vertical pipe."

  • @N17C1
    @N17C13 жыл бұрын

    Even if you don't want to design your own fonts, this tutorial is excellent for learning Inkscape features.

  • @Apostle92627
    @Apostle926275 жыл бұрын

    Awesome. I can't wait to finish it. Letters like K, N, X, Z might be a little tricky, though I may have a rough idea as to what to do. Thank you.

  • @bekidoo
    @bekidoo7 жыл бұрын

    Thank you very much for your tutorials! I feel I've learnt a lot and was able to apply that knowledge to my personal projects!

  • @gdesignplus
    @gdesignplus6 жыл бұрын

    I was looking for a tutorial to help me make a font quite close to this one, so this is perfect, you really are the Inkscape guru, many thanks Nick

  • @BelindaNyamgero
    @BelindaNyamgero5 жыл бұрын

    Thanks so much for all you are doing Nick. This is very much appreciated especially with newbies like me. I have managed to get the dark theme and icons like yours. I am so happy :)

  • @RM-Niu
    @RM-Niu4 жыл бұрын

    This is indeed an excellent exercise to practise the functions relating paths, such as path union, path difference etc. Good work

  • @terrology
    @terrology7 жыл бұрын

    Learning so much! Thanks Nick!

  • @tehneometa312
    @tehneometa3122 жыл бұрын

    One of the best tutorials of this kind. Clear spoken with great pov through basic process.

  • @Grant_S_M
    @Grant_S_M7 жыл бұрын

    Loved this one, Nick. Great job!

  • @andrewmartin2341
    @andrewmartin23415 жыл бұрын

    Just wanted to point out a couple things I missed: When trying to use the bezier pen: you have to set the mode to "create regular Bezier path" and Shape to none. For some reason, mine was defaulting to elipse and it took me a few minutes to figure it out. Thank you Nick for such awesome tutorials. I've learned tons just by watching and going through them. I plan on picking up your course on the basics as soon as possible. For $17 its a steal.

  • @mlhnikki
    @mlhnikki4 жыл бұрын

    Thanks for another great tutorial! It's great to be able to use this to create my own letters for my design and print on demand work.

  • @jessaek2
    @jessaek27 жыл бұрын

    thank you for your awesome videos, i'm learning alot with you !

  • @italianinkscapechannel
    @italianinkscapechannel5 жыл бұрын

    First of all, thank you for your tuts, I like the workflow. My two cents: imho, positioning the rectangle on the circle to create semi-circle and quarter of circle to use booleans could be faster using snapping: 1) circle rotation center on rectangle bounding box midpoint, and 2) circle bounding box midpoint to rectangle bounding box midpoint. (Don't know if someone else has suggested this before -if so, sorry). Cheers.

  • @broderp
    @broderp5 жыл бұрын

    It would have been nice if you did some of the harder letters like "k" and "z" that required angles.

  • @ankitkumarjat9886

    @ankitkumarjat9886

    4 жыл бұрын

    You are right I stuck on those. Can you help me

  • @patriciajolley6851

    @patriciajolley6851

    3 жыл бұрын

    @@ankitkumarjat9886 I would just use the vertical line for the main stroke of the k. Then duplicate it twice, rotating one about 45° clockwise, and the other 45° counterclockwise. You can edit the ends the same way he edited the "e" or you could use diagonal guides and snap the nodes to it. Good luck.

  • @potandhisteams2763

    @potandhisteams2763

    2 жыл бұрын

    “s” is the hardest

  • @TheSqualle34
    @TheSqualle347 жыл бұрын

    That's so weird, I was just asked this morning to make a bg in this font. Awesome tut Nick!

  • @wolfgangjackle4543
    @wolfgangjackle45437 жыл бұрын

    Hello Nick, this is another great tutorial. Thank you very much! I've tried to do the whole alphabet but I had rather problems to build the letter "s".

  • @avdp76

    @avdp76

    2 жыл бұрын

    More like a question... did you figure out how to do the "s" I've got every letter but "s"

  • @kashparty
    @kashparty7 жыл бұрын

    Wow this was very helpful thank you

  • @nurolalacaatli6695
    @nurolalacaatli66957 жыл бұрын

    Hi Nick, thank you very much man, you are awesome.

  • @davidhodges8156
    @davidhodges81567 жыл бұрын

    Another super video! Thanks!

  • @taimurhussaii
    @taimurhussaii4 жыл бұрын

    Such a useful tutorial thank you

  • @javierelio28
    @javierelio287 жыл бұрын

    thanks man a big hug from argentina, very usefull your tutorials...no hablo ingles ;)...pero le entiendo casi todo perfectooo

  • @salauddeensyed5295
    @salauddeensyed52954 жыл бұрын

    Thank you Sir, very informative tutorial....

  • @Sitthipon
    @Sitthipon Жыл бұрын

    I can learn a lot from your tutorial, thank you very much.

  • @almokhtar1844
    @almokhtar18447 жыл бұрын

    رائعة شكرا thank you very much

  • @risk18374
    @risk183746 жыл бұрын

    Brilliant videos Nick. Thanks for sharing your knowledge. If I ever need a logo I will contact you. Cheers

  • @popsmikehull
    @popsmikehull6 жыл бұрын

    Not sure about others but on a UK-English machine/keyboard the shortcut ket for Show/Hide the Guides is CTRL+SHIFT+T on GIMP version 2.10.

  • @jeffdavies2824
    @jeffdavies28245 ай бұрын

    An old video by today's date, but I learned alot of techniques that I'll use in creating my font! Thabks Nick!

  • @5ZK19
    @5ZK197 жыл бұрын

    You made my day again

  • @petervannunen8378
    @petervannunen83787 жыл бұрын

    Great video Nick, will you also do a video on making numbers too?

  • @blinkdigitalstudio
    @blinkdigitalstudio4 жыл бұрын

    this is a good tutorial!

  • @fregus.
    @fregus.7 жыл бұрын

    Hey nick, your tutorials are really easy to follow but give great results. just a quick tip - when using OBS you can make it only record a certain window. this would get rid of your task bar which might clean up the video a little bit :-)

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    Great tip, thank you.

  • @JoseBYOB

    @JoseBYOB

    7 жыл бұрын

    I'm curios, what is OBS?

  • @okrplay

    @okrplay

    7 жыл бұрын

    Jose Baldizon OBS stands for "Open Broadcaster Software", a free streaming/screen recording software.

  • @JoseBYOB
    @JoseBYOB7 жыл бұрын

    Great video, Nick. Your popularity is growing and rightfully so. Suggestion: More videos like this one about making reusable content would be great. For example, videos on how to make distressed paper, or patterned backgrounds, etc.

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    Thanks Jose! I'll see what I can do

  • @ariesgirl327
    @ariesgirl3274 жыл бұрын

    Awesome video!

  • @HrafnNordhri
    @HrafnNordhri7 жыл бұрын

    I like this one Nick. Was hoping you would cover an angular letter like K though. Will you be discussing how to use Inkscape with something like Fontforge to create a truetype font?

  • @bebsification
    @bebsification6 жыл бұрын

    Hi Nick, great tutorial, could you make one with capital ones, please

  • @alihassen6439
    @alihassen6439 Жыл бұрын

    Man u r an artist 💙

  • @rahmattaufiq8583
    @rahmattaufiq85837 жыл бұрын

    keren bang, nek isoh nggawe terus nggih, kulo maturnuwun sanget kalihan video ne jenengan ^-^ . I'm Rahmat Taufiq from Jawa Tengah

  • @nobrainer2058
    @nobrainer20583 жыл бұрын

    For the letter "a" you can just scale the rectangle. And for the Letter "C" you take a Circle and the quarter. Select both and align the right side. Then - Path - difference. There you have it perfect

  • @berndeckenfels
    @berndeckenfels4 жыл бұрын

    Building such a font is a great exercise (love the c-rectangle idea). I would have liked to get a explicite warning that font design typically is not only wasting a lot of time but also producing sub-par results in term of elegance and readability. So even for logos it should be only the last resort?

  • @TriVoxel
    @TriVoxel7 жыл бұрын

    I really like your tutorials. I think that it would be really cool if you did some things with animation too, like maybe Synfig or Blender. I think it could also be helpful if you could do something on video editing.

  • @philipp.dauenhauer
    @philipp.dauenhauer7 жыл бұрын

    Very interesting and factful video as always! Thanks ;-)

  • @feigndeath266
    @feigndeath2666 жыл бұрын

    nice tutorial... i m new to logo design and to be more specific in font creation... can you make a similar one for japanese idiograms! thnx in advance

  • @pasangamage
    @pasangamage2 жыл бұрын

    Thanks Nick

  • @MarcoPolo-xu9te
    @MarcoPolo-xu9te4 жыл бұрын

    Hi. I have just finished my alphabet on Inkscape, Now I want to know how you can transform those images on true type font. Do you have any tutorial for this? I am a newcomer to this software, but I liked it very much! By the way, I would like to send you an image of the result, just to have your opinion. Thanks!

  • @BryanBaltazar22
    @BryanBaltazar226 жыл бұрын

    For some reason when I turn on the snap smooth nodes it doesn’t snap to the outer circle instead to the middle of the emboldened part of the outer circle. It’s so frustrating. Also, when I go to path and click on difference all of the rectangle disappears and I’m left with just a circle

  • @Mykes
    @Mykes7 жыл бұрын

    can you make mushroom logo design tutorial video pls

  • @Spydr331
    @Spydr3315 жыл бұрын

    hi nick, do you have a video on how to convert a set of shapes to a font? i find myself needing to trace fonts as a single line instead of a full shape and it would be great if i could make that reusable as a font but im not sure how to go about it yet. figured i would leave a comment as i search the internet since most of my knowledge on the program comes from your videos :)

  • @allwynmathias856
    @allwynmathias8566 жыл бұрын

    At 07:10 you could also align the bottom edges of both the objects to get to 08:40 :)

  • @pamiu
    @pamiu7 жыл бұрын

    Thanks Nick, really helpful tutorials! How would you design the letter "s"?

  • @lunareclipse07

    @lunareclipse07

    5 жыл бұрын

    I tried s and it was a faliure

  • @patrickmclaughlin6013
    @patrickmclaughlin60132 жыл бұрын

    brilliant!

  • @dannywest749
    @dannywest7496 жыл бұрын

    The symbol is commonly named "pipe" and usually found above the "backslash"

  • @ceensaad9967
    @ceensaad99672 жыл бұрын

    awsome tut, can you please explain how to make "S"

  • @kirana.g4654
    @kirana.g46543 жыл бұрын

    very nice video

  • @maroofkhatib3421
    @maroofkhatib34217 жыл бұрын

    can u explain why you do this object to path and path to object thing. that is the only part i didnt understand

  • @NephologicaI
    @NephologicaI7 жыл бұрын

    How do you go about designing things? Do you start drawing on paper?

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    No I never start on paper. I'm horrible at drawing freehand. The software canvas is my paper :)

  • @imamkhusni2145
    @imamkhusni21457 жыл бұрын

    can you post how to use grid system in inkscape? :D

  • @KKsQuilts
    @KKsQuilts3 жыл бұрын

    If you want to add as a TTF? What do you use?

  • @StarterMangaka
    @StarterMangaka6 жыл бұрын

    will it be able to export as TFF?

  • @byronwatkins2565
    @byronwatkins25656 жыл бұрын

    How could we turn these paths into fonts for installation?

  • @loganholdaway769
    @loganholdaway7697 жыл бұрын

    I'd like to learn to create and manipulate cursive fonts with variable widths. Anyone know of a good tutorial for this?

  • @nathanhunt9105
    @nathanhunt91055 жыл бұрын

    Why didn't you use the template that's in Inkscape for help with the font alignment?

  • @gdesignplus
    @gdesignplus6 жыл бұрын

    Nick, i have made all the letters i need for a logo but now i need to export it, pdf.. how do i do that please?

  • @hayleylewis1458
    @hayleylewis14586 жыл бұрын

    How do we publish Fonts that we make in illustrator to our fonts folder so I can animate it with different plug-ins designed for animating font. It’s so frustrating there are so many videos explaining how to create a Fint but none of them explain how to publish the fonts to the fonts folder

  • @ALESSTIG
    @ALESSTIG4 жыл бұрын

    HELLO BEL TUTORIAL, I WOULD HAVE A QUESTION OUTSIDE THAT I CAN'T SOLVE, I HAVE DOWNLOADED FONTS AMONG WHICH ALSO DBOL MICROGRAM BUT NEITHER ON INKSCAPE AND GIMP THERE ARE, BUT ON WORD AND ON OTHER EDITORS THERE ARE. HOW CAN I SOLVE? I HAVE WINDOWS 10 64BIT

  • @ayeshabayat9300
    @ayeshabayat93005 жыл бұрын

    Awesome

  • @belajb
    @belajb7 жыл бұрын

    brilliant...tyvm!...looks like you are now using 0.92....thats great news!

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    Thanks. Yes I'm finally using 0.92, but only because I can't find a 64 bit version of 0.48 lol

  • @arifurtcb
    @arifurtcb7 жыл бұрын

    Thanks Nick, it was a nice video. Can you please show me the letter "S" will look like. Love your video. Thanks.

  • @tomevans4826

    @tomevans4826

    7 жыл бұрын

    I would like this, too

  • @LoriWolfcat
    @LoriWolfcat9 ай бұрын

    The r, s, v, x, and z I’m curious how it can follow this. Also, we need the Upper Case version.

  • @beep3639
    @beep36392 жыл бұрын

    Is there a way to make a font into usable fonts to type with?

  • @fxdrawtube
    @fxdrawtube2 жыл бұрын

    Can you make a video teach how do font TTF ou OTF in Edit font svg inskape?

  • @timbabcox6581
    @timbabcox6581 Жыл бұрын

    If I wanted to copy the grid lines and bring them below to a new area of the canvas, how would I do that? So I don’t have to keep making new letters to the right and can use a new part of the canvas.

  • @aatone4530
    @aatone45305 жыл бұрын

    how do I evenly space the letters ?

  • @ibnuhisyambinmushlihin9637
    @ibnuhisyambinmushlihin96374 жыл бұрын

    Hi Nick, Your Inscape's User Interface (tool bar etc) is small.... How to Setting up yours ?? mine is so big view

  • @GUN2kify
    @GUN2kify4 жыл бұрын

    i think the letter e better should be generated with the upper half and the letter c. the bezier hasn't the same angle so it could be more uniform. But it looks awesome

  • @titaan814
    @titaan81417 күн бұрын

    Hi @Logos by Nick! At 4:00 when you make a half circle, is it not easier to go in the Ellipses and Arc tool (E) and set the circle to go from 0 to 180 degrees, then 'switch to arc (unclosed shape)' and make path cap a 'butt cap'?

  • @verobarbera2552
    @verobarbera25527 жыл бұрын

    may i know your inkscape version?

  • @nielsroetert
    @nielsroetert7 жыл бұрын

    Another great video. Wouldn't it make sense to use the letter 'c' to create the lower part of the letter 'e' to give them a more uniform look?

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    Good point

  • @nawafisuren

    @nawafisuren

    4 жыл бұрын

    @@LogosByNick many techniques that I learned in this tutorial

  • @nawafisuren

    @nawafisuren

    4 жыл бұрын

    @@LogosByNick many tricks that I got in this tutorial.THANKS

  • @Ekalavya_
    @Ekalavya_5 жыл бұрын

    Hi Nick. I'm unable to create a circle by pressing ctrl and shift. All i get is a centre node and another node to draw a radial circle, using which i cannot get an outline of circle. Please help me on this

  • @server360-solutions
    @server360-solutions8 ай бұрын

    Is there a way to get the source file you created in this video for the letters?

  • @glenndonnelly511
    @glenndonnelly511 Жыл бұрын

    @logosbynick Inkscape could really do with a plugin for piemenus etc - coming from a 3D background, this reduced processes significantly

  • @katherineturk8076
    @katherineturk8076 Жыл бұрын

    Thanks for the tutorial Nick! I ended up flushing out the full alphabet and turning it into a font using FontForge. I'm a long time viewer and I've really enjoyed all your videos and classes over the years. I've never sold anything professionally but I've bought some of your courses and used your design principles in my small company's logo designs and website. Custom lettering intimidated me but it's really pretty easy!

  • @DarthSmokin
    @DarthSmokin7 жыл бұрын

    I was trying to follow your tutorial... Every I clicked 'intersection to halve the first circle it closed it off like the top half of the letter e... I tried starting over. A lot of the settings don't reset when I close the program, so the colors are off on the objects I'm creating. Is there a 'factory reset'?

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    You have to click on the circle and select Path -> Stroke to Path first

  • @mrburtenshaw8610

    @mrburtenshaw8610

    6 жыл бұрын

    I had this same problem, was getting wound up for 15mins until i found the tip

  • @zfotoguy71
    @zfotoguy71 Жыл бұрын

    How do you convert this to an actual font file?

  • @bigjenk
    @bigjenk3 жыл бұрын

    How do you make an S

  • @arsantiqua8741
    @arsantiqua874111 ай бұрын

    how does one turn this into a ttf?

  • @szilisid8941
    @szilisid89417 жыл бұрын

    maybe hand lettering design tutorial ? :)

  • @EvgenyBobkin
    @EvgenyBobkin6 жыл бұрын

    How would the letter Z look like?

  • @alvarobarrera8385
    @alvarobarrera83852 жыл бұрын

    Hello, thank you so much for your videos. They are very informative. I have a problem though: in the case of this fonts, when I apply the Path/Intersection command I do not get an open half-circle like you do, instead the half circle gets closed by a line at the bottom. I should say I actually almost never get the Boolean operation to work like in your videos. Is there a setting I am applying/not applying correctly. I am totally new is this kind of program. Thanks again.

  • @alvarobarrera8385

    @alvarobarrera8385

    2 жыл бұрын

    Solved! sorry for bothering you with a question I did not see underneath. I just needed to convert Stroke to Path, I was doing only Object to path and that was not the solution. Thank you to people answering these questions.

  • @101hardware101
    @101hardware101 Жыл бұрын

    Great tuto. The letter c does not come out ok, i get the edge of the rectangle inside the circle, looks like a perfect pacman from the eighties :( 12:59

  • @niftimalcompression
    @niftimalcompression6 жыл бұрын

    Why not just take a quarter circle out of a circle to make the c?

  • @jfaysal1971
    @jfaysal19717 жыл бұрын

    Your videos are very helpful... when making the half circle, why do you first create 2 boxes... center on the circle... THEN delete 1 box? If you could add the rationale for why you do things it would be even more helpful to a newbie like me

  • @dotsvg8482

    @dotsvg8482

    6 жыл бұрын

    He creates two boxes so he can have the one rectangle aligned with the half of the circle - he does this by making the two rectangles fully centred with the circle, then deleting the other rectangle.

  • @barbarafidler910
    @barbarafidler9102 жыл бұрын

    the problem Im having is when intersecting the circle the middle hole gets filled? why is that?

  • @hellowworld3804
    @hellowworld38046 жыл бұрын

    At 4:34 when you fill the rectangle with red, mine is only filled in the inside - the outside remains black, it's the same thickness as the ring around my circle. What's causing this problem? Thanks!

  • @allwynmathias856

    @allwynmathias856

    6 жыл бұрын

    You need to turn off the border for the rectangle. Select the rectangle and hold shift and click on the 'X' on the color palette (first one).

  • @yusufkurniawan5461
    @yusufkurniawan54614 жыл бұрын

    letter of e and f little bit strange...overall nice, i like it. thank you

  • @nunyabusiness9308
    @nunyabusiness93087 жыл бұрын

    Nick, I am having no problem with the custom letters but I am having an issue when I make a banner for a website. The banner looks great and crystal clear in Inkscape but one I use it on a website it is not as crisp, has a touch of blur to it. What am I doing wrong? I appreciate the input.

  • @JoseBYOB

    @JoseBYOB

    7 жыл бұрын

    Maybe you're exporting your image at a low resolution. Try exporting (File --> Export PNG Image) at a higher DPI. I believe 300 DPI is the norm.

  • @keletsomokone2663
    @keletsomokone26638 ай бұрын

    My "e" is not coming out right. Things start going wrong when I duplicate the circle after aligning the rectangle. I think it's my settings 🤔

  • @icommentonvideos8505
    @icommentonvideos85057 жыл бұрын

    Do you know how to disable the node snapping? It messes me up on everything.

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    Yes you can disable it altogether with the icon furthest to the left (in the snapping toolbar where the other icons are)

  • @icommentonvideos8505

    @icommentonvideos8505

    7 жыл бұрын

    thanks

  • @kimeiga
    @kimeiga7 жыл бұрын

    from a typography rules perspective, they say that you always need to make the bowls of letters like a and b extend lower than the baseline to look optically sound. I thought you were going to accommodate for that, but you didn't. I personally don't like that rule because I prefer fonts to be mathematically elegant rather than "look right" to "most people." But I think the popularity of fonts that do make this accommodation shows that my way of thinking isn't really acceptable design practice. How do you feel about this? Did you know about that optics rule before?

  • @LogosByNick

    @LogosByNick

    7 жыл бұрын

    Great points. Yes I was aware of all of these rules and nuances with designing fonts. In fact, I learned some of them the hard way from trying to create letter designs myself in the past. This is why I decided to ultimately stay in my own lane and just focus on what I am best at (logo design) and create custom individual letters for logos on an as-needed basis. Typography is one of those things that the more I learn about it, the more I realize just how much I really don't know about it.

  • @kimeiga

    @kimeiga

    7 жыл бұрын

    I'm just curious though, how do you feel about these topographic rules? I personally find them very subjective because I've seen them applied to orthographies of other languages by big foundries (linotype for Arabic for instance) and come up with fairly bad fonts in my​ opinion. I'm tempted to create fonts that purposely don't adjust for these rules simply in rebellion to them, or make my own rules. but I might just be being too melodramatic on this issue haha

  • @JemimahWilliams
    @JemimahWilliams7 жыл бұрын

    I started watching your vids to get text info for GIMP. It looks like to majority of your text vids are through Inkscape. Wasnt familiar w/it. Is it not really a Mac thing? Thats what I have

  • @dotsvg8482

    @dotsvg8482

    6 жыл бұрын

    Inkscape is available for Mac OS X - www.inkscape.org/en/release/0.92.2/