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

  Рет қаралды 24,572

Logos By Nick

Logos By Nick

Күн бұрын

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
@rafakordaczek3275 10 ай бұрын
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.
@marclotter1718
@marclotter1718 8 ай бұрын
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
@fishbarbeque8540 10 ай бұрын
I came for the guide but go blown away with the round corner thing!!!!!
@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!
@rajendrameena150
@rajendrameena150 10 ай бұрын
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. 🤞
@ninjaspeedone
@ninjaspeedone 10 ай бұрын
Another great tutorial. I wish everyone explained what they are doing as well as you do Nick.
@TeddyBearKilla
@TeddyBearKilla 10 ай бұрын
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.
@Grant_S_M
@Grant_S_M 10 ай бұрын
Excellent tutorial, Nick. Thank you!
@thewalkingjuju
@thewalkingjuju 10 ай бұрын
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! 🤓
@cekuhnen
@cekuhnen 10 ай бұрын
Really nice tutorial.
@mdossiou
@mdossiou 10 ай бұрын
Excellent tool!!!! Excellent video!!!!
@matheusdasilva1
@matheusdasilva1 10 ай бұрын
Nick is a GOAT of Inkscape!!!
@GraphicdesignforFree
@GraphicdesignforFree 10 ай бұрын
Also, the new corners LPE is really amazing, thanks!
@GraphicDesignStudio
@GraphicDesignStudio 10 ай бұрын
Great tips and tricks by nick.
@ErikScott128
@ErikScott128 10 ай бұрын
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.
@Emily-qn5cz
@Emily-qn5cz 10 ай бұрын
Thank you!! 😄🤗
@geoffphil
@geoffphil 10 ай бұрын
Great video thanks Nick. The fracture and rounded corner commands are very useful.
@iamavegetable1936
@iamavegetable1936 10 ай бұрын
Excellent. Clear, efficient, very basic logo, but lot of tip & tricks helps make it faster and right to the point. Thanks a lot!
@spsf64
@spsf64 10 ай бұрын
Wow! Great video, thanks.
@adaum79
@adaum79 5 ай бұрын
Congratulations Nick. As always, an incredible class.
@kartik7775
@kartik7775 10 ай бұрын
Thank you!
@Dexter101x
@Dexter101x 10 ай бұрын
Shockingly simple as that, wow. Nice one Nick
@RyanAlanOne
@RyanAlanOne 10 ай бұрын
I didn't know that you could angle guides. 🤯 thanks!
@diecastchaser164
@diecastchaser164 10 ай бұрын
Thanks once again Nick ! Another great tutorial!
@hackerghost9976
@hackerghost9976 10 ай бұрын
Nice video , thanks Nick 👍💯
@lucianocarneiro5962
@lucianocarneiro5962 10 ай бұрын
Thanx Nick... great video as always!
@user-fs5eo4sn2w
@user-fs5eo4sn2w 9 ай бұрын
Thank you very much for making this amazing tutorial!
@chinleybrewer
@chinleybrewer 10 ай бұрын
Really useful video, thank you 😎
@Stratelier
@Stratelier 9 ай бұрын
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.
@ieatnoodls
@ieatnoodls 10 ай бұрын
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?
@TriVoxel
@TriVoxel 2 ай бұрын
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?
@ishmadrad
@ishmadrad 10 ай бұрын
Nice, you used lot of last versions tools available. Totally intentional, I suppose. Great way to teach Inkscape to everyone. Kudos.
@StephenBoyd21
@StephenBoyd21 10 ай бұрын
I didn't even realise that there was a measurement tool. No doubt I'll find that handy in the future.
@lingua83
@lingua83 Ай бұрын
You're golden 😇🏆🥇
@hipflipped
@hipflipped 10 ай бұрын
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.
@stephanspiller9877
@stephanspiller9877 10 ай бұрын
Dude is awesome
@hammerheadcorvette4
@hammerheadcorvette4 4 ай бұрын
🤯🤯🤯 5:21 LPE' are pretty amazing in Inkscape.
@AEX-rk4lg
@AEX-rk4lg 10 ай бұрын
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.
@kairu_b
@kairu_b 5 ай бұрын
Very handy
@telsnt
@telsnt 10 ай бұрын
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
@JustinShaw
@JustinShaw 10 ай бұрын
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.😅
@SBleaves
@SBleaves 9 ай бұрын
Are there a mate actions like in CAD apps ?
@talk2devid
@talk2devid 10 ай бұрын
Sir, Please create a old comics recolor tutorial in inkscape using Trace tool. Also, Is it possible to achieve colors like Midjourney using Inskcape?
@murdakajhonta
@murdakajhonta 10 ай бұрын
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....
@GR4B0VZKY
@GR4B0VZKY 10 ай бұрын
im not really using inkscape, but its still cool
@neochua7987
@neochua7987 10 ай бұрын
wow!
@karimishaahin
@karimishaahin 10 ай бұрын
Interesting, tried your tutorial and got same result.
@EmrahUncu
@EmrahUncu 10 ай бұрын
Which version do you use? I use 1.1 .
@doctormo
@doctormo 10 ай бұрын
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
@pedrovidal5
@pedrovidal5 9 ай бұрын
I don`t have the paths "Fracture" and "Flatten" in my inkscape V1.2. This is V1.3? Thank you.
@jinggacolor5239
@jinggacolor5239 10 ай бұрын
help im making text path -object to path ungroup nothing happened in 1.3 inkscape. in 1.1 ithe text can slpit
@EdwardRestrepo
@EdwardRestrepo 10 ай бұрын
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.
@dennyskerb4992
@dennyskerb4992 10 ай бұрын
👍👍
@amrtrea6325
@amrtrea6325 10 ай бұрын
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.
@Dark_Knightro
@Dark_Knightro 10 ай бұрын
Crazy how I am watching this and I still have not updated to 1.3 lol
@byronwatkins2565
@byronwatkins2565 10 ай бұрын
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.
@user-jn6me2dg3y
@user-jn6me2dg3y 6 ай бұрын
fracture tool is not showing how to achive it
@bokunochannel84207
@bokunochannel84207 10 ай бұрын
hm... idk that you can rotate a guide line.
@MarkFraserWeather
@MarkFraserWeather 10 ай бұрын
That measurement is thirty-six point nine five. You shouldn't say tens or hundreds for digits to the right of the decimal point.
@ryan_cowan
@ryan_cowan 10 ай бұрын
I'm such a caveman
@ieatnoodls
@ieatnoodls 10 ай бұрын
2:23 This button placement is terrible haha
@sunilchristian3430
@sunilchristian3430 10 ай бұрын
Thank you!
5 Things Inkscape Can Do That Illustrator Can't
12:26
Logos By Nick
Рет қаралды 72 М.
How To Create Gradient Meshes In Inkscape
14:37
Logos By Nick
Рет қаралды 19 М.
버블티로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 110 МЛН
DO YOU HAVE FRIENDS LIKE THIS?
00:17
dednahype
Рет қаралды 81 МЛН
路飞被小孩吓到了#海贼王#路飞
00:41
路飞与唐舞桐
Рет қаралды 39 МЛН
10 Hidden Secrets In Inkscape That Will Improve Your Workflow
7:09
Logos By Nick
Рет қаралды 154 М.
Using The Spiral Tool To Make Unique Shapes | Inkscape Tutorial
11:37
Inkscape Notan Art | Step By Step Guide
16:41
Inkscape Art With Tom
Рет қаралды 774
Illustrator VS Inkscape: A Complete Comparison
15:05
Logos By Nick
Рет қаралды 495 М.
NODE & PEN TOOLS - A Marriage Made In Heaven For INKSCAPE
19:15
Button Press Graphics
Рет қаралды 776
Inkscape Cutout Pop Out Effect: Easy Masking and Clipping Tutorial
5:28
5 AWESOME Path Effects You Should Be Using in Inkscape
6:37
Sweater Cat Designs
Рет қаралды 25 М.
Inkscape vs GIMP: Complete Comparison for New Users
10:50
Logos By Nick
Рет қаралды 186 М.
Inkscape Tutorial: Rocket Logo Design
20:44
Logos By Nick
Рет қаралды 65 М.
Monogram Logo with Shape Builder Tool in Inkscape
13:17
Zakey Design
Рет қаралды 1,7 М.
버블티로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 110 МЛН