The Secret To Creating Perfect Outlines In Inkscape

Поділитися
Вставка
  • Опубліковано 1 лис 2023
  • In this tutorial I'll be going over how to apply an outline to text in Inkscape using strokes. The problem with using strokes is that by default, the stroke is applied to the inside of the text, which distorts its appearance. Changing a single setting in the Fill & Stroke menu though can correct that.
    Want to learn more about how Inkscape works? Check out the Inkscape Master Class - a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it's useful: logosbynick.com/inkscape/
    Join my mailing list and get 200+ free design templates: logosbynick.design/
    🔗 RESOURCE LINKS
    Hire me to design your logo: logosbynick.com/hire/
    Get my premium logo templates: logosbynick.store/
    Upgrade to the latest version of Inkscape here: inkscape.org/release/
    🎓 EXPLAINER COURSES
    Inkscape: logosbynick.com/inkscape/
    Affinity Designer: logosbynick.com/affinity-desi...
    GIMP: logosbynick.com/gimp/
    Adobe Illustrator: logosbynick.com/illustrator/
    Take my logo design workshop: logosbynick.com/learn/
    ▶️ MY OTHER CHANNELS
    Adobe & Affinity tutorials: / designmadesimple
    Mobile tutorials: / @make_it_mobile
    🎵 MUSIC USED
    In Da Mood - Combustibles

