Тёмный

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

Logos By Nick
Подписаться 483 тыс.
Просмотров 24 тыс.
50% 1

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

Опубликовано:

 

11 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 83   
@rafakordaczek3275
@rafakordaczek3275 9 месяцев назад
I didn't know that rounded corners can be achieved like that. Great video!
@lummsmusik3219
@lummsmusik3219 9 месяцев назад
Same for me. Thx!
@superglox
@superglox 9 месяцев назад
same for me...
@SteveMacSticky
@SteveMacSticky 9 месяцев назад
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 9 месяцев назад
same for me
@adfasfuiuiui1056
@adfasfuiuiui1056 9 месяцев назад
It's a new feature in version 1.3.
@hankvana2149
@hankvana2149 4 дня назад
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!
@marclotter1718
@marclotter1718 7 месяцев назад
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!
@rajendrameena150
@rajendrameena150 9 месяцев назад
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 9 месяцев назад
Love the clone idea, very clever
@geoffphil
@geoffphil 9 месяцев назад
Great idea. Thanks.
@rajendrameena150
@rajendrameena150 9 месяцев назад
@@LogosByNick if so please share in the community, i dont have enough audience.
@Praisse
@Praisse 9 месяцев назад
​@@LogosByNickHello, thank you for the tutorial. Please can make a tutorial on the new colour swatches feature. It'll be really helpful. 🤞
@TeddyBearKilla
@TeddyBearKilla 9 месяцев назад
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.
@ninjaspeedone
@ninjaspeedone 9 месяцев назад
Another great tutorial. I wish everyone explained what they are doing as well as you do Nick.
@fishbarbeque8540
@fishbarbeque8540 9 месяцев назад
I came for the guide but go blown away with the round corner thing!!!!!
@thewalkingjuju
@thewalkingjuju 9 месяцев назад
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! 🤓
@mdossiou
@mdossiou 9 месяцев назад
Excellent tool!!!! Excellent video!!!!
@garmar704
@garmar704 9 месяцев назад
Excellent tutorial, Nick. Thank you!
@GraphicDesignStudio
@GraphicDesignStudio 9 месяцев назад
Great tips and tricks by nick.
@cekuhnen
@cekuhnen 9 месяцев назад
Really nice tutorial.
@Emily-qn5cz
@Emily-qn5cz 9 месяцев назад
Thank you!! 😄🤗
@spsf64
@spsf64 9 месяцев назад
Wow! Great video, thanks.
@matheusdasilva1
@matheusdasilva1 9 месяцев назад
Nick is a GOAT of Inkscape!!!
@kartik7775
@kartik7775 9 месяцев назад
Thank you!
@iamavegetable1936
@iamavegetable1936 9 месяцев назад
Excellent. Clear, efficient, very basic logo, but lot of tip & tricks helps make it faster and right to the point. Thanks a lot!
@GraphicdesignforFree
@GraphicdesignforFree 9 месяцев назад
Also, the new corners LPE is really amazing, thanks!
@Dexter101x
@Dexter101x 9 месяцев назад
Shockingly simple as that, wow. Nice one Nick
@geoffphil
@geoffphil 9 месяцев назад
Great video thanks Nick. The fracture and rounded corner commands are very useful.
@adaum79
@adaum79 5 месяцев назад
Congratulations Nick. As always, an incredible class.
@ErikScott128
@ErikScott128 9 месяцев назад
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.
@user-fs5eo4sn2w
@user-fs5eo4sn2w 8 месяцев назад
Thank you very much for making this amazing tutorial!
@lucianocarneiro5962
@lucianocarneiro5962 9 месяцев назад
Thanx Nick... great video as always!
@hackerghost9976
@hackerghost9976 9 месяцев назад
Nice video , thanks Nick 👍💯
@diecastchaser164
@diecastchaser164 9 месяцев назад
Thanks once again Nick ! Another great tutorial!
@TriVoxel
@TriVoxel Месяц назад
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?
@RyanAlanOne
@RyanAlanOne 9 месяцев назад
I didn't know that you could angle guides. 🤯 thanks!
@chinleybrewer
@chinleybrewer 9 месяцев назад
Really useful video, thank you 😎
@lingua83
@lingua83 23 дня назад
You're golden 😇🏆🥇
@hammerheadcorvette4
@hammerheadcorvette4 3 месяца назад
🤯🤯🤯 5:21 LPE' are pretty amazing in Inkscape.
@ishmadrad
@ishmadrad 9 месяцев назад
Nice, you used lot of last versions tools available. Totally intentional, I suppose. Great way to teach Inkscape to everyone. Kudos.
@stephanspiller9877
@stephanspiller9877 9 месяцев назад
Dude is awesome
@kairu_b
@kairu_b 4 месяца назад
Very handy
@ieatnoodls
@ieatnoodls 9 месяцев назад
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?
@Stratelier
@Stratelier 8 месяцев назад
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.
@StephenBoyd21
@StephenBoyd21 9 месяцев назад
I didn't even realise that there was a measurement tool. No doubt I'll find that handy in the future.
@GR4B0VZKY
@GR4B0VZKY 9 месяцев назад
im not really using inkscape, but its still cool
@AEX-rk4lg
@AEX-rk4lg 9 месяцев назад
Great tutorial, thank you for sharing your knowledge :) could you please do a video about perspective transformation of bitmap images in inkscape?
@LogosByNick
@LogosByNick 9 месяцев назад
Inkscape can't do that. You'll need GIMP for that.
@hipflipped
@hipflipped 9 месяцев назад
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 9 месяцев назад
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.
@neochua7987
@neochua7987 9 месяцев назад
wow!
@doctormo
@doctormo 9 месяцев назад
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 9 месяцев назад
Control-drag lets you reposition the guide's rotation point, without moving the guide :)
@romansil
@romansil 9 месяцев назад
@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 9 месяцев назад
thanks for the guide
@telsnt
@telsnt 9 месяцев назад
Great tutorial! Please, could you tell me what's the tool you're using to show the shortcuts on the screen?
@LogosByNick
@LogosByNick 9 месяцев назад
It's called Keycastr. It's free and open source just like Inkscape, but only for Mac iirc
@karimishaahin
@karimishaahin 9 месяцев назад
Interesting, tried your tutorial and got same result.
@talk2devid
@talk2devid 9 месяцев назад
Sir, Please create a old comics recolor tutorial in inkscape using Trace tool. Also, Is it possible to achieve colors like Midjourney using Inskcape?
@SBleaves
@SBleaves 8 месяцев назад
Are there a mate actions like in CAD apps ?
@JustinShaw
@JustinShaw 9 месяцев назад
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 9 месяцев назад
Upgraded to Inkspape 1.3 and fixed the problem! Please disregard.😅
@EmrahUncu
@EmrahUncu 9 месяцев назад
Which version do you use? I use 1.1 .
@dennyskerb4992
@dennyskerb4992 9 месяцев назад
👍👍
@pedrovidal5
@pedrovidal5 8 месяцев назад
I don`t have the paths "Fracture" and "Flatten" in my inkscape V1.2. This is V1.3? Thank you.
@murdakajhonta
@murdakajhonta 9 месяцев назад
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 9 месяцев назад
If you use the Corners path effect instead I believe you can round the corners using numerical inputs
@evanphi
@evanphi 2 месяца назад
If you Shift+Click on the LPE Corner handle you can input the desired value for the corner fillet/rad/etc....
@jinggacolor5239
@jinggacolor5239 9 месяцев назад
help im making text path -object to path ungroup nothing happened in 1.3 inkscape. in 1.1 ithe text can slpit
@EdwardRestrepo
@EdwardRestrepo 9 месяцев назад
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 9 месяцев назад
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 9 месяцев назад
@@CTRL_SMarcos thank you very much.
@amrtrea6325
@amrtrea6325 9 месяцев назад
How long it takes to make this video?
@garmar704
@garmar704 9 месяцев назад
He recreated the logo in real time. Editing a video like this can take several hours.
@bokunochannel84207
@bokunochannel84207 9 месяцев назад
hm... idk that you can rotate a guide line.
@byronwatkins2565
@byronwatkins2565 9 месяцев назад
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 5 месяцев назад
fracture tool is not showing how to achive it
@Dark_Knightro
@Dark_Knightro 9 месяцев назад
Crazy how I am watching this and I still have not updated to 1.3 lol
@ryan_cowan
@ryan_cowan 9 месяцев назад
I'm such a caveman
@MarkFraserWeather
@MarkFraserWeather 9 месяцев назад
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
@ieatnoodls 9 месяцев назад
2:23 This button placement is terrible haha
@sunilchristian3430
@sunilchristian3430 9 месяцев назад
Thank you!
Далее
5 Things Inkscape Can Do That Illustrator Can't
12:26
The Complete Guide To Creating Gradients In Inkscape
10:10
Math for Game Programmers: Building a Better Jump
25:43
Inkscape Explained: Path Functions
16:46
Просмотров 321 тыс.
How to Use the Golden Ratio in Graphic Design! 🔥
11:25
7 Must-Know Pro Tips for Logo Design
11:16
Просмотров 34 тыс.
How to Turn an SVG into a 3D Print!
17:43
Просмотров 90 тыс.
Affinity Designer 2: Tutorial for Beginners [2024]
1:59:37