Custom Text Treatment for Logo Designs | Inkscape Tutorial

Sdílet
Vložit
  • čas přidán 23. 07. 2024
  • In this tutorial I’ll be demonstrating how you can use Inkscape to give your logo designs a custom text treatment where the letters overlap each other. This can make your logo designs look more personalized than they would if you just used a stock font as-is.
    This lesson will also introduce a new feature from Inkscape 1.0, which is the Offset live path effect, so make sure to download version 1.0 before continuing on with this tutorial. You can learn more about some of the new features in another video I made about it.
    If you want to learn more about logo design, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them: logosbynick.com/learn/
    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/
    Intro song: "In Da Mood" by Combustibles, used with written permission

Komentáře • 119

  • @rexnihilum7822
    @rexnihilum7822 Před 4 lety +27

    I don't even work in graphic design or study it but these videos are just so fun to watch

  • @marto7357
    @marto7357 Před 4 lety +42

    Thank you for helping all of us, and showing what incredible tools that exist for free.

  • @ChaoticBean794
    @ChaoticBean794 Před 4 lety +9

    Yo, I'm liking these constant uploads

  • @thingsiplay
    @thingsiplay Před 4 lety +1

    You blew my mind away again. You are really incredible and thank you for all the tutorials.

  • @tommycofield7434
    @tommycofield7434 Před 4 lety +1

    You the man Nick! Appreciate your time and patience!

  • @malphusmclerius9455
    @malphusmclerius9455 Před 4 lety

    Hey nick, thank you so much for your guides, I've found them very helpful for learning about graphic design for the first time.

  • @limegreen92
    @limegreen92 Před 4 lety +21

    i forgot about offset. i've tried something similar with strokes and this method seems much easier

    • @LogosByNick
      @LogosByNick  Před 4 lety +5

      Yup. That's how I used to do this sort of thing before this new path effect was introduced.

    • @joshseaton591
      @joshseaton591 Před 4 lety

      @@LogosByNick I DONT SEE OFFSET IN PATH EFFECTS. ARE YOU USING 1.0?

    • @amirudinaffandi7606
      @amirudinaffandi7606 Před 4 lety

      @@joshseaton591 yea

  • @funkysod
    @funkysod Před 4 lety

    Always worth watching! Thanks.

  • @IsaacBTTF
    @IsaacBTTF Před 4 lety

    Thanks for this tutorial Nick. I really need to try this offset feature.

  • @adisadis1221
    @adisadis1221 Před 4 lety

    Awesome content like always, you are very good at teaching and explaining, easy to follow. Keep up with good work

  • @amandaprentice8168
    @amandaprentice8168 Před 4 lety

    Thank you nick for the hard work you put into these videos please keep up the amazing job. also anyone that can take his master class its worth every penny.

  • @evilhenchman2
    @evilhenchman2 Před 4 lety

    Another awesome tutorial!

  • @haldarnitish
    @haldarnitish Před 4 lety

    Thanks. I have a really old pc. And now learning exciting fun things regularly.

  • @user-cb7uh6ff6l
    @user-cb7uh6ff6l Před 4 lety

    F•A•N•T•A•S•T•I•C ! _THANK YOU!_

  • @Lil.Yahmeaner
    @Lil.Yahmeaner Před 4 lety

    Thank you so much for this, I remember awhile ago trying to do something similar.

  • @CristianPozzessere
    @CristianPozzessere Před 4 lety

    You are a great artist Nick.

  • @clintonmwangi6707
    @clintonmwangi6707 Před 3 lety

    this was extremely simple, thank you

  • @deesnuts5960
    @deesnuts5960 Před rokem +1

    very cool thanks!

  •  Před 4 lety

    Amazing! Thanks.

  • @noormahmood7512
    @noormahmood7512 Před 4 lety

    Your are talented, thanks for sharing your videos

  • @homedevices8298
    @homedevices8298 Před 4 lety

    Sir, You Are Awesome!!!

  • @cyn1x
    @cyn1x Před 2 lety

    Thanks, this is awesome.

  • @tushargola03
    @tushargola03 Před 4 lety +1

    i was just gonna start making one for my group
    now imma learn something good

  • @stunninglife5086
    @stunninglife5086 Před 4 lety

    Thanks for the tutorial😊

  • @jamesT008
    @jamesT008 Před 2 lety

    U r a Gem!

  • @ngucoco9152
    @ngucoco9152 Před 4 lety

    Sir I just want to say thank you I have learned so much from you so much. I started a gaming channel and I’m impress with the results thank you for your help I subscribed 💯💯

  • @CallFor911
    @CallFor911 Před 2 lety

    Iove your videos! Helped me a lot to understand how vector graphic works. Now I need to come back since GT7 for the Playstation will have again the option to create your own liveries.
    Thanks mate! See you around.

  • @dataloting
    @dataloting Před 4 lety

    Excellent tutorial! - You can combine Offset with Boolean Operators to make a completely non-destructive text logo!

  • @EvandroPastor
    @EvandroPastor Před 4 lety

    Great how to, as aways. Thanks for the video. :D

  • @mapelsiroup5604
    @mapelsiroup5604 Před 4 lety +1

    nice i needed that ;)

  • @srmatic
    @srmatic Před 4 lety

    Great, I learned something new ;)

  • @joeloveslinux
    @joeloveslinux Před 4 lety

    Great. Good idea!

  • @dubaigeek1988
    @dubaigeek1988 Před 4 lety

    This is very helpful

  • @dennyskerb4992
    @dennyskerb4992 Před 4 lety

    Thank you again

  • @Sicnus
    @Sicnus Před 3 lety

    Been a long time watcher nick... subbed a couple of years ago... Really love your work. I'll try and add more comments as that seems to be some metric that YT uses? Anyway. Love it! ;)

  • @horizon.amv06
    @horizon.amv06 Před 4 lety

    thank you very much

  • @sunilchristian3430
    @sunilchristian3430 Před 4 lety +7

    I also have started using Offset. But, still, sometimes, I habitually use the old trick with Duplicate-Stroke-Break apart-Union!

    • @LogosByNick
      @LogosByNick  Před 4 lety

      Same here. I keep forgetting it's there.

  • @bobbonham4823
    @bobbonham4823 Před 4 lety

    Thanks!

  • @lazenbytim
    @lazenbytim Před 4 lety

    This guy is the dogs doo das..... awesome tutorials no faf, just the meat in the bun. Thanks Nick!

  • @thebrahmnicboy
    @thebrahmnicboy Před 4 lety +4

    Ah, just want to tell you I appreciate these videos, and I really want to complete your Inkscape masterclass and also the Logo design class.
    I have a question. If I have two symmetrical objects, which are flipped right-left with respect to each other, how do I increase the distance between them uniformly? I mean I have a central point, and I want to move them both equally away from that point.

  • @motivationalmerman1819

    Your videos on Inkscape are really great. I learned a lot from them. Could you please make a video on different types of SVG export options? I am having trouble uploading the SVG files to the Canva. I tried the Optimised SVG options but yet got upload error while uploading it to Canva.

  • @AliHassan-xm3gw
    @AliHassan-xm3gw Před 4 lety

    Awesome tutorial like always. Please make some tutorials with Affinity Designer too.

  • @lawrencedoliveiro9104
    @lawrencedoliveiro9104 Před 4 lety

    2:00 I have the CTRL-mousewheel option flipped, so it zooms without the CTRL key down. I find this much more convenient. I don’t bother using the mousewheel for scrolling, since dragging with the middle mouse button works fine.

  • @Thefaithfulduouk
    @Thefaithfulduouk Před 4 lety

    Thanks so much. Is there any advice on how to do it with B and L? The curves of the B made it hard for me to figure out how to do it. I will keep trying myself in the meantime.

  • @IsaacBTTF
    @IsaacBTTF Před 4 lety

    Hey Nick, do you know if there's a version of the Inset effect (similar to the Outset effect you found in the Path Effects) in which you can insert the amount of inset in pixels? Thanks so much.

  • @richseacrow8048
    @richseacrow8048 Před 4 lety

    Genius...

  • @justnznz
    @justnznz Před 4 lety +2

    Great work, i think it would be better to start giving E an offset to overlap X..to maintain consistent

  • @Ruby-oj5nv
    @Ruby-oj5nv Před 4 lety

    Great

  • @thiagoabreuon
    @thiagoabreuon Před 4 lety +5

    You really liked this new offset effect in Inkscape 1.0 haha
    Really good tutorial. It's pretty simple to understand and to recreate.

  • @TheMaxthesis
    @TheMaxthesis Před 4 lety

    u dang guud

  • @billyhalim1477
    @billyhalim1477 Před 4 lety

    Hello Nick, thanks for all your Inkscape design tutorials. It's awesome. However, I still have one question in my mind. It is about selling Inkscape templates. I know I can sell SVG dan EPS templates. But, how do I ensure that my SVG or EPS templates can be opened in Illustrator without any flaw? Could you please make a tutorial about that? Thanks.

  • @hilalhilo658
    @hilalhilo658 Před rokem

    Woow thank u this help me to create a logo with my name hhh i hope god bless u

  • @undrwateranarchy
    @undrwateranarchy Před 4 lety

    Can this tool be used to perform trapping for screen printing?

  • @hajismael
    @hajismael Před 4 lety

    Do you have a tutorial on mirroring symmetry in inkscape?

    • @BFett-Human
      @BFett-Human Před 4 lety

      I just used mirroring symmetry for the first time on the text. Seems to mirror it pretty well. What exactly were you wanting to see a tutorial of?

  • @69azarel
    @69azarel Před 4 lety

    hellow nick!
    keyboard shortcuts can be changed at will?

    • @LogosByNick
      @LogosByNick  Před 4 lety

      Yes, in Inkscape Preference (control + shift + p)

  • @aldesigns
    @aldesigns Před 4 lety

    I have a question. What will be difference if you used the border or strokes instead of the offset effect?

  • @Emorine
    @Emorine Před rokem +1

    Can I know the difference between path effect offset vs the linked offset? Can linked offset be used to create the same design?

  • @animationcreations42
    @animationcreations42 Před 4 lety +2

    With the X, would it not have been easier to duplicate the first offset before you do the intersection for the E so you don't have to repeat for the A?

    • @LogosByNick
      @LogosByNick  Před 4 lety +3

      Yes, you are correct.

    • @animationcreations42
      @animationcreations42 Před 4 lety +1

      @@LogosByNick thanks, wasn't sure if there was a particular reason to do them separately as haven't had a play with offsets yet

  • @issarukayat5992
    @issarukayat5992 Před 3 lety

    Thank you so much, but i don't have Path on my Adobe illustrator menu

  • @udienelbahr7295
    @udienelbahr7295 Před 3 lety

    what is your icon ? nice video

  • @LucaHeil
    @LucaHeil Před 3 lety

    Could you make a Video where you recreate a logo? In this case I would like to see how you would recreate the logo of Seven Lions or Virtual Riot. For me these types of logos are really complicated to understand how they are made and I would like to have my own logo in this style... Thank you:)

  • @Atezz29
    @Atezz29 Před 24 dny +1

    Hey Nick, i was not able to ungroup the path, the letters were not selectable one by one. I had to use "path-> split path"

  • @Wyrmixx
    @Wyrmixx Před 2 lety

    Is there a particular reason to use offset? What if I just duplicate and scale the object instead?

  • @UmbraVivens94
    @UmbraVivens94 Před 4 lety

    you forgot the music at the end of the video but the title and artist are still credited lol

  • @rogergante9459
    @rogergante9459 Před 4 lety

    will the technique not be affected by copywright?

  • @raisinnotnice
    @raisinnotnice Před 4 lety

    Can anyone help? Whenever I'm making a shape it seems mirrored? Like the ellipse is making some weird shapes like an eye or something. Idk what happened.
    Nevermind, it was just stroke style.

  • @dwilliams21
    @dwilliams21 Před 4 lety

    This might be less an Inkscape how-to and more a designer-brain how-to, but I'd like to know how one might take a fantasy font and make it extra swoopy (more swashes, etc.) for a book title/fantasy series logo...and still make it look good. :) You know, so it's not overdone. I hope you'll consider it for a future vid.

  • @justinbleber482
    @justinbleber482 Před 3 lety

    is microgramma free font for commercial use ?

  • @michaelaxton1446
    @michaelaxton1446 Před 2 lety

    Can this be done in Gimp?

  • @clemasity
    @clemasity Před 4 lety +1

    Is there this darktheme in inkscape 1.0?

    • @BFett-Human
      @BFett-Human Před 4 lety +1

      Yes, it's built into the app. Go to Edit on the toolbar and navigate to the bottom of the list and click Preferences (Shift+CTRL+P), click the arror next to Interface, click Theme, and to the right Change Gtk theme and select HighContrastInverse. Which will give Inkscape a dark theme and you should be good to go.

    • @clemasity
      @clemasity Před 4 lety

      @@BFett-Human Thank you! I tried that, but the windows and sizes was big, I keep trying and I think I got it. Anyway, thank you so much!

  • @FarmersFamily1207
    @FarmersFamily1207 Před 2 lety

    But,i can't get that microgamma font can you give me website's link??

  • @user-sl6ou3qb9l
    @user-sl6ou3qb9l Před 4 lety

    What’s the file size of 1.0?
    I have slow data
    Also, will I lose my saved work if I uninstall 0.92.4 to get the new one?
    I wish there was an update button like apps lol

    • @LogosByNick
      @LogosByNick  Před 4 lety

      I'm not sure about the file size. You won't lose your work though. SVG files will still open just fine. You could also install 1.0 separately and keep both versions. Thays what I've done.

    • @Melmin447
      @Melmin447 Před 4 lety

      @@LogosByNick This may be a dumb question...I want to try 1.0, but not sure if my computer can handle it, so I'll keep the old version just in case, but do I have to first move the older version's program files somewhere else, or is it fine not doing anything with them?

    • @user-sl6ou3qb9l
      @user-sl6ou3qb9l Před 4 lety

      Thanks Nick

    • @gabak9537
      @gabak9537 Před 4 lety

      @@Melmin447 i'm sure you can easy do a backup of old version

  • @keomatherapper
    @keomatherapper Před 5 měsíci +1

    Ungroup didn't work for me (in 2024), so I had to use Path > Split Path.

  • @NicholasCat
    @NicholasCat Před 4 lety

    Your voice sounds like a calmer version of another CZcamsr/ gaming channel called "Union"

  • @Impsucks
    @Impsucks Před 4 lety

    CorelDraw tutorials when? ;P

  • @partyanimals2319
    @partyanimals2319 Před 9 měsíci

    HOW MUCH MUCH WOULD U CHARGE FOR A SVG LOGO???

  • @romasbajoras5884
    @romasbajoras5884 Před 15 hodinami

    When I try to separate the letters "ungroup" seems to do nothing. I tried "split path" and that seems to do the same thing. Am I doing something wrong? Does it do the same thing?

  • @clemasity
    @clemasity Před 4 lety

    Always I start the Inkscape, the object start in 41% opacity. Somebody know how to fix it?

    • @IsaacBTTF
      @IsaacBTTF Před 4 lety +2

      Maybe the last time you created an object you set it to that opacity and Inkscape keeps giving you that same opacity everytime you open it?

    • @BFett-Human
      @BFett-Human Před 4 lety

      @@IsaacBTTF Correct, Inkscape saves the settings which were last used.

    • @clemasity
      @clemasity Před 4 lety

      @@IsaacBTTF Yeah, I got a lot of hard problem to fix, but I persist and I got. Thanks anyway!

  • @Animfinity
    @Animfinity Před 4 lety

    sir please its a humble request can you please provide a tutorial about how to create 2d character or avatars in inkscape i am trying very hard to find such a tutorial it will be a great help
    please can you upload it
    and can you please tell me that if it is even possible to create 2d characters or avatar in inkscape?
    please sir

  • @craysin1318
    @craysin1318 Před 2 lety

    bruh how can I change the color of the offset

  • @michaelselui6998
    @michaelselui6998 Před 5 měsíci +1

    the ungroup selected groups did not work

  • @hunian1316
    @hunian1316 Před 4 lety

    cannot find offset

    • @LogosByNick
      @LogosByNick  Před 4 lety +1

      It's a new feature in version 1.0. You might have to update the software.

    • @hunian1316
      @hunian1316 Před 4 lety

      @@LogosByNick thank you

  • @vladj2428
    @vladj2428 Před 4 lety

    How weird is it that he doesn’t have to tell us how to get the dark theme at the beginning of every video now lol

  • @stevevivien4431
    @stevevivien4431 Před 10 měsíci +1

    Sorry but that doesn't work, object to path than ungroup nothing. Doesn't separate the text am using inkscape 1.3.

    • @Uncensored6
      @Uncensored6 Před 9 měsíci

      Hey, did you find a way around this already?
      I'm stuck too. v1.3

  • @azmidasril
    @azmidasril Před 4 lety

    the text in the thumbnail has different pronunciation.

  •  Před 4 lety

    It is generally a bad idea to adjust kerning manually. If the font is well made, the font designer carefully adjusted the kerning already. The only thing that should be adjusted is letter spacing.

  • @vaibhavjain4317
    @vaibhavjain4317 Před 4 lety

    Some 2 fools have disliked this video.

  • @cbrnix
    @cbrnix Před 4 lety

    Hey! You say so quickly, as if you are about to finish and board a plane. "Do it this way, this way, that ... Well, that's it, I flew. Bye!" Lol

    • @BFett-Human
      @BFett-Human Před 4 lety

      He's fast but it does seem like he's enjoying himself!

  • @cismifikriyat3940
    @cismifikriyat3940 Před 4 lety +1

    Leart a lot from you.

  • @ErikKoev
    @ErikKoev Před 4 lety

    DISLIKE. I CAN'T FIND THE OBJECT TO PATH BUTTON. 😡😡😡😡😡😡😡😡 Wait no just joking 🙂

    • @Thefaithfulduouk
      @Thefaithfulduouk Před 4 lety

      It's Path - Object to path. Should be the first option on the path menu. Otherwise Shift/Control/C --- Mac: Shift/Command/C