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
I didn't know that rounded corners can be achieved like that. Great video!
@lummsmusik3219
10 ай бұрын
Same for me. Thx!
@superglox
10 ай бұрын
same for me...
@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
10 ай бұрын
same for me
@adfasfuiuiui1056
10 ай бұрын
It's a new feature in version 1.3.
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
10 ай бұрын
Love the clone idea, very clever
@geoffphil
10 ай бұрын
Great idea. Thanks.
@rajendrameena150
10 ай бұрын
@@LogosByNick if so please share in the community, i dont have enough audience.
@Praisse
10 ай бұрын
@@LogosByNickHello, thank you for the tutorial. Please can make a tutorial on the new colour swatches feature. It'll be really helpful. 🤞
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!
I came for the guide but go blown away with the round corner thing!!!!!
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.
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!
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! 🤓
Another great tutorial. I wish everyone explained what they are doing as well as you do Nick.
Excellent tutorial, Nick. Thank you!
Excellent. Clear, efficient, very basic logo, but lot of tip & tricks helps make it faster and right to the point. Thanks a lot!
Nick is a GOAT of Inkscape!!!
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.
Great video thanks Nick. The fracture and rounded corner commands are very useful.
Excellent tool!!!! Excellent video!!!!
Congratulations Nick. As always, an incredible class.
Also, the new corners LPE is really amazing, thanks!
Shockingly simple as that, wow. Nice one Nick
Thank you!
Really nice tutorial.
Thank you!! 😄🤗
Wow! Great video, thanks.
Great tips and tricks by nick.
Thank you very much for making this amazing tutorial!
Thanks once again Nick ! Another great tutorial!
Thanx Nick... great video as always!
Nice video , thanks Nick 👍💯
I didn't know that you could angle guides. 🤯 thanks!
Really useful video, thank you 😎
You're golden 😇🏆🥇
Dude is awesome
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
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.
Very handy
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.
🤯🤯🤯 5:21 LPE' are pretty amazing in Inkscape.
Nice, you used lot of last versions tools available. Totally intentional, I suppose. Great way to teach Inkscape to everyone. Kudos.
I didn't even realise that there was a measurement tool. No doubt I'll find that handy in the future.
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?
wow!
Great tutorial, thank you for sharing your knowledge :) could you please do a video about perspective transformation of bitmap images in inkscape?
@LogosByNick
10 ай бұрын
Inkscape can't do that. You'll need GIMP for that.
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?
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
10 ай бұрын
Control-drag lets you reposition the guide's rotation point, without moving the guide :)
@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
10 ай бұрын
thanks for the guide
im not really using inkscape, but its still cool
Great tutorial! Please, could you tell me what's the tool you're using to show the shortcuts on the screen?
@LogosByNick
10 ай бұрын
It's called Keycastr. It's free and open source just like Inkscape, but only for Mac iirc
Are there a mate actions like in CAD apps ?
Interesting, tried your tutorial and got same result.
Which version do you use? I use 1.1 .
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
10 ай бұрын
Upgraded to Inkspape 1.3 and fixed the problem! Please disregard.😅
Sir, Please create a old comics recolor tutorial in inkscape using Trace tool. Also, Is it possible to achieve colors like Midjourney using Inskcape?
👍👍
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
10 ай бұрын
If you use the Corners path effect instead I believe you can round the corners using numerical inputs
@evanphi
3 ай бұрын
If you Shift+Click on the LPE Corner handle you can input the desired value for the corner fillet/rad/etc....
I don`t have the paths "Fracture" and "Flatten" in my inkscape V1.2. This is V1.3? Thank you.
help im making text path -object to path ungroup nothing happened in 1.3 inkscape. in 1.1 ithe text can slpit
How long it takes to make this video?
@Grant_S_M
10 ай бұрын
He recreated the logo in real time. Editing a video like this can take several hours.
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.
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
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
10 ай бұрын
@@CTRL_SMarcos thank you very much.
fracture tool is not showing how to achive it
Crazy how I am watching this and I still have not updated to 1.3 lol
hm... idk that you can rotate a guide line.
That measurement is thirty-six point nine five. You shouldn't say tens or hundreds for digits to the right of the decimal point.
2:23 This button placement is terrible haha
I'm such a caveman
Thank you!