An Example Of When The Measure Tool Comes In Handy | Inkscape Tutorial

This tutorial is a demonstration of how to use the Measure Tool in Inkscape to determine unusual angles and create guides based on them. In this scenario we are creating a vector copy of the Gmail logo. The problem is that the logo uses different angles from the typical 15 degree increments we're used to working with in Inkscape.
There's various workarounds for this, but using the Measure Tool combined with custom angled guides makes for the simplest workflow.
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/
🔗 RESOURCE LINKS
Hire me to design your logo: logosbynick.com
Get 200+ free design templates: freetemplates.design/
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

Пікірлер: 83

  • @rafakordaczek3275
    @rafakordaczek327510 ай бұрын

    I didn't know that rounded corners can be achieved like that. Great video!

  • @lummsmusik3219

    @lummsmusik3219

    10 ай бұрын

    Same for me. Thx!

  • @superglox

    @superglox

    10 ай бұрын

    same for me...

  • @SteveMacSticky

    @SteveMacSticky

    10 ай бұрын

    Yeah, it's been there a while as a live path effect, but in the last update inkscape put a button on the toolbar for that function to make it more accessible to users

  • @JosueMartinez-ww1vj

    @JosueMartinez-ww1vj

    10 ай бұрын

    same for me

  • @adfasfuiuiui1056

    @adfasfuiuiui1056

    10 ай бұрын

    It's a new feature in version 1.3.

  • @rajendrameena150
    @rajendrameena15010 ай бұрын

    the shape builder tool can be used also to quickly split different shapes because it can also make seperate object by just click on any part instead of dragging, anyway we do whatever comes in mind first. it will also help to promote the use of shape builder tool which is new in inkscape. Also i want to share a very important trick that will help while working on rotated object because as you rotate the rectangle. you will no longer have access to x and y direction of object, this problem in 3d program is tackled by defining local pivot of the object starting from object creation. anyway, to solve this issue just create a clone copy by pressing "Alt+D" and then rotate the duplicate copy and place in the desired position. now you can edit the original object and the changes will be reflect on clone.

  • @LogosByNick

    @LogosByNick

    10 ай бұрын

    Love the clone idea, very clever

  • @geoffphil

    @geoffphil

    10 ай бұрын

    Great idea. Thanks.

  • @rajendrameena150

    @rajendrameena150

    10 ай бұрын

    @@LogosByNick if so please share in the community, i dont have enough audience.

  • @Praisse

    @Praisse

    10 ай бұрын

    ​@@LogosByNickHello, thank you for the tutorial. Please can make a tutorial on the new colour swatches feature. It'll be really helpful. 🤞

  • @marclotter1718
    @marclotter17188 ай бұрын

    Your videos have had such an impact on my career. I have no tertiary design education, nor have I the funds to purchase high-end graphic suites. Yet, over the years I have been able to use what you taught me to make a living by designing logos, promotional artwork and website resources. Thank you for doing this, and know, what you are doing has made an impact!

  • @fishbarbeque8540
    @fishbarbeque854010 ай бұрын

    I came for the guide but go blown away with the round corner thing!!!!!

  • @TeddyBearKilla
    @TeddyBearKilla10 ай бұрын

    Another thing that's useful with the measurement tool is you can convert the measurement to an item so you can use it as a layer/guide instead of using guides and use it to snap to. It puts itself on the highest position in a layer also.

  • @hankvana2149
    @hankvana2149Ай бұрын

    Thanks Nick! I'm new to Inkscape and using the program to create vector drawings to drive my CNC router. Dimensions are important! Your clear explanations and descriptions of working in Inkscape just earned you another subscription. I'll be binge-watching all of your videos! Cheers!

  • @thewalkingjuju
    @thewalkingjuju10 ай бұрын

    Nick, I'm sure you can imagine how long this took me, before v1.3, just using the design shapes as a curiosity exercise! Thank you, for making this tutorial, and showing us exactly how to make guides, a specific angle! That alone, is an extremely important detail! 🤓

  • @ninjaspeedone
    @ninjaspeedone10 ай бұрын

    Another great tutorial. I wish everyone explained what they are doing as well as you do Nick.

  • @Grant_S_M
    @Grant_S_M10 ай бұрын

    Excellent tutorial, Nick. Thank you!

  • @iamavegetable1936
    @iamavegetable193610 ай бұрын

    Excellent. Clear, efficient, very basic logo, but lot of tip & tricks helps make it faster and right to the point. Thanks a lot!

  • @matheusdasilva1
    @matheusdasilva110 ай бұрын

    Nick is a GOAT of Inkscape!!!

  • @ErikScott128
    @ErikScott12810 ай бұрын

    If your goal is to place a guide to match a bitmap image, you can also accomplish this by simply dragging down a guide and placing the guide handle on the desired line, and then rotating the guide about that handle by clicking and dragging while holding Shift. I do this kind of thing a lot, though I'm often snapping the guide to the intersection of other guides (I tend to use a lot of guides). Because I like nice numbers, If I'm free-handing it, I'll often tweak the guide's rotation value to a nice number; in this example, I would have set it to 37 degrees, which would appear to be the "intended" angle. If you're trying to show off the measurement tool, there are better examples, at least in my opinion. Inkscape's measurement tool is absolutely fantastic and diving into it could easily be its own video. One of my favorite uses is determining dimensions from an imported PDF document. Oftentimes I'm trying to reverse-engineer something in CAD and all I have to work from is a PDF document with a vector drawing of the part with a few key dimensions. If the drawing was obviously generated using a 3D CAD program, it can be really useful to use the measurement tool to determine the dimensions of other features of the object. This will help me to re-create the part accurately in 3D for use in assemblies. Probably not a common task for a logo designer, but I thought I'd share. One of the best aspects of the measurement tool is that it will show the dimensions between each stroke the measurement line crosses. Really good for determining the spacing of several parallel lines. The ability to seat a scale independent of the document units and scale is very useful too.

  • @geoffphil
    @geoffphil10 ай бұрын

    Great video thanks Nick. The fracture and rounded corner commands are very useful.

  • @mdossiou
    @mdossiou10 ай бұрын

    Excellent tool!!!! Excellent video!!!!

  • @adaum79
    @adaum795 ай бұрын

    Congratulations Nick. As always, an incredible class.

  • @GraphicdesignforFree
    @GraphicdesignforFree10 ай бұрын

    Also, the new corners LPE is really amazing, thanks!

  • @Dexter101x
    @Dexter101x10 ай бұрын

    Shockingly simple as that, wow. Nice one Nick

  • @kartik7775
    @kartik777510 ай бұрын

    Thank you!

  • @cekuhnen
    @cekuhnen10 ай бұрын

    Really nice tutorial.

  • @Emily-qn5cz
    @Emily-qn5cz10 ай бұрын

    Thank you!! 😄🤗

  • @spsf64
    @spsf6410 ай бұрын

    Wow! Great video, thanks.

  • @GraphicDesignStudio
    @GraphicDesignStudio10 ай бұрын

    Great tips and tricks by nick.

  • @user-fs5eo4sn2w
    @user-fs5eo4sn2w9 ай бұрын

    Thank you very much for making this amazing tutorial!

  • @diecastchaser164
    @diecastchaser16410 ай бұрын

    Thanks once again Nick ! Another great tutorial!

  • @lucianocarneiro5962
    @lucianocarneiro596210 ай бұрын

    Thanx Nick... great video as always!

  • @hackerghost9976
    @hackerghost997610 ай бұрын

    Nice video , thanks Nick 👍💯

  • @RyanAlanOne
    @RyanAlanOne10 ай бұрын

    I didn't know that you could angle guides. 🤯 thanks!

  • @chinleybrewer
    @chinleybrewer10 ай бұрын

    Really useful video, thank you 😎

  • @lingua83
    @lingua83Ай бұрын

    You're golden 😇🏆🥇

  • @stephanspiller9877
    @stephanspiller987710 ай бұрын

    Dude is awesome

  • @hipflipped
    @hipflipped10 ай бұрын

    While I greatly appreciate the focus on the measuring tool (I learned something) the best use case to convert this logo would be the trace bitmap tool. I tried it and got a great result in about 30 seconds, followed by about a minute to clean it up.

  • @theamateurwithaccess

    @theamateurwithaccess

    10 ай бұрын

    This video is an exercise that is meant to teach people how to use the tools available within Inkscape to achieve a predictable result. The Trace Bitmap function in Inkscape won't always be the best option. The original image that needs to be converted may be a polished pencil drawing on a napkin. Or the original may be from an old comic book where the halftone pattern and pixelation would make getting clean lines from tracing difficult. It is always a good idea to learn the problem-solving methods that make finishing jobs possible when one-click methods won't produce the desired result.

  • @kairu_b
    @kairu_b5 ай бұрын

    Very handy

  • @Stratelier
    @Stratelier9 ай бұрын

    One alternative method to eyeball the angle of the M is to create a rectangle whose corners match the center of the M, then (instead of rotating) _skew_ it upwards until the angle matches.

  • @hammerheadcorvette4
    @hammerheadcorvette44 ай бұрын

    🤯🤯🤯 5:21 LPE' are pretty amazing in Inkscape.

  • @ishmadrad
    @ishmadrad10 ай бұрын

    Nice, you used lot of last versions tools available. Totally intentional, I suppose. Great way to teach Inkscape to everyone. Kudos.

  • @StephenBoyd21
    @StephenBoyd2110 ай бұрын

    I didn't even realise that there was a measurement tool. No doubt I'll find that handy in the future.

  • @ieatnoodls
    @ieatnoodls10 ай бұрын

    Quick interesting tip: When click and dragging the colour picker tool you can select a middle colour from a range of pixels. This might be helpful to account for inaccuracies in raster images when copying the colour. Also I have a short question: In the end result at 7:23 you can see that there are some seems between the sections and it looks a lot "harsher" than the original raster. Is there a way to make it look smooth in the Export?

  • @neochua7987
    @neochua798710 ай бұрын

    wow!

  • @AEX-rk4lg
    @AEX-rk4lg10 ай бұрын

    Great tutorial, thank you for sharing your knowledge :) could you please do a video about perspective transformation of bitmap images in inkscape?

  • @LogosByNick

    @LogosByNick

    10 ай бұрын

    Inkscape can't do that. You'll need GIMP for that.

  • @TriVoxel
    @TriVoxel2 ай бұрын

    Thanks, Nick! Wow! The Inkscape tool set just keeps getting better! The new corners LPE tool is gonna rock my world now that I know about it! Side note: when you were mentioning keyboard shortcuts at the end of the video, I was expecting F1, F7, etc. I'm surprised they changed it and added the letters for the tool shortcuts, or was it always this way?

  • @doctormo
    @doctormo10 ай бұрын

    There's a slightly better way to make the guides. Don't measure anything, show the rulers, pull from the left side of the ruler, pulling towards the bottom right, it'll make a 45 degree guide. Move the cursor until you are over one end of the M line. Next, while holding shift, drag a different part of the line, this will rotate it instead of moving it. You can then move the cursor over the oposite end of the M line. Your guide will now be the right angle. Unfortunately there's no quick way to duplicate it.

  • @GraphicdesignforFree

    @GraphicdesignforFree

    10 ай бұрын

    Control-drag lets you reposition the guide's rotation point, without moving the guide :)

  • @romansil

    @romansil

    10 ай бұрын

    @doctormo it would be handy here if we can duplicate guides with hitting space during dragging. Like with the select tool on normal objects.

  • @GraphicDesignStudio

    @GraphicDesignStudio

    10 ай бұрын

    thanks for the guide

  • @GR4B0VZKY
    @GR4B0VZKY10 ай бұрын

    im not really using inkscape, but its still cool

  • @telsnt
    @telsnt10 ай бұрын

    Great tutorial! Please, could you tell me what's the tool you're using to show the shortcuts on the screen?

  • @LogosByNick

    @LogosByNick

    10 ай бұрын

    It's called Keycastr. It's free and open source just like Inkscape, but only for Mac iirc

  • @SBleaves
    @SBleaves9 ай бұрын

    Are there a mate actions like in CAD apps ?

  • @karimishaahin
    @karimishaahin10 ай бұрын

    Interesting, tried your tutorial and got same result.

  • @EmrahUncu
    @EmrahUncu10 ай бұрын

    Which version do you use? I use 1.1 .

  • @JustinShaw
    @JustinShaw10 ай бұрын

    Thank you for the tutorial! Unfortunatly, I don't see the "path->fracture" command in my version of inkscape 1.2 running on linux... any suggestions or alternatives?

  • @JustinShaw

    @JustinShaw

    10 ай бұрын

    Upgraded to Inkspape 1.3 and fixed the problem! Please disregard.😅

  • @talk2devid
    @talk2devid10 ай бұрын

    Sir, Please create a old comics recolor tutorial in inkscape using Trace tool. Also, Is it possible to achieve colors like Midjourney using Inskcape?

  • @dennyskerb4992
    @dennyskerb499210 ай бұрын

    👍👍

  • @murdakajhonta
    @murdakajhonta10 ай бұрын

    a few things i want to know... i think that you should have used 37 degrees to redo that, but if not, i also want to know how to do the rounded corner thing without freehanding, is there a way to do that with a specific value?

  • @LogosByNick

    @LogosByNick

    10 ай бұрын

    If you use the Corners path effect instead I believe you can round the corners using numerical inputs

  • @evanphi

    @evanphi

    3 ай бұрын

    If you Shift+Click on the LPE Corner handle you can input the desired value for the corner fillet/rad/etc....

  • @pedrovidal5
    @pedrovidal59 ай бұрын

    I don`t have the paths "Fracture" and "Flatten" in my inkscape V1.2. This is V1.3? Thank you.

  • @jinggacolor5239
    @jinggacolor523910 ай бұрын

    help im making text path -object to path ungroup nothing happened in 1.3 inkscape. in 1.1 ithe text can slpit

  • @amrtrea6325
    @amrtrea632510 ай бұрын

    How long it takes to make this video?

  • @Grant_S_M

    @Grant_S_M

    10 ай бұрын

    He recreated the logo in real time. Editing a video like this can take several hours.

  • @byronwatkins2565
    @byronwatkins256510 ай бұрын

    I predict that 37 degrees is google's angle. First, there is a finite separation between the image's pixels and your video monitor's pixels making angle adjustments necessarily discrete. Second, I doubt whether the google designer cares about any difference between 37 deg. and 36.95 deg. Third, I doubt whether humans would notice the difference. We must always keep in mind that all measurements have a tolerance due to the measuring tool's limitations.

  • @EdwardRestrepo
    @EdwardRestrepo10 ай бұрын

    Hi Nick,i have a quiestion,i know it has nothing to be with the video,but I've been having problems when i create texts,"create text-object to path-ungroup",it doesn't ungroup the text either is the ungroup button,"object-ungroup" or the short cut.¿could it be a problem with the program,with the latest update?.thanks.

  • @CTRL_SMarcos

    @CTRL_SMarcos

    10 ай бұрын

    Hi. In version 1.3 this behavior has changed. Now when converting text to path it will not create a group, it will be all united. To create individual letters, use path/split path after conversion.

  • @EdwardRestrepo

    @EdwardRestrepo

    10 ай бұрын

    @@CTRL_SMarcos thank you very much.

  • @user-jn6me2dg3y
    @user-jn6me2dg3y6 ай бұрын

    fracture tool is not showing how to achive it

  • @Dark_Knightro
    @Dark_Knightro10 ай бұрын

    Crazy how I am watching this and I still have not updated to 1.3 lol

  • @bokunochannel84207
    @bokunochannel8420710 ай бұрын

    hm... idk that you can rotate a guide line.

  • @MarkFraserWeather
    @MarkFraserWeather10 ай бұрын

    That measurement is thirty-six point nine five. You shouldn't say tens or hundreds for digits to the right of the decimal point.

  • @ieatnoodls
    @ieatnoodls10 ай бұрын

    2:23 This button placement is terrible haha

  • @ryan_cowan
    @ryan_cowan10 ай бұрын

    I'm such a caveman

  • @sunilchristian3430
    @sunilchristian343010 ай бұрын

    Thank you!