КОМЕНТАРІ • 54

  • @BarbraManaT
    @BarbraManaT 7 місяців тому +8

    People like you make the world go around. Bless

  • @michaelsalais7393
    @michaelsalais7393 8 місяців тому +3

    I did get confused about the difference between 'outline' and 'stroke'. Excellent tute, Nick.

  • @Reesearoon
    @Reesearoon 8 місяців тому +4

    This is a gold nugget. You have NO idea how much time this will save me, and thanks for making it simple so even I can understand!

  • @dfcastelao
    @dfcastelao 8 місяців тому +5

    Man, have I overlooked that ‘order’ option. Great video! Clear and concise.

  • @michaelsalais7393
    @michaelsalais7393 2 місяці тому +1

    So inspiring. Thanks, Nick!

  • @DanoLefourbe
    @DanoLefourbe 8 місяців тому +2

    Damn, I've been using outlines for years, and never knew that scaling option. Always did it manually... I feel so silly. Thx for the tutorial.

  • @CaramelMood06
    @CaramelMood06 8 місяців тому +4

    Wait what?? I literally went to look for this kind of tutorial in your channel yesterday because I have a task to do that require outlines. Now you posted it??!! Wow, what a coincidence lol. Thank you for this, Nick!

    • @NazmusLabs
      @NazmusLabs 2 місяці тому +1

      No such a thing as a coincidence 😅
      May Allah (S.W.T.) guide you and bestow upon you His Blessings; Ameen.

  • @CelticOneDesign
    @CelticOneDesign 8 місяців тому +1

    That order option is quite important for my uses with markers.

  • @ForgottenDetails
    @ForgottenDetails 8 місяців тому +2

    Excellent lesson Nick! Thank you.

  • @duvanr
    @duvanr 8 місяців тому +2

    Great video...
    Caught me off guard with the change of voice tone on 4:05 lol

  • @adadelavega505
    @adadelavega505 8 місяців тому +4

    I love and apréciate your videos dude plz keep up the good work 🙏

  • @RonNVids
    @RonNVids 8 місяців тому +2

    Yet another great tutorial. Thanks for all the useful content!

  • @MusicalBox
    @MusicalBox 8 місяців тому +1

    Very useful. Thanks Nick!

  • @HDTwiZ
    @HDTwiZ 8 місяців тому +1

    THANK YOU!

  • @diecastchaser164
    @diecastchaser164 8 місяців тому +2

    Another great tip!

  • @kairu_b
    @kairu_b 5 місяців тому +1

    I learned so much, thanks sir

  • @jocargua
    @jocargua 8 місяців тому +1

    Excellent !!!!

  • @StupidRobotFightingLeague
    @StupidRobotFightingLeague 8 місяців тому +1

    Very handy cheers.

  • @gura_dura
    @gura_dura 8 місяців тому +1

    THANK YOUU NICK!!!

  • @AnilAtluriWord
    @AnilAtluriWord 8 місяців тому +1

    Good one! Thank you Nick.

  • @Jojobber
    @Jojobber 8 місяців тому +2

    Thank you.

  • @JohnColgan.
    @JohnColgan. 8 місяців тому +1

    Great alternative to offset, nice trick

  • @pixelrancher
    @pixelrancher 8 місяців тому +2

    Cool. Thanks.

  • @David_Cau
    @David_Cau 8 місяців тому +2

    ❤ simple and effective

  • @ameencoding
    @ameencoding 8 місяців тому +2

    Great work.
    I’ll appreciate if you make a video of how to make custom text logo.

  • @ayazyousaf1929
    @ayazyousaf1929 8 місяців тому +1

    very informative video, 👍

  • @danielespinosa6926
    @danielespinosa6926 8 місяців тому +1

    Brilliant! Tried right now. Perfect. BTW just curious to know what font that is...

    • @LogosByNick
      @LogosByNick  8 місяців тому +1

      It's called Heather Oliver

  • @Byfzstudio
    @Byfzstudio 8 місяців тому +1

    Hi Nick, I know that coreldraw has some features that we can generate agenda files there and I’m wondering if it is possible to do it using Inkscape as well. Do you know anything about that? Thanks

  • @johndoeee888
    @johndoeee888 8 місяців тому

    Hello, what font are you using?? I like it.

  • @AM-jw1lo
    @AM-jw1lo День тому

    Wow i would be interested in how your icons in Fill and Stroke are so large, mine are tiny and i cannot make out shapes of them. Yours are huge compared to what i see.

  • @f0bdollar
    @f0bdollar Місяць тому

    What is the name of the font you're using please?

  • @yacineyacine9552
    @yacineyacine9552 8 місяців тому +1

    Hello Nick. I have a small problem with the text. The next line does not work for me and I cannot move to the next line when I press the enter button. I tried many methods and they did not work. Can you help me?

  • @billyjoeriquez151
    @billyjoeriquez151 8 місяців тому

    Hi Mr.Nick hope you can see this. I'm having a problem in Inkscape why is it crashing? I am using 1.3 version.

  • @mon0theist_tv
    @mon0theist_tv 8 днів тому

    The shift+click to outline doesn't work for me 🤔 doing it from the Stroke menu doesn't work either

  • @kerenferrisandco
    @kerenferrisandco 5 місяців тому

    is there a way to have the white be transparent while maintaining the outline look?

    • @LogosByNick
      @LogosByNick  5 місяців тому +1

      Yes but you would have to convert the stroke to a path, ungroup it, then use the white text to do a "Path > Difference" from the outline.

  • @ItsNish101
    @ItsNish101 8 місяців тому +1

    How did you get your workspace layout like this?

    • @LogosByNick
      @LogosByNick  8 місяців тому

      "Document Properties" Control + Shift + D and change the page color

  • @EdwardRestrepo
    @EdwardRestrepo 8 місяців тому

    Hi,¿what's the name of the font you used in this video?,thanks.

  • @MihaiNeacsu
    @MihaiNeacsu 8 місяців тому +2

    I wonder if you can add two strokes to an object in inkscape :). I have a dotted line, which is a bezier line with no fill and that dotted stroke and I want to add another stroke to it. Right now I transform the stroke to a path, then add a stroke to it, but that's a workaround.

    • @Astronomynatureandmusic
      @Astronomynatureandmusic 8 місяців тому

      What would be your objective?
      Point is, you want to add a stroke to something that's already a stroke. The vector object is a line, so that is not going to have a stroke because a line is mathematically just that: an object with length and curve, but no width. As Inkscape allows you to add width by altering the stroke size, that is what you can get out if it. I'd advise to create a path from the line and work on from there.

    • @MihaiNeacsu
      @MihaiNeacsu 8 місяців тому +1

      Short description of the goal: draw a bezier curve with a double stroke, without using Stroke to path :).
      I'm drawing a bezier curve on top of an image (a map) and I turn fill off and stroke to dashes, let's say yellow. I like that I can modify the curve later on using the nodes of the bezier path. But I also want to add another stroke so the current dashed line will be more visible - this "second stroke" would be 1-2px black for example. What I am doing right now is making the dashed curve/line, turn it into a path using Stroke to Path, then add stroke to it again. It works fine but at the end I can no longer reposition the curve/line using the initial nodes of the bezier curve. As a workaround, before using Stroke to Path, I duplicate the bezier curve and keep one as a backup in case I need to move the nodes later on.
      I looked at Path Effects and Extensions for a way to simulate a second stroke on a Bezier curve and couldn't find anything, but I have not looked extensively :).

    • @LogosByNick
      @LogosByNick  8 місяців тому

      In Inkscape it's not possible unless you make a duplicate copy and make the stroke larger so that it appears to be a second stroke, or another way would be converting the stroke to a path as you mentioned.

    • @MihaiNeacsu
      @MihaiNeacsu 8 місяців тому

      I don't think the first method works in my scenario. I would have preferred that. I have a dashed line created with the bezier pen, no fill, dashed stroke. To it, I wish to add another stroke, so basically outlines around each dash. And keep the nodes from the original bezier line :)

    • @Astronomynatureandmusic
      @Astronomynatureandmusic 8 місяців тому +1

      @@MihaiNeacsu All right, now you have two similar answers: it is not possible :)

  • @veryrudeguy
    @veryrudeguy 22 дні тому

    Struggling to fill the holes in letters like A O e those small holes dont want to fill in. Not only that it gives some random white/transparent artifacts around things like "."

  • @ahmadsyaoqi1034
    @ahmadsyaoqi1034 7 місяців тому

    but how with logo with multiple shape?

  • @bertusattila
    @bertusattila 8 місяців тому

    ❤❤❤

  • @theresalimas4717
    @theresalimas4717 Місяць тому

    This did not work for me when I selected the word then shift and color nothing happened. I’m not the most computer friendly but that was pretty easy instructions and it didn’t work 😢

  • @realchrisma
    @realchrisma 7 місяців тому +3

    Inkscape would earn more users if they made these settings default.

  • @euansmith3699
    @euansmith3699 8 місяців тому

    Say, WHAAAAAAAAT! 😲